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

package/dist/add-observation-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-observation-dialog.mjs","names":[],"sources":["../src/add-observation-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Paperclip, Upload, X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {DateTimePicker} from \"./date-picker\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger} from \"./dialog\";\nimport {Field, FieldError, FieldLabel} from \"./field\";\nimport {Input} from \"./input\";\nimport {SearchableSelect} from \"./select\";\nimport {Switch} from \"./switch\";\nimport {Textarea} from \"./textarea\";\n\nexport interface AddObservationOption {\n\tvalue: string;\n\tlabel: string;\n}\n\nexport interface AddObservationValue {\n\tzone: string;\n\tcategory: string;\n\tdescription: string;\n\tattachments: File[];\n\tworker: string;\n\tpermitNumber: string;\n\tdate: Date | undefined;\n\tstopWorkNotice: boolean;\n}\n\nexport interface AddObservationDialogProps {\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\tzones?: AddObservationOption[];\n\tcategories?: AddObservationOption[];\n\tworkers?: AddObservationOption[];\n\t/** Seeds the Date field each time the dialog opens. Defaults to now. */\n\tdefaultDate?: Date;\n\tdescriptionMaxLength?: number;\n\tonSave?: (value: AddObservationValue) => void;\n\tclassName?: string;\n}\n\nconst EMPTY: AddObservationOption[] = [];\n\n/** Section wrapper — each block is separated by a rule, not just whitespace. */\nfunction Section({title, children}: {title: React.ReactNode; children: React.ReactNode}) {\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<p className=\"wwc:mb-2.5 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t{title}\n\t\t\t</p>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\n/** Dialog form for logging a safety observation — zone, category, description, and evidence. */\nfunction AddObservationDialog({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tzones = EMPTY,\n\tcategories = EMPTY,\n\tworkers = EMPTY,\n\tdefaultDate,\n\tdescriptionMaxLength = 300,\n\tonSave,\n\tclassName,\n}: AddObservationDialogProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n\tconst isOpen = open ?? uncontrolledOpen;\n\n\tconst [zone, setZone] = React.useState(\"\");\n\tconst [category, setCategory] = React.useState(\"\");\n\tconst [description, setDescription] = React.useState(\"\");\n\tconst [attachments, setAttachments] = React.useState<File[]>([]);\n\tconst [worker, setWorker] = React.useState(\"\");\n\tconst [permitNumber, setPermitNumber] = React.useState(\"\");\n\tconst [date, setDate] = React.useState<Date | undefined>(defaultDate);\n\tconst [stopWorkNotice, setStopWorkNotice] = React.useState(false);\n\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\tconst fileInputRef = React.useRef<HTMLInputElement>(null);\n\n\tconst reset = React.useCallback(() => {\n\t\tsetZone(\"\");\n\t\tsetCategory(\"\");\n\t\tsetDescription(\"\");\n\t\tsetAttachments([]);\n\t\tsetWorker(\"\");\n\t\tsetPermitNumber(\"\");\n\t\tsetDate(defaultDate ?? new Date());\n\t\tsetStopWorkNotice(false);\n\t\tsetShowErrors(false);\n\t}, [defaultDate]);\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) reset();\n\t\tif (open === undefined) setUncontrolledOpen(next);\n\t\tonOpenChange?.(next);\n\t};\n\n\tconst handleFiles = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst picked = Array.from(event.target.files ?? []);\n\t\tif (picked.length > 0) setAttachments((prev) => [...prev, ...picked]);\n\t\t// Clear the input so re-picking the same file still fires a change event.\n\t\tevent.target.value = \"\";\n\t};\n\n\tconst removeAttachment = (index: number) => {\n\t\tsetAttachments((prev) => prev.filter((_, i) => i !== index));\n\t};\n\n\tconst errors = {\n\t\tzone: zone === \"\" ? \"Select a zone.\" : undefined,\n\t\tcategory: category === \"\" ? \"Select a category.\" : undefined,\n\t\tdescription: description.trim() === \"\" ? \"Describe what you observed.\" : undefined,\n\t};\n\tconst hasErrors = Object.values(errors).some(Boolean);\n\n\tconst handleSave = () => {\n\t\tif (hasErrors) {\n\t\t\tsetShowErrors(true);\n\t\t\treturn;\n\t\t}\n\t\tonSave?.({zone, category, description, attachments, worker, permitNumber, date, stopWorkNotice});\n\t\thandleOpenChange(false);\n\t};\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-[560px]\", className)} aria-describedby={undefined}>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Add Observation</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<Section title=\"What & Where\">\n\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-2\">\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-zone\">Zone</FieldLabel>\n\t\t\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\t\t\toptions={zones}\n\t\t\t\t\t\t\t\tvalue={zone}\n\t\t\t\t\t\t\t\tonValueChange={setZone}\n\t\t\t\t\t\t\t\tplaceholder=\"Select Zone\"\n\t\t\t\t\t\t\t\tsearchPlaceholder=\"Search zones...\"\n\t\t\t\t\t\t\t\temptyMessage=\"No zones found.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{showErrors && errors.zone && <FieldError>{errors.zone}</FieldError>}\n\t\t\t\t\t\t</Field>\n\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-category\">Category</FieldLabel>\n\t\t\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\t\t\toptions={categories}\n\t\t\t\t\t\t\t\tvalue={category}\n\t\t\t\t\t\t\t\tonValueChange={setCategory}\n\t\t\t\t\t\t\t\tplaceholder=\"Select Category\"\n\t\t\t\t\t\t\t\tsearchPlaceholder=\"Search categories...\"\n\t\t\t\t\t\t\t\temptyMessage=\"No categories found.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{showErrors && errors.category && <FieldError>{errors.category}</FieldError>}\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t</div>\n\t\t\t\t</Section>\n\n\t\t\t\t<Section title=\"Description\">\n\t\t\t\t\t<Field>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-description\">Description</FieldLabel>\n\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium wwc:text-foreground\">{description.length}</span> /{\" \"}\n\t\t\t\t\t\t\t\t{descriptionMaxLength}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Textarea\n\t\t\t\t\t\t\tid=\"observation-description\"\n\t\t\t\t\t\t\tvalue={description}\n\t\t\t\t\t\t\tonChange={(e) => setDescription(e.target.value)}\n\t\t\t\t\t\t\tmaxLength={descriptionMaxLength}\n\t\t\t\t\t\t\tplaceholder=\"Add description here...\"\n\t\t\t\t\t\t\tclassName=\"wwc:min-h-20 wwc:resize-y\"\n\t\t\t\t\t\t\taria-invalid={showErrors && !!errors.description}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showErrors && errors.description && <FieldError>{errors.description}</FieldError>}\n\t\t\t\t\t</Field>\n\t\t\t\t</Section>\n\n\t\t\t\t<Section title=\"Evidence\">\n\t\t\t\t\t<Field>\n\t\t\t\t\t\t<FieldLabel>Attachments</FieldLabel>\n\t\t\t\t\t\t<input ref={fileInputRef} type=\"file\" multiple onChange={handleFiles} className=\"wwc:hidden\" />\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tclassName=\"wwc:w-full\"\n\t\t\t\t\t\t\tonClick={() => fileInputRef.current?.click()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Upload className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\tChoose File\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{attachments.length > 0 && (\n\t\t\t\t\t\t\t<ul className=\"wwc:space-y-1\">\n\t\t\t\t\t\t\t\t{attachments.map((file, index) => (\n\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\tkey={`${file.name}-${file.size}-${file.lastModified}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-md wwc:border wwc:border-border wwc:px-2 wwc:py-1 wwc:text-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Paperclip className=\"wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:line-clamp-1 wwc:flex-1\">{file.name}</span>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => removeAttachment(index)}\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Remove ${file.name}`}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:shrink-0 wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t>\n\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</button>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Field>\n\t\t\t\t</Section>\n\n\t\t\t\t<Section title=\"Details\">\n\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-2\">\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-worker\">Worker</FieldLabel>\n\t\t\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\t\t\toptions={workers}\n\t\t\t\t\t\t\t\tvalue={worker}\n\t\t\t\t\t\t\t\tonValueChange={setWorker}\n\t\t\t\t\t\t\t\tplaceholder=\"Select Worker\"\n\t\t\t\t\t\t\t\tsearchPlaceholder=\"Search workers...\"\n\t\t\t\t\t\t\t\temptyMessage=\"No workers found.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-permit\">Permit Number</FieldLabel>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"observation-permit\"\n\t\t\t\t\t\t\t\tvalue={permitNumber}\n\t\t\t\t\t\t\t\tonChange={(e) => setPermitNumber(e.target.value)}\n\t\t\t\t\t\t\t\tplaceholder=\"Ex. 123456\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Field>\n\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel>Date</FieldLabel>\n\t\t\t\t\t\t\t<DateTimePicker variant=\"unified\" date={date} onDateChange={setDate} />\n\t\t\t\t\t\t</Field>\n\n\t\t\t\t\t\t<Field>\n\t\t\t\t\t\t\t<FieldLabel htmlFor=\"observation-stop-work\">Stop Work Notice</FieldLabel>\n\t\t\t\t\t\t\t{/* Sits at input height so the toggle baselines with the Date control beside it. */}\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-9 wwc:items-center\">\n\t\t\t\t\t\t\t\t<Switch id=\"observation-stop-work\" checked={stopWorkNotice} onCheckedChange={setStopWorkNotice} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Field>\n\t\t\t\t\t</div>\n\t\t\t\t</Section>\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 size=\"sm\" onClick={handleSave}>\n\t\t\t\t\t\tSave\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 {AddObservationDialog};\n"],"mappings":"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"}

