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

package/dist/week-selector.mjs

@@ -0,0 +1,101 @@
+import { Button } from "./button.mjs";
+import { Calendar as Calendar$1 } from "./calendar.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
+import { Tabs, TabsList, TabsTrigger } from "./tabs.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Calendar, ChevronLeft, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { format } from "date-fns";
+//#region src/week-selector.tsx
+function useControllable(controlled, fallback, onChange) {
+	const [internal, setInternal] = React.useState(fallback);
+	return [controlled !== void 0 ? controlled : internal, React.useCallback((next) => {
+		if (controlled === void 0) setInternal(next);
+		onChange?.(next);
+	}, [controlled, onChange])];
+}
+/**
+* A compact week selector: a clickable date-range label that opens a calendar to jump to any week,
+* previous / next chevrons that step the selected week (keeping it centered in the visible tabs), and
+* a segmented row of week tabs (built on the shared `Tabs` component). Controlled or uncontrolled via
+* `value` / `defaultValue`.
+*/
+const WeekSelector = React.forwardRef(({ className, weeks, value, defaultValue, onValueChange, visibleCount = 4, onDateSelect, dateLabel, bare = false, ...props }, ref) => {
+	const latestValue = weeks[weeks.length - 1]?.value;
+	const [selected, setSelected] = useControllable(value, defaultValue ?? latestValue, onValueChange);
+	const [open, setOpen] = React.useState(false);
+	const selectedIndex = Math.max(0, weeks.findIndex((w) => w.value === selected));
+	const current = weeks[selectedIndex];
+	const half = Math.floor(visibleCount / 2);
+	const start = Math.max(0, Math.min(selectedIndex - half, Math.max(0, weeks.length - visibleCount)));
+	const visible = weeks.slice(start, start + visibleCount);
+	const canPrev = selectedIndex > 0;
+	const canNext = selectedIndex < weeks.length - 1;
+	const rangeLabel = dateLabel ?? (current ? `${format(current.start, "MMM d, yyyy")} – ${format(current.end, "MMM d, yyyy")}` : "Select a week");
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("wwc:inline-flex wwc:items-center wwc:gap-1", !bare && "wwc:rounded-xl wwc:border wwc:border-border wwc:bg-card wwc:px-3 wwc:py-2", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs(Popover, {
+				open,
+				onOpenChange: setOpen,
+				children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1 wwc:rounded-md wwc:text-sm wwc:font-medium wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring",
+						children: [/* @__PURE__ */ jsx(Calendar, { className: "wwc:size-4" }), /* @__PURE__ */ jsx("span", { children: rangeLabel })]
+					})
+				}), /* @__PURE__ */ jsx(PopoverContent, {
+					className: "wwc:w-auto wwc:p-0",
+					align: "start",
+					children: /* @__PURE__ */ jsx(Calendar$1, {
+						mode: "single",
+						selected: current?.start,
+						defaultMonth: current?.start,
+						onSelect: (date) => {
+							if (date) {
+								onDateSelect?.(date);
+								setOpen(false);
+							}
+						},
+						initialFocus: true
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				icon: true,
+				size: "sm",
+				"aria-label": "Previous week",
+				disabled: !canPrev,
+				onClick: () => canPrev && setSelected(weeks[selectedIndex - 1].value),
+				children: /* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:size-5" })
+			}),
+			/* @__PURE__ */ jsx(Tabs, {
+				value: selected,
+				onValueChange: setSelected,
+				children: /* @__PURE__ */ jsx(TabsList, { children: visible.map((week) => /* @__PURE__ */ jsx(TabsTrigger, {
+					value: week.value,
+					children: week.label ?? week.value
+				}, week.value)) })
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				icon: true,
+				size: "sm",
+				"aria-label": "Next week",
+				disabled: !canNext,
+				onClick: () => canNext && setSelected(weeks[selectedIndex + 1].value),
+				children: /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:size-5" })
+			})
+		]
+	});
+});
+WeekSelector.displayName = "WeekSelector";
+//#endregion
+export { WeekSelector };
+
+//# sourceMappingURL=week-selector.mjs.map