package/dist/alert-dialog.d.mts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+//#region src/alert-dialog.d.ts
+/** A modal dialog that interrupts the user with important content and expects a response. */
+declare function AlertDialog(props: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogTrigger: typeof AlertDialogPrimitive.Trigger;
+declare const AlertDialogPortal: typeof AlertDialogPrimitive.Portal;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogFooter: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.mts","names":[],"sources":["../src/alert-dialog.tsx"],"mappings":";;;;iBAOS,YAAY,OAAO,MAAM,gCAAgC,qBAAqB,oCAAK,IAAA;cAGtF,2BAA2B,qBAAqB;cAChD,0BAA0B,qBAAqB;cAE/C,oBAAkB,MAAA,0BAAA,KAAA,qBAAA,0BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAelB,oBAAkB,MAAA,0BAAA,KAAA,qBAAA,0BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAkBlB;KAA4C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAKhF;KAA4C,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAQhF,kBAAgB,MAAA,0BAAA,KAAA,qBAAA,wBAAA,MAAA,cAAA,8BAAA,MAAA,cAAA;cAQhB,wBAAsB,MAAA,0BAAA,KAAA,qBAAA,8BAAA,MAAA,cAAA,gCAAA,MAAA,cAAA;cAYtB,mBAAiB,MAAA,0BAAA,KAAA,qBAAA,yBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAQjB,mBAAiB,MAAA,0BAAA,KAAA,qBAAA,yBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA"}

package/dist/alert-dialog.mjs

@@ -0,0 +1,62 @@
+import { buttonVariants } from "./button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+//#region src/alert-dialog.tsx
+/** A modal dialog that interrupts the user with important content and expects a response. */
+function AlertDialog(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { ...props });
+}
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+	className: cn("wwc:fixed wwc:inset-0 wwc:z-50 wwc:bg-black/40 wwc:backdrop-blur-sm wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0", className),
+	...props,
+	ref
+}));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+	ref,
+	className: cn("wwc:fixed wwc:left-[50%] wwc:top-[50%] wwc:z-50 wwc:grid wwc:w-full wwc:max-w-lg wwc:translate-x-[-50%] wwc:translate-y-[-50%] wwc:gap-4 wwc:border wwc:bg-card wwc:text-card-foreground wwc:p-6 wwc:shadow-lg wwc:duration-200 wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[state=closed]:slide-out-to-left-1/2 wwc:data-[state=closed]:slide-out-to-top-[48%] wwc:data-[state=open]:slide-in-from-left-1/2 wwc:data-[state=open]:slide-in-from-top-[48%] wwc:sm:rounded-lg", className),
+	...props
+})] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("wwc:flex wwc:flex-col wwc:space-y-2 wwc:text-center wwc:sm:text-left", className),
+	...props
+});
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("wwc:flex wwc:flex-col-reverse wwc:sm:flex-row wwc:sm:justify-end wwc:sm:space-x-2", className),
+	...props
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+	ref,
+	className: cn("wwc:text-lg wwc:font-semibold", className),
+	...props
+}));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+	ref,
+	className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+	...props
+}));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+	ref,
+	className: cn(buttonVariants(), className),
+	...props
+}));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+	ref,
+	className: cn(buttonVariants({ variant: "outline" }), "wwc:mt-2 wwc:sm:mt-0", className),
+	...props
+}));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.mjs","names":[],"sources":["../src/alert-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport * as React from \"react\";\n\nimport {buttonVariants} from \"./button\";\n\n/** A modal dialog that interrupts the user with important content and expects a response. */\nfunction AlertDialog(props: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>) {\n\treturn <AlertDialogPrimitive.Root {...props} />;\n}\nconst AlertDialogTrigger: typeof AlertDialogPrimitive.Trigger = AlertDialogPrimitive.Trigger;\nconst AlertDialogPortal: typeof AlertDialogPrimitive.Portal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPrimitive.Overlay\n\t\tclassName={cn(\n\t\t\t\"wwc:fixed wwc:inset-0 wwc:z-50 wwc:bg-black/40 wwc:backdrop-blur-sm wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t\tref={ref}\n\t/>\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPortal>\n\t\t<AlertDialogOverlay />\n\t\t<AlertDialogPrimitive.Content\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:fixed wwc:left-[50%] wwc:top-[50%] wwc:z-50 wwc:grid wwc:w-full wwc:max-w-lg wwc:translate-x-[-50%] wwc:translate-y-[-50%] wwc:gap-4 wwc:border wwc:bg-card wwc:text-card-foreground wwc:p-6 wwc:shadow-lg wwc:duration-200 wwc:data-[state=open]:animate-in wwc:data-[state=closed]:animate-out wwc:data-[state=closed]:fade-out-0 wwc:data-[state=open]:fade-in-0 wwc:data-[state=closed]:zoom-out-95 wwc:data-[state=open]:zoom-in-95 wwc:data-[state=closed]:slide-out-to-left-1/2 wwc:data-[state=closed]:slide-out-to-top-[48%] wwc:data-[state=open]:slide-in-from-left-1/2 wwc:data-[state=open]:slide-in-from-top-[48%] wwc:sm:rounded-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cn(\"wwc:flex wwc:flex-col wwc:space-y-2 wwc:text-center wwc:sm:text-left\", className)} {...props} />\n);\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\n\nconst AlertDialogFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div\n\t\tclassName={cn(\"wwc:flex wwc:flex-col-reverse wwc:sm:flex-row wwc:sm:justify-end wwc:sm:space-x-2\", className)}\n\t\t{...props}\n\t/>\n);\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\n\nconst AlertDialogTitle = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPrimitive.Title ref={ref} className={cn(\"wwc:text-lg wwc:font-semibold\", className)} {...props} />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPrimitive.Description\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Action>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n\tReact.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({className, ...props}, ref) => (\n\t<AlertDialogPrimitive.Cancel\n\t\tref={ref}\n\t\tclassName={cn(buttonVariants({variant: \"outline\"}), \"wwc:mt-2 wwc:sm:mt-0\", className)}\n\t\t{...props}\n\t/>\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogTrigger,\n\tAlertDialogContent,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,YAAY,OAAyE;CAC7F,OAAO,oBAAC,qBAAqB,MAAtB,EAA2B,GAAI,MAAQ,CAAA;AAC/C;AACA,MAAM,qBAA0D,qBAAqB;AACrF,MAAM,oBAAwD,qBAAqB;AAEnF,MAAM,qBAAqB,MAAM,YAG9B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,SAAtB;CACC,WAAW,GACV,+MACA,SACD;CACA,GAAI;CACC;AACL,CAAA,CACD;AACD,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,qBAAqB,MAAM,YAG9B,EAAC,WAAW,GAAG,SAAQ,QACzB,qBAAC,mBAAD,EAAA,UAAA,CACC,oBAAC,oBAAD,CAAqB,CAAA,GACrB,oBAAC,qBAAqB,SAAtB;CACM;CACL,WAAW,GACV,0nBACA,SACD;CACA,GAAI;AACJ,CAAA,CACiB,EAAA,CAAA,CACnB;AACD,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,qBAAqB,EAAC,WAAW,GAAG,YACzC,oBAAC,OAAD;CAAK,WAAW,GAAG,wEAAwE,SAAS;CAAG,GAAI;AAAQ,CAAA;AAEpH,kBAAkB,cAAc;AAEhC,MAAM,qBAAqB,EAAC,WAAW,GAAG,YACzC,oBAAC,OAAD;CACC,WAAW,GAAG,qFAAqF,SAAS;CAC5G,GAAI;AACJ,CAAA;AAEF,kBAAkB,cAAc;AAEhC,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,OAAtB;CAAiC;CAAK,WAAW,GAAG,iCAAiC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC7G;AACD,iBAAiB,cAAc,qBAAqB,MAAM;AAE1D,MAAM,yBAAyB,MAAM,YAGlC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,aAAtB;CACM;CACL,WAAW,GAAG,yCAAyC,SAAS;CAChE,GAAI;AACJ,CAAA,CACD;AACD,uBAAuB,cAAc,qBAAqB,YAAY;AAEtE,MAAM,oBAAoB,MAAM,YAG7B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,QAAtB;CAAkC;CAAK,WAAW,GAAG,eAAe,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC/F;AACD,kBAAkB,cAAc,qBAAqB,OAAO;AAE5D,MAAM,oBAAoB,MAAM,YAG7B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,QAAtB;CACM;CACL,WAAW,GAAG,eAAe,EAAC,SAAS,UAAS,CAAC,GAAG,wBAAwB,SAAS;CACrF,GAAI;AACJ,CAAA,CACD;AACD,kBAAkB,cAAc,qBAAqB,OAAO"}

package/dist/alert.d.mts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/alert.d.ts
+/** Displays a callout for important information with default and destructive variants. */
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.mts.map

package/dist/alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.mts","names":[],"sources":["../src/alert.tsx"],"mappings":";;;;cAqBM,OAAK,MAAA,0BAAA,MAAA,eAAA,kBAAA,cAAA;;6CAKT,qCAAA,MAAA,cAAA;cAGI,YAAU,MAAA,0BAAA,MAAA,eAAA,sBAAA,MAAA,cAAA;cAWV,kBAAgB,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA"}

package/dist/alert.mjs

@@ -0,0 +1,36 @@
+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/alert.tsx
+const alertVariants = cva("wwc:relative wwc:w-full wwc:rounded-lg wwc:border wwc:px-4 wwc:py-3 wwc:text-sm wwc:[&>svg+div]:translate-y-[-3px] wwc:[&>svg]:absolute wwc:[&>svg]:left-4 wwc:[&>svg]:top-4 wwc:[&>svg]:text-foreground wwc:[&>svg~*]:pl-7", {
+	variants: { variant: {
+		default: "wwc:bg-card wwc:text-foreground",
+		destructive: "wwc:border-destructive/50 wwc:text-destructive wwc:dark:border-destructive wwc:[&>svg]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Displays a callout for important information with default and destructive variants. */
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "alert",
+	className: cn(alertVariants({ variant }), className),
+	...props
+}));
+Alert.displayName = "Alert";
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h5", {
+	ref,
+	className: cn("wwc:mb-1 wwc:font-medium wwc:leading-none wwc:tracking-tight", className),
+	...props
+}));
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:text-sm wwc:[&_p]:leading-relaxed", className),
+	...props
+}));
+AlertDescription.displayName = "AlertDescription";
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+
+//# sourceMappingURL=alert.mjs.map