package/dist/week-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-selector.mjs","names":["CalendarIcon","Calendar"],"sources":["../src/week-selector.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {format} from \"date-fns\";\nimport {Calendar as CalendarIcon, ChevronLeft, ChevronRight} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {Calendar} from \"./calendar\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"./popover\";\nimport {Tabs, TabsList, TabsTrigger} from \"./tabs\";\n\n/** One week shown as a segmented tab. */\nexport interface WeekSelectorWeek {\n\t/** Unique value for the tab, e.g. \"W112\". */\n\tvalue: string;\n\t/** Tab label. Defaults to `value`. */\n\tlabel?: string;\n\t/** Week start date — drives the date-range label when this week is selected. */\n\tstart: Date;\n\t/** Week end date. */\n\tend: Date;\n}\n\nexport interface WeekSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n\t/** The full list of weeks. The tabs show a window of these, centered on the selected week. */\n\tweeks: WeekSelectorWeek[];\n\t/** Selected week value (controlled). */\n\tvalue?: string;\n\t/** Initial selected week value (uncontrolled). Defaults to the latest (last) week. */\n\tdefaultValue?: string;\n\t/** Fires when the selected week changes (tab click, chevron, or calendar). */\n\tonValueChange?: (value: string) => void;\n\t/** Number of week tabs shown at once, centered on the selection (clamped at the ends). Default 4. */\n\tvisibleCount?: number;\n\t/** Fires when a date is chosen from the calendar popover (opened by clicking the date label). */\n\tonDateSelect?: (date: Date) => void;\n\t/** Override the date-range label. Defaults to the selected week's start–end range. */\n\tdateLabel?: React.ReactNode;\n\t/**\n\t * Render bare: drop the default outer container (rounded corners, border, card background, and\n\t * padding) so the control sits flush inside a toolbar/app bar. The inner layout — date-range\n\t * label, chevrons, and week tabs — is unchanged. Default false.\n\t */\n\tbare?: boolean;\n}\n\nfunction useControllable<T>(controlled: T | undefined, fallback: T, onChange?: (value: T) => void) {\n\tconst [internal, setInternal] = React.useState<T>(fallback);\n\tconst value = controlled !== undefined ? controlled : internal;\n\tconst set = React.useCallback(\n\t\t(next: T) => {\n\t\t\tif (controlled === undefined) setInternal(next);\n\t\t\tonChange?.(next);\n\t\t},\n\t\t[controlled, onChange],\n\t);\n\treturn [value, set] as const;\n}\n\n/**\n * A compact week selector: a clickable date-range label that opens a calendar to jump to any week,\n * previous / next chevrons that step the selected week (keeping it centered in the visible tabs), and\n * a segmented row of week tabs (built on the shared `Tabs` component). Controlled or uncontrolled via\n * `value` / `defaultValue`.\n */\nconst WeekSelector = React.forwardRef<HTMLDivElement, WeekSelectorProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tweeks,\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tonValueChange,\n\t\t\tvisibleCount = 4,\n\t\t\tonDateSelect,\n\t\t\tdateLabel,\n\t\t\tbare = false,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\t// Default to the latest (last) week — the most recent available.\n\t\tconst latestValue = weeks[weeks.length - 1]?.value;\n\t\tconst [selected, setSelected] = useControllable(value, defaultValue ?? latestValue, onValueChange);\n\t\tconst [open, setOpen] = React.useState(false);\n\n\t\tconst selectedIndex = Math.max(\n\t\t\t0,\n\t\t\tweeks.findIndex((w) => w.value === selected),\n\t\t);\n\t\tconst current = weeks[selectedIndex];\n\n\t\t// A window of `visibleCount` tabs centered on the selection, clamped to the list's bounds.\n\t\tconst half = Math.floor(visibleCount / 2);\n\t\tconst start = Math.max(0, Math.min(selectedIndex - half, Math.max(0, weeks.length - visibleCount)));\n\t\tconst visible = weeks.slice(start, start + visibleCount);\n\n\t\tconst canPrev = selectedIndex > 0;\n\t\tconst canNext = selectedIndex < weeks.length - 1;\n\n\t\tconst rangeLabel =\n\t\t\tdateLabel ??\n\t\t\t(current ? `${format(current.start, \"MMM d, yyyy\")} – ${format(current.end, \"MMM d, yyyy\")}` : \"Select a week\");\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:inline-flex wwc:items-center wwc:gap-1\",\n\t\t\t\t\t// The outer container chrome — dropped in `bare` mode so the control sits flush in a toolbar.\n\t\t\t\t\t!bare && \"wwc:rounded-xl wwc:border wwc:border-border wwc:bg-card wwc:px-3 wwc:py-2\",\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{/* Clickable date range → calendar popover */}\n\t\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1 wwc:rounded-md wwc:text-sm wwc:font-medium wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className=\"wwc:size-4\" />\n\t\t\t\t\t\t\t<span>{rangeLabel}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t<PopoverContent className=\"wwc:w-auto wwc:p-0\" align=\"start\">\n\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\tmode=\"single\"\n\t\t\t\t\t\t\tselected={current?.start}\n\t\t\t\t\t\t\tdefaultMonth={current?.start}\n\t\t\t\t\t\t\tonSelect={(date) => {\n\t\t\t\t\t\t\t\tif (date) {\n\t\t\t\t\t\t\t\t\tonDateSelect?.(date);\n\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tinitialFocus\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PopoverContent>\n\t\t\t\t</Popover>\n\n\t\t\t\t{/* Chevrons step the selected week; the tabs re-center on it */}\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\ticon\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\taria-label=\"Previous week\"\n\t\t\t\t\tdisabled={!canPrev}\n\t\t\t\t\tonClick={() => canPrev && setSelected(weeks[selectedIndex - 1].value)}\n\t\t\t\t>\n\t\t\t\t\t<ChevronLeft className=\"wwc:size-5\" />\n\t\t\t\t</Button>\n\n\t\t\t\t<Tabs value={selected} onValueChange={setSelected}>\n\t\t\t\t\t<TabsList>\n\t\t\t\t\t\t{visible.map((week) => (\n\t\t\t\t\t\t\t<TabsTrigger key={week.value} value={week.value}>\n\t\t\t\t\t\t\t\t{week.label ?? week.value}\n\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TabsList>\n\t\t\t\t</Tabs>\n\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\ticon\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\taria-label=\"Next week\"\n\t\t\t\t\tdisabled={!canNext}\n\t\t\t\t\tonClick={() => canNext && setSelected(weeks[selectedIndex + 1].value)}\n\t\t\t\t>\n\t\t\t\t\t<ChevronRight className=\"wwc:size-5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t},\n);\nWeekSelector.displayName = \"WeekSelector\";\n\nexport {WeekSelector};\n"],"mappings":";;;;;;;;;;AA6CA,SAAS,gBAAmB,YAA2B,UAAa,UAA+B;CAClG,MAAM,CAAC,UAAU,eAAe,MAAM,SAAY,QAAQ;CAS1D,OAAO,CARO,eAAe,KAAA,IAAY,aAAa,UAC1C,MAAM,aAChB,SAAY;EACZ,IAAI,eAAe,KAAA,GAAW,YAAY,IAAI;EAC9C,WAAW,IAAI;CAChB,GACA,CAAC,YAAY,QAAQ,CAEL,CAAC;AACnB;;;;;;;AAQA,MAAM,eAAe,MAAM,YAEzB,EACC,WACA,OACA,OACA,cACA,eACA,eAAe,GACf,cACA,WACA,OAAO,OACP,GAAG,SAEJ,QACI;CAEJ,MAAM,cAAc,MAAM,MAAM,SAAS,EAAE,EAAE;CAC7C,MAAM,CAAC,UAAU,eAAe,gBAAgB,OAAO,gBAAgB,aAAa,aAAa;CACjG,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAE5C,MAAM,gBAAgB,KAAK,IAC1B,GACA,MAAM,WAAW,MAAM,EAAE,UAAU,QAAQ,CAC5C;CACA,MAAM,UAAU,MAAM;CAGtB,MAAM,OAAO,KAAK,MAAM,eAAe,CAAC;CACxC,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,gBAAgB,MAAM,KAAK,IAAI,GAAG,MAAM,SAAS,YAAY,CAAC,CAAC;CAClG,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ,YAAY;CAEvD,MAAM,UAAU,gBAAgB;CAChC,MAAM,UAAU,gBAAgB,MAAM,SAAS;CAE/C,MAAM,aACL,cACC,UAAU,GAAG,OAAO,QAAQ,OAAO,aAAa,EAAE,KAAK,OAAO,QAAQ,KAAK,aAAa,MAAM;CAEhG,OACC,qBAAC,OAAD;EACM;EACL,WAAW,GACV,8CAEA,CAAC,QAAQ,6EACT,SACD;EACA,GAAI;EARL,UAAA;GAWC,qBAAC,SAAD;IAAe;IAAM,cAAc;IAAnC,UAAA,CACC,oBAAC,gBAAD;KAAgB,SAAA;KACf,UAAA,qBAAC,UAAD;MACC,MAAK;MACL,WAAU;MAFX,UAAA,CAIC,oBAACA,UAAD,EAAc,WAAU,aAAc,CAAA,GACtC,oBAAC,QAAD,EAAA,UAAO,WAAiB,CAAA,CACjB;;IACO,CAAA,GAChB,oBAAC,gBAAD;KAAgB,WAAU;KAAqB,OAAM;KACpD,UAAA,oBAACC,YAAD;MACC,MAAK;MACL,UAAU,SAAS;MACnB,cAAc,SAAS;MACvB,WAAW,SAAS;OACnB,IAAI,MAAM;QACT,eAAe,IAAI;QACnB,QAAQ,KAAK;OACd;MACD;MACA,cAAA;KACA,CAAA;IACc,CAAA,CACR;;GAGT,oBAAC,QAAD;IACC,SAAQ;IACR,MAAA;IACA,MAAK;IACL,cAAW;IACX,UAAU,CAAC;IACX,eAAe,WAAW,YAAY,MAAM,gBAAgB,EAAE,CAAC,KAAK;IAEpE,UAAA,oBAAC,aAAD,EAAa,WAAU,aAAc,CAAA;GAC9B,CAAA;GAER,oBAAC,MAAD;IAAM,OAAO;IAAU,eAAe;IACrC,UAAA,oBAAC,UAAD,EAAA,UACE,QAAQ,KAAK,SACb,oBAAC,aAAD;KAA8B,OAAO,KAAK;KACxC,UAAA,KAAK,SAAS,KAAK;IACR,GAFK,KAAK,KAEV,CACb,EACQ,CAAA;GACL,CAAA;GAEN,oBAAC,QAAD;IACC,SAAQ;IACR,MAAA;IACA,MAAK;IACL,cAAW;IACX,UAAU,CAAC;IACX,eAAe,WAAW,YAAY,MAAM,gBAAgB,EAAE,CAAC,KAAK;IAEpE,UAAA,oBAAC,cAAD,EAAc,WAAU,aAAc,CAAA;GAC/B,CAAA;EACJ;;AAEP,CACD;AACA,aAAa,cAAc"}