package/dist/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../src/alert.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst alertVariants = cva(\n\t\"wwc:relative wwc:w-full wwc:rounded-lg wwc:border wwc:px-4 wwc:py-3 wwc:text-sm wwc:[&>svg+div]:translate-y-[-3px] wwc:[&>svg]:absolute wwc:[&>svg]:left-4 wwc:[&>svg]:top-4 wwc:[&>svg]:text-foreground wwc:[&>svg~*]:pl-7\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"wwc:bg-card wwc:text-foreground\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"wwc:border-destructive/50 wwc:text-destructive wwc:dark:border-destructive wwc:[&>svg]:text-destructive\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\n/** Displays a callout for important information with default and destructive variants. */\nconst Alert = React.forwardRef<\n\tHTMLDivElement,\n\tReact.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({className, variant, ...props}, ref) => (\n\t<div ref={ref} role=\"alert\" className={cn(alertVariants({variant}), className)} {...props} />\n));\nAlert.displayName = \"Alert\";\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n\t({className, ...props}, ref) => (\n\t\t<h5\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:mb-1 wwc:font-medium wwc:leading-none wwc:tracking-tight\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nAlertTitle.displayName = \"AlertTitle\";\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<div ref={ref} className={cn(\"wwc:text-sm wwc:[&_p]:leading-relaxed\", className)} {...props} />\n\t),\n);\nAlertDescription.displayName = \"AlertDescription\";\n\nexport {Alert, AlertTitle, AlertDescription};\n"],"mappings":";;;;;AAIA,MAAM,gBAAgB,IACrB,+NACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,aACC;CACF,EACD;CACA,iBAAiB,EAChB,SAAS,UACV;AACD,CACD;;AAGA,MAAM,QAAQ,MAAM,YAGjB,EAAC,WAAW,SAAS,GAAG,SAAQ,QAClC,oBAAC,OAAD;CAAU;CAAK,MAAK;CAAQ,WAAW,GAAG,cAAc,EAAC,QAAO,CAAC,GAAG,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC5F;AACD,MAAM,cAAc;AAEpB,MAAM,aAAa,MAAM,YACvB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,MAAD;CACM;CACL,WAAW,GAAG,gEAAgE,SAAS;CACvF,GAAI;AACJ,CAAA,CAEH;AACA,WAAW,cAAc;AAEzB,MAAM,mBAAmB,MAAM,YAC7B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,yCAAyC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAEhG;AACA,iBAAiB,cAAc"}

package/dist/app-card.d.mts

@@ -0,0 +1,21 @@
+import * as React from "react";
+//#region src/app-card.d.ts
+export interface AppCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  /** Branded app icon/logo — an `<img>`, an SVG, or a sized lucide icon. */
+  icon: React.ReactNode;
+  /** App name. May be a string or a node (e.g. a search-highlighted fragment). */
+  name: React.ReactNode;
+  /** Short description. Clamped to `descriptionLines`. */
+  description?: React.ReactNode;
+  /** Status shown at the top-right (e.g. an "Installed" `Badge`). */
+  badge?: React.ReactNode;
+  /** Footer action row — typically two equal-width buttons (Details + Install). Wrapped in a flex row. */
+  actions?: React.ReactNode;
+  /** How many lines of description before truncation. Defaults to 3, keeping card heights aligned. */
+  descriptionLines?: 2 | 3 | 4;
+}
+/** A marketplace app-store listing card — icon, status badge, title, description, and an action footer. */
+declare const AppCard: React.ForwardRefExoticComponent<AppCardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AppCard };
+//# sourceMappingURL=app-card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-card.d.mts","names":[],"sources":["../src/app-card.tsx"],"mappings":";;iBAmBiB,qBAAqB,KAAK,MAAM,eAAe;;EAE/D,MAAM,MAAM;;EAEZ,MAAM,MAAM;;EAEZ,cAAc,MAAM;;EAEpB,QAAQ,MAAM;;EAEd,UAAU,MAAM;;EAEhB;;;cAIK,SAAO,MAAA,0BAAA,eAAA,MAAA,cAAA"}

package/dist/app-card.mjs

@@ -0,0 +1,49 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/app-card.tsx
+const clampByLines = {
+	2: "wwc:line-clamp-2",
+	3: "wwc:line-clamp-3",
+	4: "wwc:line-clamp-4"
+};
+const minHeightByLines = {
+	2: "wwc:min-h-[2.5rem]",
+	3: "wwc:min-h-[3.75rem]",
+	4: "wwc:min-h-[5rem]"
+};
+/** A marketplace app-store listing card — icon, status badge, title, description, and an action footer. */
+const AppCard = React.forwardRef(({ icon, name, description, badge, actions, descriptionLines = 3, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("wwc:flex wwc:flex-col wwc:gap-3 wwc:rounded-xl wwc:border wwc:bg-card wwc:p-4 wwc:text-card-foreground", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-start wwc:gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:h-12 wwc:w-12 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded-xl",
+				children: icon
+			}), badge && /* @__PURE__ */ jsx("div", {
+				className: "wwc:ml-auto wwc:shrink-0",
+				children: badge
+			})]
+		}),
+		/* @__PURE__ */ jsx("h3", {
+			className: "wwc:truncate wwc:text-base wwc:font-semibold wwc:leading-tight",
+			children: name
+		}),
+		description && /* @__PURE__ */ jsx("p", {
+			className: cn("wwc:text-sm wwc:text-muted-foreground", clampByLines[descriptionLines], minHeightByLines[descriptionLines]),
+			children: description
+		}),
+		actions && /* @__PURE__ */ jsx("div", {
+			className: "wwc:mt-auto wwc:flex wwc:items-center wwc:gap-2",
+			children: actions
+		})
+	]
+}));
+AppCard.displayName = "AppCard";
+//#endregion
+export { AppCard };
+
+//# sourceMappingURL=app-card.mjs.map

package/dist/app-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-card.mjs","names":[],"sources":["../src/app-card.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n// AppCard — a marketplace / app-store listing card: a branded icon, an optional top-right status badge, a\n// title (which may contain a search highlight), a clamped description, and a footer action row. Purely\n// presentational and slot-driven — the caller supplies the icon, badge, and action buttons.\n\nconst clampByLines: Record<2 | 3 | 4, string> = {\n\t2: \"wwc:line-clamp-2\",\n\t3: \"wwc:line-clamp-3\",\n\t4: \"wwc:line-clamp-4\",\n};\n\nconst minHeightByLines: Record<2 | 3 | 4, string> = {\n\t2: \"wwc:min-h-[2.5rem]\",\n\t3: \"wwc:min-h-[3.75rem]\",\n\t4: \"wwc:min-h-[5rem]\",\n};\n\nexport interface AppCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n\t/** Branded app icon/logo — an `<img>`, an SVG, or a sized lucide icon. */\n\ticon: React.ReactNode;\n\t/** App name. May be a string or a node (e.g. a search-highlighted fragment). */\n\tname: React.ReactNode;\n\t/** Short description. Clamped to `descriptionLines`. */\n\tdescription?: React.ReactNode;\n\t/** Status shown at the top-right (e.g. an \"Installed\" `Badge`). */\n\tbadge?: React.ReactNode;\n\t/** Footer action row — typically two equal-width buttons (Details + Install). Wrapped in a flex row. */\n\tactions?: React.ReactNode;\n\t/** How many lines of description before truncation. Defaults to 3, keeping card heights aligned. */\n\tdescriptionLines?: 2 | 3 | 4;\n}\n\n/** A marketplace app-store listing card — icon, status badge, title, description, and an action footer. */\nconst AppCard = React.forwardRef<HTMLDivElement, AppCardProps>(\n\t({icon, name, description, badge, actions, descriptionLines = 3, 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:flex-col wwc:gap-3 wwc:rounded-xl wwc:border wwc:bg-card wwc:p-4 wwc:text-card-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-3\">\n\t\t\t\t<div className=\"wwc:flex wwc:h-12 wwc:w-12 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded-xl\">\n\t\t\t\t\t{icon}\n\t\t\t\t</div>\n\t\t\t\t{badge && <div className=\"wwc:ml-auto wwc:shrink-0\">{badge}</div>}\n\t\t\t</div>\n\n\t\t\t<h3 className=\"wwc:truncate wwc:text-base wwc:font-semibold wwc:leading-tight\">{name}</h3>\n\n\t\t\t{description && (\n\t\t\t\t<p\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:text-sm wwc:text-muted-foreground\",\n\t\t\t\t\t\tclampByLines[descriptionLines],\n\t\t\t\t\t\tminHeightByLines[descriptionLines],\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{description}\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{actions && <div className=\"wwc:mt-auto wwc:flex wwc:items-center wwc:gap-2\">{actions}</div>}\n\t\t</div>\n\t),\n);\nAppCard.displayName = \"AppCard\";\n\nexport {AppCard};\n"],"mappings":";;;;AAOA,MAAM,eAA0C;CAC/C,GAAG;CACH,GAAG;CACH,GAAG;AACJ;AAEA,MAAM,mBAA8C;CACnD,GAAG;CACH,GAAG;CACH,GAAG;AACJ;;AAkBA,MAAM,UAAU,MAAM,YACpB,EAAC,MAAM,MAAM,aAAa,OAAO,SAAS,mBAAmB,GAAG,WAAW,GAAG,SAAQ,QACtF,qBAAC,OAAD;CACM;CACL,WAAW,GACV,0GACA,SACD;CACA,GAAI;CANL,UAAA;EAQC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA;GACG,CAAA,GACJ,SAAS,oBAAC,OAAD;IAAK,WAAU;IAA4B,UAAA;GAAW,CAAA,CAC5D;;EAEL,oBAAC,MAAD;GAAI,WAAU;GAAkE,UAAA;EAAS,CAAA;EAExF,eACA,oBAAC,KAAD;GACC,WAAW,GACV,yCACA,aAAa,mBACb,iBAAiB,iBAClB;GAEC,UAAA;EACC,CAAA;EAGH,WAAW,oBAAC,OAAD;GAAK,WAAU;GAAmD,UAAA;EAAa,CAAA;CACvF;AAEP,CAAA,CAAA;AACA,QAAQ,cAAc"}

package/dist/app-shell.d.mts

@@ -0,0 +1,39 @@
+import * as React from "react";
+//#region src/app-shell.d.ts
+export interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Header content (fixed at top) */
+  header?: React.ReactNode;
+  /** Sidebar content (fixed at side) */
+  sidebar?: React.ReactNode;
+  /** Footer content (fixed at bottom) */
+  footer?: React.ReactNode;
+  /** Sidebar position */
+  sidebarPosition?: "left" | "right";
+  /** Sidebar width */
+  sidebarWidth?: string;
+  /** Whether sidebar is collapsible */
+  sidebarCollapsible?: boolean;
+  /** Whether sidebar is currently collapsed */
+  sidebarCollapsed?: boolean;
+  /** Callback when sidebar collapse state changes */
+  onSidebarCollapse?: (collapsed: boolean) => void;
+  /** Collapsed sidebar width */
+  sidebarCollapsedWidth?: string;
+}
+/** Application shell layout with header, sidebar, main content, and footer. */
+declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppShellHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Header component for AppShell. */
+declare const AppShellHeader: React.ForwardRefExoticComponent<AppShellHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Sidebar component for AppShell. */
+declare const AppShellSidebar: React.ForwardRefExoticComponent<AppShellSidebarProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppShellMainProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Main content area for AppShell. */
+declare const AppShellMain: React.ForwardRefExoticComponent<AppShellMainProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppShellFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Footer component for AppShell. */
+declare const AppShellFooter: React.ForwardRefExoticComponent<AppShellFooterProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AppShell, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar };
+//# sourceMappingURL=app-shell.d.mts.map

package/dist/app-shell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.mts","names":[],"sources":["../src/app-shell.tsx"],"mappings":";;iBAGiB,sBAAsB,MAAM,eAAe;;EAE3D,SAAS,MAAM;;EAEf,UAAU,MAAM;;EAEhB,SAAS,MAAM;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA,qBAAqB;;EAErB;;;cAIK,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA;iBAyDG,4BAA4B,MAAM,eAAe;;cAG5D,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;iBAOH,6BAA6B,MAAM,eAAe;;cAG7D,iBAAe,MAAA,0BAAA,uBAAA,MAAA,cAAA;iBASJ,0BAA0B,MAAM,eAAe;;cAG1D,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA;iBAOD,4BAA4B,MAAM,eAAe;;cAG5D,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/app-shell.mjs

@@ -0,0 +1,79 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/app-shell.tsx
+/** Application shell layout with header, sidebar, main content, and footer. */
+const AppShell = React.forwardRef(({ className, header, sidebar, footer, sidebarPosition = "left", sidebarWidth = "256px", sidebarCollapsible = false, sidebarCollapsed = false, onSidebarCollapse, sidebarCollapsedWidth = "64px", children, ...props }, ref) => {
+	const currentSidebarWidth = sidebarCollapsed ? sidebarCollapsedWidth : sidebarWidth;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("wwc:flex wwc:min-h-screen wwc:flex-col wwc:bg-background", className),
+		...props,
+		children: [
+			header && /* @__PURE__ */ jsx("header", {
+				className: "wwc:sticky wwc:top-0 wwc:z-50 wwc:w-full wwc:border-b wwc:border-border wwc:bg-background/95 wwc:backdrop-blur wwc:supports-[backdrop-filter]:bg-background/60",
+				children: header
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-1",
+				children: [
+					sidebar && sidebarPosition === "left" && /* @__PURE__ */ jsx("aside", {
+						className: "wwc:sticky wwc:top-14 wwc:z-30 wwc:h-[calc(100vh-3.5rem)] wwc:shrink-0 wwc:border-r wwc:border-border wwc:bg-background wwc:transition-[width] wwc:duration-200",
+						style: { width: currentSidebarWidth },
+						children: sidebar
+					}),
+					/* @__PURE__ */ jsx("main", {
+						className: "wwc:flex-1 wwc:overflow-auto",
+						children
+					}),
+					sidebar && sidebarPosition === "right" && /* @__PURE__ */ jsx("aside", {
+						className: "wwc:sticky wwc:top-14 wwc:z-30 wwc:h-[calc(100vh-3.5rem)] wwc:shrink-0 wwc:border-l wwc:border-border wwc:bg-background wwc:transition-[width] wwc:duration-200",
+						style: { width: currentSidebarWidth },
+						children: sidebar
+					})
+				]
+			}),
+			footer && /* @__PURE__ */ jsx("footer", {
+				className: "wwc:border-t wwc:border-border wwc:bg-background",
+				children: footer
+			})
+		]
+	});
+});
+AppShell.displayName = "AppShell";
+/** Header component for AppShell. */
+const AppShellHeader = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:h-14 wwc:items-center wwc:px-4 wwc:gap-4", className),
+	...props,
+	children
+}));
+AppShellHeader.displayName = "AppShellHeader";
+/** Sidebar component for AppShell. */
+const AppShellSidebar = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:h-full wwc:flex-col wwc:overflow-y-auto wwc:p-4", className),
+	...props,
+	children
+}));
+AppShellSidebar.displayName = "AppShellSidebar";
+/** Main content area for AppShell. */
+const AppShellMain = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex-1 wwc:p-6", className),
+	...props,
+	children
+}));
+AppShellMain.displayName = "AppShellMain";
+/** Footer component for AppShell. */
+const AppShellFooter = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:h-14 wwc:items-center wwc:px-4", className),
+	...props,
+	children
+}));
+AppShellFooter.displayName = "AppShellFooter";
+//#endregion
+export { AppShell, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar };
+
+//# sourceMappingURL=app-shell.mjs.map