package/dist/widget-card.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+//#region src/widget-card.d.ts
+/**
+ * Analytics surface container: a bordered, clipped card whose header sits on a muted grey bar so the
+ * title reads as a distinct band above the content. Shared shell for chart tiles, metric tiles and
+ * data tables so every analytics widget frames its content the same way.
+ */
+declare const WidgetCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Grey header band. Lays out the title on the left and any actions on the right. */
+declare const WidgetCardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Right-aligned slot in the header band for icons, menus or toggles. */
+declare const WidgetCardActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Content area below the header band. */
+declare const WidgetCardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { WidgetCard, WidgetCardActions, WidgetCardBody, WidgetCardHeader, WidgetCardTitle };
+//# sourceMappingURL=widget-card.d.mts.map

package/dist/widget-card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-card.d.mts","names":[],"sources":["../src/widget-card.tsx"],"mappings":";;;;;;;cAQM,YAAU,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;;cAeV,kBAAgB,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;cAchB,iBAAe,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;;cAYf,mBAAiB,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;;cAYjB,gBAAc,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA"}

package/dist/widget-card.mjs

@@ -0,0 +1,46 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/widget-card.tsx
+/**
+* Analytics surface container: a bordered, clipped card whose header sits on a muted grey bar so the
+* title reads as a distinct band above the content. Shared shell for chart tiles, metric tiles and
+* data tables so every analytics widget frames its content the same way.
+*/
+const WidgetCard = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:text-card-foreground wwc:shadow-(--shadow-surface)", className),
+	...props
+}));
+WidgetCard.displayName = "WidgetCard";
+/** Grey header band. Lays out the title on the left and any actions on the right. */
+const WidgetCardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:min-h-10 wwc:items-center wwc:justify-between wwc:gap-2 wwc:border-b wwc:border-border wwc:bg-muted wwc:px-4 wwc:py-2", className),
+	...props
+}));
+WidgetCardHeader.displayName = "WidgetCardHeader";
+const WidgetCardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-sm wwc:font-medium wwc:leading-none", className),
+	...props
+}));
+WidgetCardTitle.displayName = "WidgetCardTitle";
+/** Right-aligned slot in the header band for icons, menus or toggles. */
+const WidgetCardActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center wwc:gap-1 wwc:text-muted-foreground", className),
+	...props
+}));
+WidgetCardActions.displayName = "WidgetCardActions";
+/** Content area below the header band. */
+const WidgetCardBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:p-4", className),
+	...props
+}));
+WidgetCardBody.displayName = "WidgetCardBody";
+//#endregion
+export { WidgetCard, WidgetCardActions, WidgetCardBody, WidgetCardHeader, WidgetCardTitle };
+
+//# sourceMappingURL=widget-card.mjs.map