package/dist/app-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.mjs","names":[],"sources":["../src/app-shell.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Header content (fixed at top) */\n\theader?: React.ReactNode;\n\t/** Sidebar content (fixed at side) */\n\tsidebar?: React.ReactNode;\n\t/** Footer content (fixed at bottom) */\n\tfooter?: React.ReactNode;\n\t/** Sidebar position */\n\tsidebarPosition?: \"left\" | \"right\";\n\t/** Sidebar width */\n\tsidebarWidth?: string;\n\t/** Whether sidebar is collapsible */\n\tsidebarCollapsible?: boolean;\n\t/** Whether sidebar is currently collapsed */\n\tsidebarCollapsed?: boolean;\n\t/** Callback when sidebar collapse state changes */\n\tonSidebarCollapse?: (collapsed: boolean) => void;\n\t/** Collapsed sidebar width */\n\tsidebarCollapsedWidth?: string;\n}\n\n/** Application shell layout with header, sidebar, main content, and footer. */\nconst AppShell = React.forwardRef<HTMLDivElement, AppShellProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\theader,\n\t\t\tsidebar,\n\t\t\tfooter,\n\t\t\tsidebarPosition = \"left\",\n\t\t\tsidebarWidth = \"256px\",\n\t\t\tsidebarCollapsible = false,\n\t\t\tsidebarCollapsed = false,\n\t\t\tonSidebarCollapse,\n\t\t\tsidebarCollapsedWidth = \"64px\",\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst currentSidebarWidth = sidebarCollapsed ? sidebarCollapsedWidth : sidebarWidth;\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex wwc:min-h-screen wwc:flex-col wwc:bg-background\", className)} {...props}>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className=\"wwc:sticky wwc:top-0 wwc:z-50 wwc:w-full wwc:border-b wwc:border-border wwc:bg-background/95 wwc:backdrop-blur wwc:supports-[backdrop-filter]:bg-background/60\">\n\t\t\t\t\t\t{header}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"wwc:flex wwc:flex-1\">\n\t\t\t\t\t{sidebar && sidebarPosition === \"left\" && (\n\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\tclassName=\"wwc:sticky wwc:top-14 wwc:z-30 wwc:h-[calc(100vh-3.5rem)] wwc:shrink-0 wwc:border-r wwc:border-border wwc:bg-background wwc:transition-[width] wwc:duration-200\"\n\t\t\t\t\t\t\tstyle={{width: currentSidebarWidth}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sidebar}\n\t\t\t\t\t\t</aside>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<main className=\"wwc:flex-1 wwc:overflow-auto\">{children}</main>\n\n\t\t\t\t\t{sidebar && sidebarPosition === \"right\" && (\n\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\tclassName=\"wwc:sticky wwc:top-14 wwc:z-30 wwc:h-[calc(100vh-3.5rem)] wwc:shrink-0 wwc:border-l wwc:border-border wwc:bg-background wwc:transition-[width] wwc:duration-200\"\n\t\t\t\t\t\t\tstyle={{width: currentSidebarWidth}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sidebar}\n\t\t\t\t\t\t</aside>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{footer && <footer className=\"wwc:border-t wwc:border-border wwc:bg-background\">{footer}</footer>}\n\t\t\t</div>\n\t\t);\n\t},\n);\nAppShell.displayName = \"AppShell\";\n\nexport interface AppShellHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Header component for AppShell. */\nconst AppShellHeader = React.forwardRef<HTMLDivElement, AppShellHeaderProps>(({className, children, ...props}, ref) => (\n\t<div ref={ref} className={cn(\"wwc:flex wwc:h-14 wwc:items-center wwc:px-4 wwc:gap-4\", className)} {...props}>\n\t\t{children}\n\t</div>\n));\nAppShellHeader.displayName = \"AppShellHeader\";\n\nexport interface AppShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Sidebar component for AppShell. */\nconst AppShellSidebar = React.forwardRef<HTMLDivElement, AppShellSidebarProps>(\n\t({className, children, ...props}, ref) => (\n\t\t<div ref={ref} className={cn(\"wwc:flex wwc:h-full wwc:flex-col wwc:overflow-y-auto wwc:p-4\", className)} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nAppShellSidebar.displayName = \"AppShellSidebar\";\n\nexport interface AppShellMainProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Main content area for AppShell. */\nconst AppShellMain = React.forwardRef<HTMLDivElement, AppShellMainProps>(({className, children, ...props}, ref) => (\n\t<div ref={ref} className={cn(\"wwc:flex-1 wwc:p-6\", className)} {...props}>\n\t\t{children}\n\t</div>\n));\nAppShellMain.displayName = \"AppShellMain\";\n\nexport interface AppShellFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Footer component for AppShell. */\nconst AppShellFooter = React.forwardRef<HTMLDivElement, AppShellFooterProps>(({className, children, ...props}, ref) => (\n\t<div ref={ref} className={cn(\"wwc:flex wwc:h-14 wwc:items-center wwc:px-4\", className)} {...props}>\n\t\t{children}\n\t</div>\n));\nAppShellFooter.displayName = \"AppShellFooter\";\n\nexport {AppShell, AppShellHeader, AppShellSidebar, AppShellMain, AppShellFooter};\n"],"mappings":";;;;;AAyBA,MAAM,WAAW,MAAM,YAErB,EACC,WACA,QACA,SACA,QACA,kBAAkB,QAClB,eAAe,SACf,qBAAqB,OACrB,mBAAmB,OACnB,mBACA,wBAAwB,QACxB,UACA,GAAG,SAEJ,QACI;CACJ,MAAM,sBAAsB,mBAAmB,wBAAwB;CAEvE,OACC,qBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,4DAA4D,SAAS;EAAG,GAAI;EAAzG,UAAA;GACE,UACA,oBAAC,UAAD;IAAQ,WAAU;IAChB,UAAA;GACM,CAAA;GAGT,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,WAAW,oBAAoB,UAC/B,oBAAC,SAAD;MACC,WAAU;MACV,OAAO,EAAC,OAAO,oBAAmB;MAEjC,UAAA;KACK,CAAA;KAGR,oBAAC,QAAD;MAAM,WAAU;MAAgC;KAAe,CAAA;KAE9D,WAAW,oBAAoB,WAC/B,oBAAC,SAAD;MACC,WAAU;MACV,OAAO,EAAC,OAAO,oBAAmB;MAEjC,UAAA;KACK,CAAA;IAEJ;;GAEJ,UAAU,oBAAC,UAAD;IAAQ,WAAU;IAAoD,UAAA;GAAe,CAAA;EAC5F;;AAEP,CACD;AACA,SAAS,cAAc;;AAKvB,MAAM,iBAAiB,MAAM,YAAiD,EAAC,WAAW,UAAU,GAAG,SAAQ,QAC9G,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,yDAAyD,SAAS;CAAG,GAAI;CACpG;AACG,CAAA,CACL;AACD,eAAe,cAAc;;AAK7B,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,UAAU,GAAG,SAAQ,QACjC,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,gEAAgE,SAAS;CAAG,GAAI;CAC3G;AACG,CAAA,CAEP;AACA,gBAAgB,cAAc;;AAK9B,MAAM,eAAe,MAAM,YAA+C,EAAC,WAAW,UAAU,GAAG,SAAQ,QAC1G,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,sBAAsB,SAAS;CAAG,GAAI;CACjE;AACG,CAAA,CACL;AACD,aAAa,cAAc;;AAK3B,MAAM,iBAAiB,MAAM,YAAiD,EAAC,WAAW,UAAU,GAAG,SAAQ,QAC9G,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,+CAA+C,SAAS;CAAG,GAAI;CAC1F;AACG,CAAA,CACL;AACD,eAAe,cAAc"}

package/dist/aspect-ratio.d.mts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+//#region src/aspect-ratio.d.ts
+/** Displays content within a desired aspect ratio. */
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.mts.map

package/dist/aspect-ratio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.mts","names":[],"sources":["../src/aspect-ratio.tsx"],"mappings":";;;;cAIM,aAAW,MAAA,0BAAA,KAAA,qBAAA,mBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/aspect-ratio.mjs

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+//#region src/aspect-ratio.tsx
+/** Displays content within a desired aspect ratio. */
+const AspectRatio = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, {
+	ref,
+	...props
+}));
+AspectRatio.displayName = "AspectRatio";
+//#endregion
+export { AspectRatio };
+
+//# sourceMappingURL=aspect-ratio.mjs.map

package/dist/aspect-ratio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.mjs","names":[],"sources":["../src/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\nimport * as React from \"react\";\n\n/** Displays content within a desired aspect ratio. */\nconst AspectRatio = React.forwardRef<\n\tReact.ElementRef<typeof AspectRatioPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>\n>((props, ref) => <AspectRatioPrimitive.Root ref={ref} {...props} />);\nAspectRatio.displayName = \"AspectRatio\";\n\nexport {AspectRatio};\n"],"mappings":";;;;;AAIA,MAAM,cAAc,MAAM,YAGvB,OAAO,QAAQ,oBAAC,qBAAqB,MAAtB;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,YAAY,cAAc"}

package/dist/asset-list-item.d.mts

@@ -0,0 +1,36 @@
+import * as React from "react";
+//#region src/asset-list-item.d.ts
+/**
+ * A selectable row for a captured asset — a camera feed, a drone capture, a timelapse.
+ *
+ * One 2,199-line template held three of these, structurally identical and differing only in what
+ * sits on the thumbnail and what the meta line says. The shell — the card, the selection ring, the
+ * 80×56 thumbnail well, the clamped title and subtitle — is the same every time, so it lives here
+ * and the differences arrive as slots.
+ *
+ * `overlay` is positioned over the thumbnail: a LIVE pill, a processing spinner, a play button and
+ * duration chip. `children` is the meta line under the subtitle — usually a status `Badge` and a
+ * timestamp, but a frames-and-date run of text works just as well.
+ */
+export interface AssetListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  /** Thumbnail image URL. Omit — or pass an asset that has none — to show `fallback` instead. */
+  thumbnail?: string;
+  /** Alt text for the thumbnail. Required whenever `thumbnail` is set. */
+  thumbnailAlt?: string;
+  /** Shown in the thumbnail well when there is no image — typically a muted lucide icon. */
+  fallback?: React.ReactNode;
+  /** Rendered over the thumbnail, absolutely positioned: live pills, spinners, duration chips. */
+  overlay?: React.ReactNode;
+  /** Primary line. Clamped to one line. */
+  title: React.ReactNode;
+  /** Secondary line under the title. */
+  subtitle?: React.ReactNode;
+  /** Draws the selection ring. */
+  selected?: boolean;
+  /** The meta line — a status badge and a timestamp, or any short run of facts. */
+  children?: React.ReactNode;
+}
+/** Thumbnail, title, subtitle and a meta line, in a selectable card. */
+export declare const AssetListItem: React.ForwardRefExoticComponent<AssetListItemProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=asset-list-item.d.mts.map

package/dist/asset-list-item.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-list-item.d.mts","names":[],"sources":["../src/asset-list-item.tsx"],"mappings":";;;;;;;;;;;;;;iBAkBiB,2BAA2B,KAAK,MAAM,eAAe;;EAErE;;EAEA;;EAEA,WAAW,MAAM;;EAEjB,UAAU,MAAM;;EAEhB,OAAO,MAAM;;EAEb,WAAW,MAAM;;EAEjB;;EAEA,WAAW,MAAM;;;qBAIL,eAAa,MAAA,0BAAA,qBAAA,MAAA,cAAA"}

package/dist/asset-list-item.mjs

@@ -0,0 +1,51 @@
+import { Card } from "./card.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/asset-list-item.tsx
+/** Thumbnail, title, subtitle and a meta line, in a selectable card. */
+const AssetListItem = React.forwardRef(({ thumbnail, thumbnailAlt, fallback, overlay, title, subtitle, selected = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx(Card, {
+	ref,
+	"data-core-artifact": "asset-list-item",
+	"data-selected": selected || void 0,
+	className: cn("wwc:cursor-pointer wwc:overflow-hidden wwc:transition-all wwc:hover:shadow-md", selected && "wwc:ring-2 wwc:ring-primary", className),
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "wwc:p-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:gap-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative wwc:h-14 wwc:w-20 wwc:shrink-0 wwc:overflow-hidden wwc:rounded-md wwc:bg-muted",
+				children: [thumbnail ? /* @__PURE__ */ jsx("img", {
+					src: thumbnail,
+					alt: thumbnailAlt ?? "",
+					className: "wwc:h-full wwc:w-full wwc:object-cover"
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:bg-muted",
+					children: fallback
+				}), overlay]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0 wwc:flex-1",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "wwc:line-clamp-1 wwc:text-sm wwc:font-medium wwc:text-foreground",
+						children: title
+					}),
+					subtitle ? /* @__PURE__ */ jsx("p", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: subtitle
+					}) : null,
+					children ? /* @__PURE__ */ jsx("div", {
+						className: "wwc:mt-1 wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs wwc:text-muted-foreground",
+						children
+					}) : null
+				]
+			})]
+		})
+	})
+}));
+AssetListItem.displayName = "AssetListItem";
+//#endregion
+export { AssetListItem };
+
+//# sourceMappingURL=asset-list-item.mjs.map