package/dist/widget-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-card.mjs","names":[],"sources":["../src/widget-card.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/**\n * Analytics surface container: a bordered, clipped card whose header sits on a muted grey bar so the\n * title reads as a distinct band above the content. Shared shell for chart tiles, metric tiles and\n * data tables so every analytics widget frames its content the same way.\n */\nconst WidgetCard = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:text-card-foreground wwc:shadow-(--shadow-surface)\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nWidgetCard.displayName = \"WidgetCard\";\n\n/** Grey header band. Lays out the title on the left and any actions on the right. */\nconst WidgetCardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:min-h-10 wwc:items-center wwc:justify-between wwc:gap-2 wwc:border-b wwc:border-border wwc:bg-muted wwc:px-4 wwc:py-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nWidgetCardHeader.displayName = \"WidgetCardHeader\";\n\nconst WidgetCardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-sm wwc:font-medium wwc:leading-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nWidgetCardTitle.displayName = \"WidgetCardTitle\";\n\n/** Right-aligned slot in the header band for icons, menus or toggles. */\nconst WidgetCardActions = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:flex wwc:items-center wwc:gap-1 wwc:text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nWidgetCardActions.displayName = \"WidgetCardActions\";\n\n/** Content area below the header band. */\nconst WidgetCardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => <div ref={ref} className={cn(\"wwc:p-4\", className)} {...props} />,\n);\nWidgetCardBody.displayName = \"WidgetCardBody\";\n\nexport {WidgetCard, WidgetCardHeader, WidgetCardTitle, WidgetCardActions, WidgetCardBody};\n"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa,MAAM,YACvB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CACM;CACL,WAAW,GACV,sIACA,SACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,WAAW,cAAc;;AAGzB,MAAM,mBAAmB,MAAM,YAC7B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CACM;CACL,WAAW,GACV,sIACA,SACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,iBAAiB,cAAc;AAE/B,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CACM;CACL,WAAW,GAAG,sFAAsF,SAAS;CAC7G,GAAI;AACJ,CAAA,CAEH;AACA,gBAAgB,cAAc;;AAG9B,MAAM,oBAAoB,MAAM,YAC9B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CACM;CACL,WAAW,GAAG,iEAAiE,SAAS;CACxF,GAAI;AACJ,CAAA,CAEH;AACA,kBAAkB,cAAc;;AAGhC,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,GAAG,SAAQ,QAAQ,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,WAAW,SAAS;CAAG,GAAI;AAAQ,CAAA,CACjG;AACA,eAAe,cAAc"}

package/dist/wizard-dialog.d.mts