package/dist/asset-list-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-list-item.mjs","names":[],"sources":["../src/asset-list-item.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Card} from \"./card\";\n\n/**\n * A selectable row for a captured asset — a camera feed, a drone capture, a timelapse.\n *\n * One 2,199-line template held three of these, structurally identical and differing only in what\n * sits on the thumbnail and what the meta line says. The shell — the card, the selection ring, the\n * 80×56 thumbnail well, the clamped title and subtitle — is the same every time, so it lives here\n * and the differences arrive as slots.\n *\n * `overlay` is positioned over the thumbnail: a LIVE pill, a processing spinner, a play button and\n * duration chip. `children` is the meta line under the subtitle — usually a status `Badge` and a\n * timestamp, but a frames-and-date run of text works just as well.\n */\n\nexport interface AssetListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n\t/** Thumbnail image URL. Omit — or pass an asset that has none — to show `fallback` instead. */\n\tthumbnail?: string;\n\t/** Alt text for the thumbnail. Required whenever `thumbnail` is set. */\n\tthumbnailAlt?: string;\n\t/** Shown in the thumbnail well when there is no image — typically a muted lucide icon. */\n\tfallback?: React.ReactNode;\n\t/** Rendered over the thumbnail, absolutely positioned: live pills, spinners, duration chips. */\n\toverlay?: React.ReactNode;\n\t/** Primary line. Clamped to one line. */\n\ttitle: React.ReactNode;\n\t/** Secondary line under the title. */\n\tsubtitle?: React.ReactNode;\n\t/** Draws the selection ring. */\n\tselected?: boolean;\n\t/** The meta line — a status badge and a timestamp, or any short run of facts. */\n\tchildren?: React.ReactNode;\n}\n\n/** Thumbnail, title, subtitle and a meta line, in a selectable card. */\nexport const AssetListItem = React.forwardRef<HTMLDivElement, AssetListItemProps>(\n\t(\n\t\t{thumbnail, thumbnailAlt, fallback, overlay, title, subtitle, selected = false, className, children, ...props},\n\t\tref,\n\t) => (\n\t\t<Card\n\t\t\tref={ref}\n\t\t\tdata-core-artifact=\"asset-list-item\"\n\t\t\tdata-selected={selected || undefined}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:cursor-pointer wwc:overflow-hidden wwc:transition-all wwc:hover:shadow-md\",\n\t\t\t\tselected && \"wwc:ring-2 wwc:ring-primary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"wwc:p-3\">\n\t\t\t\t<div className=\"wwc:flex wwc:gap-3\">\n\t\t\t\t\t<div className=\"wwc:relative wwc:h-14 wwc:w-20 wwc:shrink-0 wwc:overflow-hidden wwc:rounded-md wwc:bg-muted\">\n\t\t\t\t\t\t{thumbnail ? (\n\t\t\t\t\t\t\t<img src={thumbnail} alt={thumbnailAlt ?? \"\"} className=\"wwc:h-full wwc:w-full wwc:object-cover\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:bg-muted\">\n\t\t\t\t\t\t\t\t{fallback}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{overlay}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t\t<h3 className=\"wwc:line-clamp-1 wwc:text-sm wwc:font-medium wwc:text-foreground\">{title}</h3>\n\t\t\t\t\t\t{subtitle ? <p className=\"wwc:text-xs wwc:text-muted-foreground\">{subtitle}</p> : null}\n\t\t\t\t\t\t{children ? (\n\t\t\t\t\t\t\t<div className=\"wwc:mt-1 wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Card>\n\t),\n);\nAssetListItem.displayName = \"AssetListItem\";\n"],"mappings":";;;;;;AAsCA,MAAa,gBAAgB,MAAM,YAEjC,EAAC,WAAW,cAAc,UAAU,SAAS,OAAO,UAAU,WAAW,OAAO,WAAW,UAAU,GAAG,SACxG,QAEA,oBAAC,MAAD;CACM;CACL,sBAAmB;CACnB,iBAAe,YAAY,KAAA;CAC3B,WAAW,GACV,iFACA,YAAY,+BACZ,SACD;CACA,GAAI;CAEJ,UAAA,oBAAC,OAAD;EAAK,WAAU;EACd,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,YACA,oBAAC,OAAD;KAAK,KAAK;KAAW,KAAK,gBAAgB;KAAI,WAAU;IAA0C,CAAA,IAElG,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA;IACG,CAAA,GAEL,OACG;GACL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACC,oBAAC,MAAD;MAAI,WAAU;MAAoE,UAAA;KAAU,CAAA;KAC3F,WAAW,oBAAC,KAAD;MAAG,WAAU;MAAyC,UAAA;KAAY,CAAA,IAAI;KACjF,WACA,oBAAC,OAAD;MAAK,WAAU;MACb;KACG,CAAA,IACF;IACA;GACD,CAAA,CAAA;;CACD,CAAA;AACA,CAAA,CAER;AACA,cAAc,cAAc"}

package/dist/assign-doctor-dialog.d.mts

@@ -0,0 +1,28 @@
+import * as React from "react";
+//#region src/assign-doctor-dialog.d.ts
+export interface AssignDoctorOption {
+  value: string;
+  label: string;
+}
+export interface AssignDoctorValue {
+  doctor: string;
+  companies: string[];
+  clinics: string[];
+}
+export interface AssignDoctorDialogProps {
+  /** 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;
+  doctors?: AssignDoctorOption[];
+  companies?: AssignDoctorOption[];
+  clinics?: AssignDoctorOption[];
+  onSave?: (value: AssignDoctorValue) => void;
+  className?: string;
+}
+/** Dialog form for granting a doctor visibility over companies' workers and clinics' visitor-visits. */
+declare function AssignDoctorDialog({ open, onOpenChange, trigger, doctors, companies, clinics, onSave, className }: AssignDoctorDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AssignDoctorDialog };
+//# sourceMappingURL=assign-doctor-dialog.d.mts.map

package/dist/assign-doctor-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-doctor-dialog.d.mts","names":[],"sources":["../src/assign-doctor-dialog.tsx"],"mappings":";;iBAWiB;EAChB;EACA;;iBAGgB;EAChB;EACA;EACA;;iBAGgB;;EAEhB;EACA,gBAAgB;;EAEhB,UAAU,MAAM;EAChB,UAAU;EACV,YAAY;EACZ,UAAU;EACV,UAAU,OAAO;EACjB;;;iBA+GQ,qBACR,MACA,cACA,SACA,SACA,WACA,SACA,QACA,aACE,sDAAuB,IAAA"}