@@ -0,0 +1,68 @@
+import { Button } from "./button.mjs";
+import * as React from "react";
+//#region src/wizard-dialog.d.ts
+/**
+ * The multi-step half of the authoring contract — {@link FormDialog} for anything that does not fit
+ * one screen.
+ *
+ * It carries the same never-disable rule one level up: **Next is always pressable**, and pressing it
+ * on an unsatisfied step reveals that step's errors rather than sitting greyed out. `attempted`
+ * clears on every step change, forward or back, so an error the user has already moved past does not
+ * follow them.
+ *
+ * A step declares its own `valid`; the wizard owns position, the Stepper rail, the "Step N of M"
+ * counter, and which of Back / Next / submit is showing. Steps render lazily — only the current one
+ * is mounted — so a heavy Review step costs nothing until it is reached.
+ */
+export interface WizardStep {
+  /** Label in the Stepper rail. Keep it to one or two words — "Metadata", "Release evidence". */
+  label: string;
+  /**
+   * False while this step's required fields are unsatisfied. Next stays pressable regardless;
+   * pressing it flips `attempted` and holds position. Omit for a step that cannot be wrong.
+   */
+  valid?: boolean;
+  /**
+   * Overrides the Next button for this step only, e.g. a "Plan" button that computes before
+   * advancing. The click still runs the same validity gate.
+   */
+  nextLabel?: React.ReactNode;
+  /** Extra props for this step's Next button — test hooks, `data-*` attributes. */
+  nextProps?: Omit<React.ComponentProps<typeof Button>, "onClick" | "children">;
+  /**
+   * The step's body. Given as a function to receive `attempted` — true once Next has been refused
+   * on THIS step — so fields paint their errors at the right moment.
+   */
+  content: React.ReactNode | ((state: {
+    attempted: boolean;
+  }) => React.ReactNode);
+}
+export interface WizardDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  /** Dialog heading. Stays fixed across steps; the Stepper communicates position. */
+  title: React.ReactNode;
+  /**
+   * Max width in pixels. Defaults to `720` — a wizard carries a step rail as well as its fields,
+   * so it needs more room than a {@link FormDialog}.
+   */
+  width?: number;
+  /** At least one. Order is the order they are visited. */
+  steps: WizardStep[];
+  /** Label of the final button, shown in place of Next on the last step. */
+  submitLabel: React.ReactNode;
+  /** Extra props for the final button — test hooks, `data-*` attributes. */
+  submitProps?: Omit<React.ComponentProps<typeof Button>, "onClick" | "children">;
+  /** Runs on the last step when its `valid` holds. Closes afterwards unless `keepOpenOnSubmit`. */
+  onSubmit: () => void;
+  /** Clears the form. Runs after a successful submit AND whenever the dialog closes. */
+  onReset?: () => void;
+  /** Keep the dialog open after a successful submit. */
+  keepOpenOnSubmit?: boolean;
+  /** Applied to `DialogContent`, after the width. */
+  className?: string;
+}
+/** Multi-step authoring modal: Stepper rail, one step body at a time, Back / Next / submit footer. */
+export declare function WizardDialog({ open, onOpenChange, title, width, steps, submitLabel, submitProps, onSubmit, onReset, keepOpenOnSubmit, className }: WizardDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=wizard-dialog.d.mts.map

package/dist/wizard-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-dialog.d.mts","names":[],"sources":["../src/wizard-dialog.tsx"],"mappings":";;;;;;;;;;;;;;;;iBAqBiB;;EAEhB;;;;;EAKA;;;;;EAKA,YAAY,MAAM;;EAElB,YAAY,KAAK,MAAM,sBAAsB;;;;;EAK7C,SAAS,MAAM,cAAc;IAAQ;QAAwB,MAAM;;iBAGnD;EAChB;EACA,eAAe;;EAEf,OAAO,MAAM;;;;;EAKb;;EAEA,OAAO;;EAEP,aAAa,MAAM;;EAEnB,cAAc,KAAK,MAAM,sBAAsB;;EAE/C;;EAEA;;EAEA;;EAEA;;;wBAIe,eACf,MACA,cACA,OACA,OACA,OACA,aACA,aACA,UACA,SACA,kBACA,aACE,gDAAiB,IAAA"}

package/dist/wizard-dialog.mjs

@@ -0,0 +1,108 @@
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./dialog.mjs";
+import { Stepper, StepperIndicator, StepperItem, StepperLabel, StepperList, StepperSeparator } from "./stepper.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/wizard-dialog.tsx
+/** Multi-step authoring modal: Stepper rail, one step body at a time, Back / Next / submit footer. */
+function WizardDialog({ open, onOpenChange, title, width = 720, steps, submitLabel, submitProps, onSubmit, onReset, keepOpenOnSubmit = false, className }) {
+	const [step, setStep] = React.useState(0);
+	const [attempted, setAttempted] = React.useState(false);
+	const last = steps.length - 1;
+	const index = Math.min(step, last);
+	const current = steps[index];
+	const currentValid = current?.valid ?? true;
+	const clear = React.useCallback(() => {
+		setStep(0);
+		setAttempted(false);
+		onReset?.();
+	}, [onReset]);
+	const close = (next) => {
+		if (!next) clear();
+		onOpenChange(next);
+	};
+	const goNext = () => {
+		if (!currentValid) {
+			setAttempted(true);
+			return;
+		}
+		setAttempted(false);
+		setStep(index + 1);
+	};
+	const goBack = () => {
+		setAttempted(false);
+		setStep(index - 1);
+	};
+	const submit = () => {
+		if (!currentValid) {
+			setAttempted(true);
+			return;
+		}
+		onSubmit();
+		if (keepOpenOnSubmit) {
+			clear();
+			return;
+		}
+		close(false);
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: close,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			"data-core-artifact": "wizard-dialog",
+			className: cn("wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:flex-col wwc:gap-0 wwc:overflow-hidden", className),
+			style: { maxWidth: width },
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-6 wwc:py-4",
+					children: /* @__PURE__ */ jsx(Stepper, {
+						value: index + 1,
+						orientation: "horizontal",
+						className: "wwc:w-full",
+						children: /* @__PURE__ */ jsx(StepperList, {
+							className: "wwc:w-full",
+							children: steps.map((s, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs(StepperItem, {
+								step: i + 1,
+								children: [/* @__PURE__ */ jsx(StepperIndicator, {}), /* @__PURE__ */ jsx(StepperLabel, { children: s.label })]
+							}), i < last ? /* @__PURE__ */ jsx(StepperSeparator, {}) : null] }, s.label))
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-y-auto wwc:p-6",
+					children: typeof current?.content === "function" ? current.content({ attempted }) : current?.content
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsxs("span", {
+					className: "wwc:text-sm wwc:text-muted-foreground",
+					children: [
+						"Step ",
+						index + 1,
+						" of ",
+						steps.length
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-2",
+					children: [index > 0 ? /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: goBack,
+						children: "← Back"
+					}) : null, index < last ? /* @__PURE__ */ jsx(Button, {
+						onClick: goNext,
+						...current?.nextProps,
+						children: current?.nextLabel ?? "Next →"
+					}) : /* @__PURE__ */ jsx(Button, {
+						onClick: submit,
+						...submitProps,
+						children: submitLabel
+					})]
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { WizardDialog };
+
+//# sourceMappingURL=wizard-dialog.mjs.map

package/dist/wizard-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-dialog.mjs","names":[],"sources":["../src/wizard-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} from \"./dialog\";\nimport {Stepper, StepperIndicator, StepperItem, StepperLabel, StepperList, StepperSeparator} from \"./stepper\";\n\n/**\n * The multi-step half of the authoring contract — {@link FormDialog} for anything that does not fit\n * one screen.\n *\n * It carries the same never-disable rule one level up: **Next is always pressable**, and pressing it\n * on an unsatisfied step reveals that step's errors rather than sitting greyed out. `attempted`\n * clears on every step change, forward or back, so an error the user has already moved past does not\n * follow them.\n *\n * A step declares its own `valid`; the wizard owns position, the Stepper rail, the \"Step N of M\"\n * counter, and which of Back / Next / submit is showing. Steps render lazily — only the current one\n * is mounted — so a heavy Review step costs nothing until it is reached.\n */\n\nexport interface WizardStep {\n\t/** Label in the Stepper rail. Keep it to one or two words — \"Metadata\", \"Release evidence\". */\n\tlabel: string;\n\t/**\n\t * False while this step's required fields are unsatisfied. Next stays pressable regardless;\n\t * pressing it flips `attempted` and holds position. Omit for a step that cannot be wrong.\n\t */\n\tvalid?: boolean;\n\t/**\n\t * Overrides the Next button for this step only, e.g. a \"Plan\" button that computes before\n\t * advancing. The click still runs the same validity gate.\n\t */\n\tnextLabel?: React.ReactNode;\n\t/** Extra props for this step's Next button — test hooks, `data-*` attributes. */\n\tnextProps?: Omit<React.ComponentProps<typeof Button>, \"onClick\" | \"children\">;\n\t/**\n\t * The step's body. Given as a function to receive `attempted` — true once Next has been refused\n\t * on THIS step — so fields paint their errors at the right moment.\n\t */\n\tcontent: React.ReactNode | ((state: {attempted: boolean}) => React.ReactNode);\n}\n\nexport interface WizardDialogProps {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\t/** Dialog heading. Stays fixed across steps; the Stepper communicates position. */\n\ttitle: React.ReactNode;\n\t/**\n\t * Max width in pixels. Defaults to `720` — a wizard carries a step rail as well as its fields,\n\t * so it needs more room than a {@link FormDialog}.\n\t */\n\twidth?: number;\n\t/** At least one. Order is the order they are visited. */\n\tsteps: WizardStep[];\n\t/** Label of the final button, shown in place of Next on the last step. */\n\tsubmitLabel: React.ReactNode;\n\t/** Extra props for the final button — test hooks, `data-*` attributes. */\n\tsubmitProps?: Omit<React.ComponentProps<typeof Button>, \"onClick\" | \"children\">;\n\t/** Runs on the last step when its `valid` holds. Closes afterwards unless `keepOpenOnSubmit`. */\n\tonSubmit: () => void;\n\t/** Clears the form. Runs after a successful submit AND whenever the dialog closes. */\n\tonReset?: () => void;\n\t/** Keep the dialog open after a successful submit. */\n\tkeepOpenOnSubmit?: boolean;\n\t/** Applied to `DialogContent`, after the width. */\n\tclassName?: string;\n}\n\n/** Multi-step authoring modal: Stepper rail, one step body at a time, Back / Next / submit footer. */\nexport function WizardDialog({\n\topen,\n\tonOpenChange,\n\ttitle,\n\twidth = 720,\n\tsteps,\n\tsubmitLabel,\n\tsubmitProps,\n\tonSubmit,\n\tonReset,\n\tkeepOpenOnSubmit = false,\n\tclassName,\n}: WizardDialogProps) {\n\tconst [step, setStep] = React.useState(0);\n\t// Scoped to the current step by construction: every move clears it.\n\tconst [attempted, setAttempted] = React.useState(false);\n\n\tconst last = steps.length - 1;\n\t// A step past the end is only reachable if `steps` shrinks under a live dialog; clamp rather than\n\t// render nothing.\n\tconst index = Math.min(step, last);\n\tconst current = steps[index];\n\tconst currentValid = current?.valid ?? true;\n\n\tconst clear = React.useCallback(() => {\n\t\tsetStep(0);\n\t\tsetAttempted(false);\n\t\tonReset?.();\n\t}, [onReset]);\n\n\tconst close = (next: boolean) => {\n\t\tif (!next) clear();\n\t\tonOpenChange(next);\n\t};\n\n\tconst goNext = () => {\n\t\t// Don't block the button — pressing it reveals this step's error and holds position.\n\t\tif (!currentValid) {\n\t\t\tsetAttempted(true);\n\t\t\treturn;\n\t\t}\n\t\tsetAttempted(false);\n\t\tsetStep(index + 1);\n\t};\n\n\tconst goBack = () => {\n\t\tsetAttempted(false);\n\t\tsetStep(index - 1);\n\t};\n\n\tconst submit = () => {\n\t\tif (!currentValid) {\n\t\t\tsetAttempted(true);\n\t\t\treturn;\n\t\t}\n\t\tonSubmit();\n\t\tif (keepOpenOnSubmit) {\n\t\t\tclear();\n\t\t\treturn;\n\t\t}\n\t\tclose(false);\n\t};\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={close}>\n\t\t\t<DialogContent\n\t\t\t\tdata-core-artifact=\"wizard-dialog\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:flex-col wwc:gap-0 wwc:overflow-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tstyle={{maxWidth: width}}\n\t\t\t>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>{title}</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-6 wwc:py-4\">\n\t\t\t\t\t<Stepper value={index + 1} orientation=\"horizontal\" className=\"wwc:w-full\">\n\t\t\t\t\t\t<StepperList className=\"wwc:w-full\">\n\t\t\t\t\t\t\t{steps.map((s, i) => (\n\t\t\t\t\t\t\t\t<React.Fragment key={s.label}>\n\t\t\t\t\t\t\t\t\t<StepperItem step={i + 1}>\n\t\t\t\t\t\t\t\t\t\t<StepperIndicator />\n\t\t\t\t\t\t\t\t\t\t<StepperLabel>{s.label}</StepperLabel>\n\t\t\t\t\t\t\t\t\t</StepperItem>\n\t\t\t\t\t\t\t\t\t{i < last ? <StepperSeparator /> : null}\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</StepperList>\n\t\t\t\t\t</Stepper>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Only the current step is mounted, so a Review step's derived work is never paid for\n\t\t\t\t    on step 1. The scroll lives here rather than on the content, keeping the header band,\n\t\t\t\t    the rail and the footer fixed. */}\n\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-y-auto wwc:p-6\">\n\t\t\t\t\t{typeof current?.content === \"function\" ? current.content({attempted}) : current?.content}\n\t\t\t\t</div>\n\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<span className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\tStep {index + 1} of {steps.length}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t{index > 0 ? (\n\t\t\t\t\t\t\t<Button variant=\"outline\" onClick={goBack}>\n\t\t\t\t\t\t\t\t← Back\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{index < last ? (\n\t\t\t\t\t\t\t<Button onClick={goNext} {...current?.nextProps}>\n\t\t\t\t\t\t\t\t{current?.nextLabel ?? \"Next →\"}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Button onClick={submit} {...submitProps}>\n\t\t\t\t\t\t\t\t{submitLabel}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n"],"mappings":";;;;;;;;AAsEA,SAAgB,aAAa,EAC5B,MACA,cACA,OACA,QAAQ,KACR,OACA,aACA,aACA,UACA,SACA,mBAAmB,OACnB,aACqB;CACrB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,CAAC;CAExC,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CAEtD,MAAM,OAAO,MAAM,SAAS;CAG5B,MAAM,QAAQ,KAAK,IAAI,MAAM,IAAI;CACjC,MAAM,UAAU,MAAM;CACtB,MAAM,eAAe,SAAS,SAAS;CAEvC,MAAM,QAAQ,MAAM,kBAAkB;EACrC,QAAQ,CAAC;EACT,aAAa,KAAK;EAClB,UAAU;CACX,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,SAAS,SAAkB;EAChC,IAAI,CAAC,MAAM,MAAM;EACjB,aAAa,IAAI;CAClB;CAEA,MAAM,eAAe;EAEpB,IAAI,CAAC,cAAc;GAClB,aAAa,IAAI;GACjB;EACD;EACA,aAAa,KAAK;EAClB,QAAQ,QAAQ,CAAC;CAClB;CAEA,MAAM,eAAe;EACpB,aAAa,KAAK;EAClB,QAAQ,QAAQ,CAAC;CAClB;CAEA,MAAM,eAAe;EACpB,IAAI,CAAC,cAAc;GAClB,aAAa,IAAI;GACjB;EACD;EACA,SAAS;EACT,IAAI,kBAAkB;GACrB,MAAM;GACN;EACD;EACA,MAAM,KAAK;CACZ;CAEA,OACC,oBAAC,QAAD;EAAc;EAAM,cAAc;EACjC,UAAA,qBAAC,eAAD;GACC,sBAAmB;GACnB,WAAW,GACV,iGACA,SACD;GACA,OAAO,EAAC,UAAU,MAAK;GANxB,UAAA;IAQC,oBAAC,cAAD,EAAA,UACC,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,EACpB,CAAA;IAEd,oBAAC,OAAD;KAAK,WAAU;KACd,UAAA,oBAAC,SAAD;MAAS,OAAO,QAAQ;MAAG,aAAY;MAAa,WAAU;MAC7D,UAAA,oBAAC,aAAD;OAAa,WAAU;OACrB,UAAA,MAAM,KAAK,GAAG,MACd,qBAAC,MAAM,UAAP,EAAA,UAAA,CACC,qBAAC,aAAD;QAAa,MAAM,IAAI;QAAvB,UAAA,CACC,oBAAC,kBAAD,CAAmB,CAAA,GACnB,oBAAC,cAAD,EAAA,UAAe,EAAE,MAAoB,CAAA,CACzB;OACZ,CAAA,GAAA,IAAI,OAAO,oBAAC,kBAAD,CAAmB,CAAA,IAAI,IACpB,EAAA,GANK,EAAE,KAMP,CAChB;MACW,CAAA;KACL,CAAA;IACL,CAAA;IAKL,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,OAAO,SAAS,YAAY,aAAa,QAAQ,QAAQ,EAAC,UAAS,CAAC,IAAI,SAAS;IAC9E,CAAA;IAEL,qBAAC,cAAD,EAAA,UAAA,CACC,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MAAwD;MACjD,QAAQ;MAAE;MAAK,MAAM;KACtB;IACN,CAAA,GAAA,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,QAAQ,IACR,oBAAC,QAAD;MAAQ,SAAQ;MAAU,SAAS;MAAQ,UAAA;KAEnC,CAAA,IACL,MACH,QAAQ,OACR,oBAAC,QAAD;MAAQ,SAAS;MAAQ,GAAI,SAAS;MACpC,UAAA,SAAS,aAAa;KAChB,CAAA,IAER,oBAAC,QAAD;MAAQ,SAAS;MAAQ,GAAI;MAC3B,UAAA;KACM,CAAA,CAEL;IACQ,CAAA,CAAA,EAAA,CAAA;GACA;;CACR,CAAA;AAEV"}

package/dist/work-item-card.d.mts

@@ -0,0 +1,38 @@
+import * as React from "react";
+//#region src/work-item-card.d.ts
+export type WorkItemStatus = "backlog" | "todo" | "in-progress" | "done" | "cancelled";
+export type WorkItemPriority = "none" | "low" | "medium" | "high" | "urgent";
+export type WorkItemTone = "neutral" | "primary" | "success" | "warning" | "danger" | "info";
+export interface WorkItemAssignee {
+  id: string;
+  name: string;
+  avatarUrl?: string;
+  tone?: WorkItemTone;
+}
+export interface WorkItemLabel {
+  id: string;
+  name: string;
+  tone?: WorkItemTone;
+}
+export interface WorkItemCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+  identifier: string;
+  title: string;
+  status?: WorkItemStatus;
+  priority?: WorkItemPriority;
+  isBlocked?: boolean;
+  dateRange?: {
+    start: string;
+    end: string;
+  };
+  isOverdue?: boolean;
+  assignees?: WorkItemAssignee[];
+  subIssueCount?: number;
+  modules?: string[];
+  labels?: WorkItemLabel[];
+  onClick?: () => void;
+  onClearDate?: () => void;
+}
+declare const WorkItemCard: React.ForwardRefExoticComponent<WorkItemCardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { WorkItemCard };
+//# sourceMappingURL=work-item-card.d.mts.map

package/dist/work-item-card.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"work-item-card.d.mts","names":[],"sources":["../src/work-item-card.tsx"],"mappings":";;YAOY;YACA;YACA;iBAEK;EAChB;EACA;EACA;EACA,OAAO;;iBAGS;EAChB;EACA;EACA,OAAO;;iBAGS,0BAA0B,KAAK,MAAM,eAAe;EACpE;EACA;EACA,SAAS;EACT,WAAW;EACX;EACA;IAAa;IAAe;;EAC5B;EACA,YAAY;EACZ;EACA;EACA,SAAS;EACT;EACA;;cA8LK,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA"}