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

package/dist/confirm-dialog.d.mts

@@ -0,0 +1,37 @@
+import { AlertDialogContent } from "./alert-dialog.mjs";
+//#region src/confirm-dialog.d.ts
+/**
+ * The destructive tone applied to the confirm button. Exported so a surface that has to
+ * compose AlertDialog directly still gets the same red as ConfirmDialog rather than copying it.
+ */
+export declare const confirmDestructiveClassName = "wwc:bg-destructive wwc:text-white wwc:hover:bg-destructive/90";
+export interface ConfirmDialogProps extends Omit<React.ComponentPropsWithoutRef<typeof AlertDialogContent>, "title" | "children"> {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title: React.ReactNode;
+  description: React.ReactNode;
+  /** Confirm button label — name the action ("Demobilize", "Archive"), never "OK". */
+  confirmLabel: string;
+  /** Cancel button label. Default "Cancel". */
+  cancelLabel?: string;
+  /** Renders the confirm button in the destructive tone. */
+  destructive?: boolean;
+  /** Runs on confirm; the dialog closes itself afterwards. */
+  onConfirm: () => void;
+  className?: string;
+}
+/**
+ * Controlled confirmation dialog. Drive `open` from the pending action — typically a piece
+ * of state holding what is about to happen — and clear it in `onOpenChange`.
+ *
+ * Anything else you pass reaches the underlying `AlertDialogContent`. A confirm opened from
+ * state has no trigger for Radix to restore focus to, so pass `onCloseAutoFocus` to put it
+ * back on the control the user left:
+ *
+ * ```tsx
+ * <ConfirmDialog … onCloseAutoFocus={(e) => { e.preventDefault(); triggerRef.current?.focus(); }} />
+ * ```
+ */
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, onConfirm, className, ...contentProps }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=confirm-dialog.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.mts","names":[],"sources":["../src/confirm-dialog.tsx"],"mappings":";;;;;;qBAqBa;iBAEI,2BAA2B,KAC3C,MAAM,gCAAgC;EAGtC;EACA,eAAe;EACf,OAAO,MAAM;EACb,aAAa,MAAM;;EAEnB;;EAEA;;EAEA;;EAEA;EACA;;;;;;;;;;;;;;wBAee,gBACf,MACA,cACA,OACA,aACA,cACA,aACA,aACA,WACA,cACG,gBACD,iDAAkB,IAAA"}

package/dist/confirm-dialog.mjs

@@ -0,0 +1,40 @@
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "./alert-dialog.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/confirm-dialog.tsx
+/**
+* The destructive tone applied to the confirm button. Exported so a surface that has to
+* compose AlertDialog directly still gets the same red as ConfirmDialog rather than copying it.
+*/
+const confirmDestructiveClassName = "wwc:bg-destructive wwc:text-white wwc:hover:bg-destructive/90";
+/**
+* Controlled confirmation dialog. Drive `open` from the pending action — typically a piece
+* of state holding what is about to happen — and clear it in `onOpenChange`.
+*
+* Anything else you pass reaches the underlying `AlertDialogContent`. A confirm opened from
+* state has no trigger for Radix to restore focus to, so pass `onCloseAutoFocus` to put it
+* back on the control the user left:
+*
+* ```tsx
+* <ConfirmDialog … onCloseAutoFocus={(e) => { e.preventDefault(); triggerRef.current?.focus(); }} />
+* ```
+*/
+function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel = "Cancel", destructive, onConfirm, className, ...contentProps }) {
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+			className,
+			...contentProps,
+			children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: cancelLabel }), /* @__PURE__ */ jsx(AlertDialogAction, {
+				onClick: onConfirm,
+				className: cn(destructive && "wwc:bg-destructive wwc:text-white wwc:hover:bg-destructive/90"),
+				children: confirmLabel
+			})] })]
+		})
+	});
+}
+//#endregion
+export { ConfirmDialog, confirmDestructiveClassName };
+
+//# sourceMappingURL=confirm-dialog.mjs.map

package/dist/confirm-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.mjs","names":[],"sources":["../src/confirm-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\n\nimport {\n\tAlertDialog,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n\tAlertDialogContent,\n\tAlertDialogDescription,\n\tAlertDialogFooter,\n\tAlertDialogHeader,\n\tAlertDialogTitle,\n} from \"./alert-dialog\";\n\n// ConfirmDialog — the \"are you sure?\" gate in front of a consequential action. A thin,\n// controlled wrapper over AlertDialog so every surface asks the same way instead of\n// re-assembling the eight AlertDialog parts (and drifting on button order and tone).\n\n/**\n * The destructive tone applied to the confirm button. Exported so a surface that has to\n * compose AlertDialog directly still gets the same red as ConfirmDialog rather than copying it.\n */\nexport const confirmDestructiveClassName = \"wwc:bg-destructive wwc:text-white wwc:hover:bg-destructive/90\";\n\nexport interface ConfirmDialogProps extends Omit<\n\tReact.ComponentPropsWithoutRef<typeof AlertDialogContent>,\n\t\"title\" | \"children\"\n> {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\ttitle: React.ReactNode;\n\tdescription: React.ReactNode;\n\t/** Confirm button label — name the action (\"Demobilize\", \"Archive\"), never \"OK\". */\n\tconfirmLabel: string;\n\t/** Cancel button label. Default \"Cancel\". */\n\tcancelLabel?: string;\n\t/** Renders the confirm button in the destructive tone. */\n\tdestructive?: boolean;\n\t/** Runs on confirm; the dialog closes itself afterwards. */\n\tonConfirm: () => void;\n\tclassName?: string;\n}\n\n/**\n * Controlled confirmation dialog. Drive `open` from the pending action — typically a piece\n * of state holding what is about to happen — and clear it in `onOpenChange`.\n *\n * Anything else you pass reaches the underlying `AlertDialogContent`. A confirm opened from\n * state has no trigger for Radix to restore focus to, so pass `onCloseAutoFocus` to put it\n * back on the control the user left:\n *\n * ```tsx\n * <ConfirmDialog … onCloseAutoFocus={(e) => { e.preventDefault(); triggerRef.current?.focus(); }} />\n * ```\n */\nexport function ConfirmDialog({\n\topen,\n\tonOpenChange,\n\ttitle,\n\tdescription,\n\tconfirmLabel,\n\tcancelLabel = \"Cancel\",\n\tdestructive,\n\tonConfirm,\n\tclassName,\n\t...contentProps\n}: ConfirmDialogProps) {\n\treturn (\n\t\t<AlertDialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<AlertDialogContent className={className} {...contentProps}>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>{title}</AlertDialogTitle>\n\t\t\t\t\t<AlertDialogDescription>{description}</AlertDialogDescription>\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t<AlertDialogFooter>\n\t\t\t\t\t<AlertDialogCancel>{cancelLabel}</AlertDialogCancel>\n\t\t\t\t\t<AlertDialogAction onClick={onConfirm} className={cn(destructive && confirmDestructiveClassName)}>\n\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t</AlertDialogAction>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t);\n}\n"],"mappings":";;;;;;;;AAqBA,MAAa,8BAA8B;;;;;;;;;;;;;AAiC3C,SAAgB,cAAc,EAC7B,MACA,cACA,OACA,aACA,cACA,cAAc,UACd,aACA,WACA,WACA,GAAG,gBACmB;CACtB,OACC,oBAAC,aAAD;EAAmB;EAAoB;EACtC,UAAA,qBAAC,oBAAD;GAA+B;GAAW,GAAI;GAA9C,UAAA,CACC,qBAAC,mBAAD,EAAA,UAAA,CACC,oBAAC,kBAAD,EAAA,UAAmB,MAAwB,CAAA,GAC3C,oBAAC,wBAAD,EAAA,UAAyB,YAAoC,CAAA,CAC3C,EAAA,CAAA,GACnB,qBAAC,mBAAD,EAAA,UAAA,CACC,oBAAC,mBAAD,EAAA,UAAoB,YAA+B,CAAA,GACnD,oBAAC,mBAAD;IAAmB,SAAS;IAAW,WAAW,GAAG,eAAA,+DAA0C;IAC7F,UAAA;GACiB,CAAA,CACD,EAAA,CAAA,CACA;;CACR,CAAA;AAEf"}

package/dist/context-menu.d.mts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+//#region src/context-menu.d.ts
+/** Displays a menu triggered by a right-click. */
+declare function ContextMenu(props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger;
+declare const ContextMenuGroup: typeof ContextMenuPrimitive.Group;
+declare const ContextMenuPortal: typeof ContextMenuPrimitive.Portal;
+declare const ContextMenuSub: typeof ContextMenuPrimitive.Sub;
+declare const ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+//# sourceMappingURL=context-menu.d.mts.map

package/dist/context-menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.mts","names":[],"sources":["../src/context-menu.tsx"],"mappings":";;;;iBAMS,YAAY,OAAO,MAAM,gCAAgC,qBAAqB,oCAAK,IAAA;cAItF,2BAA2B,qBAAqB;cAEhD,yBAAyB,qBAAqB;cAE9C,0BAA0B,qBAAqB;cAE/C,uBAAuB,qBAAqB;cAE5C,8BAA8B,qBAAqB;cAEnD,uBAAqB,MAAA,0BAAA,KAAA,qBAAA,6BAAA,MAAA,cAAA;EAGjB;IAeR,MAAA,cAAA;cAGI,uBAAqB,MAAA,0BAAA,KAAA,qBAAA,6BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAerB,oBAAkB,MAAA,0BAAA,KAAA,qBAAA,0BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAiBlB,iBAAe,MAAA,0BAAA,KAAA,qBAAA,uBAAA,MAAA,cAAA;EAGX;IAYR,MAAA,cAAA;cAGI,yBAAuB,MAAA,0BAAA,KAAA,qBAAA,+BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAuBvB,sBAAoB,MAAA,0BAAA,KAAA,qBAAA,4BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAsBpB,kBAAgB,MAAA,0BAAA,KAAA,qBAAA,wBAAA,MAAA,cAAA;EAGZ;IAYR,MAAA,cAAA;cAGI,sBAAoB,MAAA,0BAAA,KAAA,qBAAA,4BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAYpB;KAA8C,cAAA,SAAA,MAAM,eAAe,+CAAgB,IAAA"}

package/dist/context-menu.mjs

@@ -0,0 +1,84 @@
+import { cn } from "@corensystem/coren-utils";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+//#region src/context-menu.tsx
+/** Displays a menu triggered by a right-click. */
+function ContextMenu(props) {
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { ...props });
+}
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("wwc:flex wwc:cursor-pointer wwc:data-[disabled]:cursor-default wwc:select-none wwc:items-center wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[state=open]:bg-menu-highlight wwc:data-[state=open]:text-menu-highlight-foreground", inset && "wwc:pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:ml-auto wwc:h-4 wwc:w-4" })]
+}));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+const ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
+	ref,
+	className: cn("wwc:z-50 wwc:min-w-[8rem] wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:p-1 wwc:text-popover-foreground wwc:shadow-md 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-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
+	ref,
+	className: cn("wwc:z-50 wwc:min-w-[8rem] wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:p-1 wwc:text-popover-foreground wwc:shadow-md wwc:animate-in wwc:fade-in-80 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-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+const ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50", inset && "wwc:pl-8", className),
+	...props
+}));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:py-1.5 wwc:pl-8 wwc:pr-2 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "wwc:absolute wwc:left-2 wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:items-center wwc:justify-center",
+		children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4" }) })
+	}), children]
+}));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+const ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:py-1.5 wwc:pl-8 wwc:pr-2 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "wwc:absolute wwc:left-2 wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:items-center wwc:justify-center",
+		children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "wwc:h-2 wwc:w-2 wwc:fill-current" }) })
+	}), children]
+}));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, {
+	ref,
+	className: cn("wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:font-semibold wwc:text-foreground", inset && "wwc:pl-8", className),
+	...props
+}));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
+	ref,
+	className: cn("wwc:-mx-1 wwc:my-1 wwc:h-px wwc:bg-border", className),
+	...props
+}));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+const ContextMenuShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("wwc:ml-auto wwc:text-xs wwc:tracking-widest wwc:text-muted-foreground", className),
+		...props
+	});
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+//#endregion
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+
+//# sourceMappingURL=context-menu.mjs.map

package/dist/context-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.mjs","names":[],"sources":["../src/context-menu.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** Displays a menu triggered by a right-click. */\nfunction ContextMenu(props: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>) {\n\treturn <ContextMenuPrimitive.Root {...props} />;\n}\n\nconst ContextMenuTrigger: typeof ContextMenuPrimitive.Trigger = ContextMenuPrimitive.Trigger;\n\nconst ContextMenuGroup: typeof ContextMenuPrimitive.Group = ContextMenuPrimitive.Group;\n\nconst ContextMenuPortal: typeof ContextMenuPrimitive.Portal = ContextMenuPrimitive.Portal;\n\nconst ContextMenuSub: typeof ContextMenuPrimitive.Sub = ContextMenuPrimitive.Sub;\n\nconst ContextMenuRadioGroup: typeof ContextMenuPrimitive.RadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuSubTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, children, ...props}, ref) => (\n\t<ContextMenuPrimitive.SubTrigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:flex wwc:cursor-pointer wwc:data-[disabled]:cursor-default wwc:select-none wwc:items-center wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[state=open]:bg-menu-highlight wwc:data-[state=open]:text-menu-highlight-foreground\",\n\t\t\tinset && \"wwc:pl-8\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\t<ChevronRight className=\"wwc:ml-auto wwc:h-4 wwc:w-4\" />\n\t</ContextMenuPrimitive.SubTrigger>\n));\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\n\nconst ContextMenuSubContent = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.SubContent>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n>(({className, ...props}, ref) => (\n\t<ContextMenuPrimitive.SubContent\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:z-50 wwc:min-w-[8rem] wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:p-1 wwc:text-popover-foreground wwc:shadow-md 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-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\n\nconst ContextMenuContent = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\n>(({className, ...props}, ref) => (\n\t<ContextMenuPrimitive.Portal>\n\t\t<ContextMenuPrimitive.Content\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:z-50 wwc:min-w-[8rem] wwc:overflow-hidden wwc:rounded-md wwc:border wwc:bg-popover wwc:p-1 wwc:text-popover-foreground wwc:shadow-md wwc:animate-in wwc:fade-in-80 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-[side=bottom]:slide-in-from-top-2 wwc:data-[side=left]:slide-in-from-right-2 wwc:data-[side=right]:slide-in-from-left-2 wwc:data-[side=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</ContextMenuPrimitive.Portal>\n));\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\n\nconst ContextMenuItem = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, ...props}, ref) => (\n\t<ContextMenuPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50\",\n\t\t\tinset && \"wwc:pl-8\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\n>(({className, children, checked, ...props}, ref) => (\n\t<ContextMenuPrimitive.CheckboxItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:py-1.5 wwc:pl-8 wwc:pr-2 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\tchecked={checked}\n\t\t{...props}\n\t>\n\t\t<span className=\"wwc:absolute wwc:left-2 wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:items-center wwc:justify-center\">\n\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t<Check className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;\n\nconst ContextMenuRadioItem = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.RadioItem>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\n>(({className, children, ...props}, ref) => (\n\t<ContextMenuPrimitive.RadioItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:rounded-sm wwc:py-1.5 wwc:pl-8 wwc:pr-2 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<span className=\"wwc:absolute wwc:left-2 wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:items-center wwc:justify-center\">\n\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t<Circle className=\"wwc:h-2 wwc:w-2 wwc:fill-current\" />\n\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</ContextMenuPrimitive.RadioItem>\n));\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\n\nconst ContextMenuLabel = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, ...props}, ref) => (\n\t<ContextMenuPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:font-semibold wwc:text-foreground\",\n\t\t\tinset && \"wwc:pl-8\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\n\nconst ContextMenuSeparator = React.forwardRef<\n\tReact.ElementRef<typeof ContextMenuPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({className, ...props}, ref) => (\n\t<ContextMenuPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:-mx-1 wwc:my-1 wwc:h-px wwc:bg-border\", className)}\n\t\t{...props}\n\t/>\n));\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\n\nconst ContextMenuShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\"wwc:ml-auto wwc:text-xs wwc:tracking-widest wwc:text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\n\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuContent,\n\tContextMenuItem,\n\tContextMenuCheckboxItem,\n\tContextMenuRadioItem,\n\tContextMenuLabel,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuGroup,\n\tContextMenuPortal,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuRadioGroup,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,YAAY,OAAyE;CAC7F,OAAO,oBAAC,qBAAqB,MAAtB,EAA2B,GAAI,MAAQ,CAAA;AAC/C;AAEA,MAAM,qBAA0D,qBAAqB;AAErF,MAAM,mBAAsD,qBAAqB;AAEjF,MAAM,oBAAwD,qBAAqB;AAEnF,MAAM,iBAAkD,qBAAqB;AAE7E,MAAM,wBAAgE,qBAAqB;AAE3F,MAAM,wBAAwB,MAAM,YAKjC,EAAC,WAAW,OAAO,UAAU,GAAG,SAAQ,QAC1C,qBAAC,qBAAqB,YAAtB;CACM;CACL,WAAW,GACV,qUACA,SAAS,YACT,SACD;CACA,GAAI;CAPL,UAAA,CASE,UACD,oBAAC,cAAD,EAAc,WAAU,8BAA+B,CAAA,CACvB;AACjC,CAAA,CAAA;AACD,sBAAsB,cAAc,qBAAqB,WAAW;AAEpE,MAAM,wBAAwB,MAAM,YAGjC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,YAAtB;CACM;CACL,WAAW,GACV,qgBACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,sBAAsB,cAAc,qBAAqB,WAAW;AAEpE,MAAM,qBAAqB,MAAM,YAG9B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,QAAtB,EAAA,UACC,oBAAC,qBAAqB,SAAtB;CACM;CACL,WAAW,GACV,miBACA,SACD;CACA,GAAI;AACJ,CAAA,EAC2B,CAAA,CAC7B;AACD,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,kBAAkB,MAAM,YAK3B,EAAC,WAAW,OAAO,GAAG,SAAQ,QAChC,oBAAC,qBAAqB,MAAtB;CACM;CACL,WAAW,GACV,yRACA,SAAS,YACT,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,gBAAgB,cAAc,qBAAqB,KAAK;AAExD,MAAM,0BAA0B,MAAM,YAGnC,EAAC,WAAW,UAAU,SAAS,GAAG,SAAQ,QAC5C,qBAAC,qBAAqB,cAAtB;CACM;CACL,WAAW,GACV,kSACA,SACD;CACS;CACT,GAAI;CAPL,UAAA,CASC,oBAAC,QAAD;EAAM,WAAU;EACf,UAAA,oBAAC,qBAAqB,eAAtB,EAAA,UACC,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA,EACD,CAAA;CAC/B,CAAA,GACL,QACiC;AACnC,CAAA,CAAA;AACD,wBAAwB,cAAc,qBAAqB,aAAa;AAExE,MAAM,uBAAuB,MAAM,YAGhC,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,qBAAC,qBAAqB,WAAtB;CACM;CACL,WAAW,GACV,kSACA,SACD;CACA,GAAI;CANL,UAAA,CAQC,oBAAC,QAAD;EAAM,WAAU;EACf,UAAA,oBAAC,qBAAqB,eAAtB,EAAA,UACC,oBAAC,QAAD,EAAQ,WAAU,mCAAoC,CAAA,EACnB,CAAA;CAC/B,CAAA,GACL,QAC8B;AAChC,CAAA,CAAA;AACD,qBAAqB,cAAc,qBAAqB,UAAU;AAElE,MAAM,mBAAmB,MAAM,YAK5B,EAAC,WAAW,OAAO,GAAG,SAAQ,QAChC,oBAAC,qBAAqB,OAAtB;CACM;CACL,WAAW,GACV,yEACA,SAAS,YACT,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,iBAAiB,cAAc,qBAAqB,MAAM;AAE1D,MAAM,uBAAuB,MAAM,YAGhC,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,qBAAqB,WAAtB;CACM;CACL,WAAW,GAAG,6CAA6C,SAAS;CACpE,GAAI;AACJ,CAAA,CACD;AACD,qBAAqB,cAAc,qBAAqB,UAAU;AAElE,MAAM,uBAAuB,EAAC,WAAW,GAAG,YAAkD;CAC7F,OACC,oBAAC,QAAD;EACC,WAAW,GAAG,yEAAyE,SAAS;EAChG,GAAI;CACJ,CAAA;AAEH;AACA,oBAAoB,cAAc"}

package/dist/context-toolbar.d.mts

@@ -0,0 +1,22 @@
+import * as React from "react";
+//#region src/context-toolbar.d.ts
+export interface ContextToolbarAction {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  onSelect: () => void;
+  disabled?: boolean;
+}
+export interface ContextToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  leadingIcon?: React.ReactNode;
+  title: React.ReactNode;
+  status?: React.ReactNode;
+  actions?: ContextToolbarAction[];
+  maxVisibleActions?: number;
+  density?: "compact" | "comfortable";
+  menuLabel?: string;
+}
+/** Compact context bar that keeps icon/title and status/action groups vertically centered and atomic. */
+export declare const ContextToolbar: React.ForwardRefExoticComponent<ContextToolbarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//# sourceMappingURL=context-toolbar.d.mts.map

package/dist/context-toolbar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-toolbar.d.mts","names":[],"sources":["../src/context-toolbar.tsx"],"mappings":";;iBAOiB;EAChB;EACA;EACA,OAAO,MAAM;EACb;EACA;;iBAGgB,4BAA4B,KAAK,MAAM,eAAe;EACtE,cAAc,MAAM;EACpB,OAAO,MAAM;EACb,SAAS,MAAM;EACf,UAAU;EACV;EACA;EACA;;;qBAIY,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/context-toolbar.mjs

@@ -0,0 +1,81 @@
+import { Button } from "./button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { MoreHorizontal } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/context-toolbar.tsx
+/** Compact context bar that keeps icon/title and status/action groups vertically centered and atomic. */
+const ContextToolbar = React.forwardRef(({ leadingIcon, title, status, actions = [], maxVisibleActions = 2, density = "compact", menuLabel = "More actions", className, ...props }, ref) => {
+	const visibleActions = actions.slice(0, maxVisibleActions);
+	const overflowActions = actions.slice(maxVisibleActions);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		"data-core-artifact": "context-toolbar",
+		"data-core-surface-owner": "artifact",
+		"data-core-responsive-header": true,
+		className: cn("wwc:flex wwc:w-full wwc:min-w-0 wwc:items-center wwc:justify-between wwc:overflow-hidden wwc:border-b wwc:bg-card", density === "compact" ? "wwc:min-h-10 wwc:gap-2 wwc:px-3 wwc:py-1.5" : "wwc:min-h-12 wwc:gap-3 wwc:px-4 wwc:py-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			"data-core-responsive-group": "context-title",
+			"data-core-responsive-priority": "1",
+			"data-core-responsive-atomic": true,
+			className: "wwc:flex wwc:min-w-0 wwc:flex-1 wwc:items-center wwc:gap-2",
+			children: [leadingIcon ? /* @__PURE__ */ jsx("span", {
+				className: "wwc:flex wwc:shrink-0 wwc:items-center",
+				children: leadingIcon
+			}) : null, /* @__PURE__ */ jsx("span", {
+				className: "wwc:truncate wwc:text-sm wwc:font-medium",
+				children: title
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			"data-core-responsive-group": "context-actions",
+			"data-core-responsive-priority": "2",
+			"data-core-responsive-atomic": true,
+			className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1.5",
+			children: [
+				status ? /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-1.5",
+					children: status
+				}) : null,
+				visibleActions.map((action) => /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: action.onSelect,
+					disabled: action.disabled,
+					"aria-label": action.label,
+					"data-core-affordance-purpose": action.id,
+					className: "wwc:gap-1.5",
+					children: [action.icon, /* @__PURE__ */ jsx("span", {
+						className: cn(action.icon && "wwc:hidden wwc:md:inline"),
+						children: action.label
+					})]
+				}, action.id)),
+				overflowActions.length ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						icon: true,
+						"aria-label": menuLabel,
+						children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+					})
+				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+					align: "end",
+					children: overflowActions.map((action) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onSelect: action.onSelect,
+						disabled: action.disabled,
+						className: "wwc:gap-2",
+						children: [action.icon, action.label]
+					}, action.id))
+				})] }) : null
+			]
+		})]
+	});
+});
+ContextToolbar.displayName = "ContextToolbar";
+//#endregion
+export { ContextToolbar };
+
+//# sourceMappingURL=context-toolbar.mjs.map

package/dist/context-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-toolbar.mjs","names":[],"sources":["../src/context-toolbar.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {MoreHorizontal} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from \"./dropdown-menu\";\n\nexport interface ContextToolbarAction {\n\tid: string;\n\tlabel: string;\n\ticon?: React.ReactNode;\n\tonSelect: () => void;\n\tdisabled?: boolean;\n}\n\nexport interface ContextToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n\tleadingIcon?: React.ReactNode;\n\ttitle: React.ReactNode;\n\tstatus?: React.ReactNode;\n\tactions?: ContextToolbarAction[];\n\tmaxVisibleActions?: number;\n\tdensity?: \"compact\" | \"comfortable\";\n\tmenuLabel?: string;\n}\n\n/** Compact context bar that keeps icon/title and status/action groups vertically centered and atomic. */\nexport const ContextToolbar = React.forwardRef<HTMLDivElement, ContextToolbarProps>(\n\t(\n\t\t{\n\t\t\tleadingIcon,\n\t\t\ttitle,\n\t\t\tstatus,\n\t\t\tactions = [],\n\t\t\tmaxVisibleActions = 2,\n\t\t\tdensity = \"compact\",\n\t\t\tmenuLabel = \"More actions\",\n\t\t\tclassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst visibleActions = actions.slice(0, maxVisibleActions);\n\t\tconst overflowActions = actions.slice(maxVisibleActions);\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-core-artifact=\"context-toolbar\"\n\t\t\t\tdata-core-surface-owner=\"artifact\"\n\t\t\t\tdata-core-responsive-header\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex wwc:w-full wwc:min-w-0 wwc:items-center wwc:justify-between wwc:overflow-hidden wwc:border-b wwc:bg-card\",\n\t\t\t\t\tdensity === \"compact\"\n\t\t\t\t\t\t? \"wwc:min-h-10 wwc:gap-2 wwc:px-3 wwc:py-1.5\"\n\t\t\t\t\t\t: \"wwc:min-h-12 wwc:gap-3 wwc:px-4 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<div\n\t\t\t\t\tdata-core-responsive-group=\"context-title\"\n\t\t\t\t\tdata-core-responsive-priority=\"1\"\n\t\t\t\t\tdata-core-responsive-atomic\n\t\t\t\t\tclassName=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:items-center wwc:gap-2\"\n\t\t\t\t>\n\t\t\t\t\t{leadingIcon ? <span className=\"wwc:flex wwc:shrink-0 wwc:items-center\">{leadingIcon}</span> : null}\n\t\t\t\t\t<span className=\"wwc:truncate wwc:text-sm wwc:font-medium\">{title}</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tdata-core-responsive-group=\"context-actions\"\n\t\t\t\t\tdata-core-responsive-priority=\"2\"\n\t\t\t\t\tdata-core-responsive-atomic\n\t\t\t\t\tclassName=\"wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1.5\"\n\t\t\t\t>\n\t\t\t\t\t{status ? <div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">{status}</div> : null}\n\t\t\t\t\t{visibleActions.map((action) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tonClick={action.onSelect}\n\t\t\t\t\t\t\tdisabled={action.disabled}\n\t\t\t\t\t\t\taria-label={action.label}\n\t\t\t\t\t\t\tdata-core-affordance-purpose={action.id}\n\t\t\t\t\t\t\tclassName=\"wwc:gap-1.5\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t<span className={cn(action.icon && \"wwc:hidden wwc:md:inline\")}>{action.label}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t))}\n\t\t\t\t\t{overflowActions.length ? (\n\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t<Button type=\"button\" variant=\"ghost\" icon aria-label={menuLabel}>\n\t\t\t\t\t\t\t\t\t<MoreHorizontal />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t\t\t\t\t{overflowActions.map((action) => (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\t\t\tonSelect={action.onSelect}\n\t\t\t\t\t\t\t\t\t\tdisabled={action.disabled}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:gap-2\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\nContextToolbar.displayName = \"ContextToolbar\";\n"],"mappings":";;;;;;;;AA0BA,MAAa,iBAAiB,MAAM,YAElC,EACC,aACA,OACA,QACA,UAAU,CAAC,GACX,oBAAoB,GACpB,UAAU,WACV,YAAY,gBACZ,WACA,GAAG,SAEJ,QACI;CACJ,MAAM,iBAAiB,QAAQ,MAAM,GAAG,iBAAiB;CACzD,MAAM,kBAAkB,QAAQ,MAAM,iBAAiB;CACvD,OACC,qBAAC,OAAD;EACM;EACL,sBAAmB;EACnB,2BAAwB;EACxB,+BAAA;EACA,WAAW,GACV,qHACA,YAAY,YACT,+CACA,4CACH,SACD;EACA,GAAI;EAZL,UAAA,CAcC,qBAAC,OAAD;GACC,8BAA2B;GAC3B,iCAA8B;GAC9B,+BAAA;GACA,WAAU;GAJX,UAAA,CAME,cAAc,oBAAC,QAAD;IAAM,WAAU;IAA0C,UAAA;GAAkB,CAAA,IAAI,MAC/F,oBAAC,QAAD;IAAM,WAAU;IAA4C,UAAA;GAAY,CAAA,CACpE;EACL,CAAA,GAAA,qBAAC,OAAD;GACC,8BAA2B;GAC3B,iCAA8B;GAC9B,+BAAA;GACA,WAAU;GAJX,UAAA;IAME,SAAS,oBAAC,OAAD;KAAK,WAAU;KAAyC,UAAA;IAAY,CAAA,IAAI;IACjF,eAAe,KAAK,WACpB,qBAAC,QAAD;KAEC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,SAAS,OAAO;KAChB,UAAU,OAAO;KACjB,cAAY,OAAO;KACnB,gCAA8B,OAAO;KACrC,WAAU;KATX,UAAA,CAWE,OAAO,MACR,oBAAC,QAAD;MAAM,WAAW,GAAG,OAAO,QAAQ,0BAA0B;MAAI,UAAA,OAAO;KAAY,CAAA,CAC7E;IAZF,GAAA,OAAO,EAYL,CACR;IACA,gBAAgB,SAChB,qBAAC,cAAD,EAAA,UAAA,CACC,oBAAC,qBAAD;KAAqB,SAAA;KACpB,UAAA,oBAAC,QAAD;MAAQ,MAAK;MAAS,SAAQ;MAAQ,MAAA;MAAK,cAAY;MACtD,UAAA,oBAAC,gBAAD,CAAiB,CAAA;KACV,CAAA;IACY,CAAA,GACrB,oBAAC,qBAAD;KAAqB,OAAM;KACzB,UAAA,gBAAgB,KAAK,WACrB,qBAAC,kBAAD;MAEC,UAAU,OAAO;MACjB,UAAU,OAAO;MACjB,WAAU;MAJX,UAAA,CAME,OAAO,MACP,OAAO,KACS;KAPZ,GAAA,OAAO,EAOK,CAClB;IACmB,CAAA,CACR,EAAA,CAAA,IACX;GACA;EACD,CAAA,CAAA;;AAEP,CACD;AACA,eAAe,cAAc"}

package/dist/copy-button.d.mts

@@ -0,0 +1,15 @@
+import * as React from "react";
+//#region src/copy-button.d.ts
+export interface CopyButtonProps {
+  /** String written to the clipboard when the button is clicked. */
+  value: string;
+  className?: string;
+  /** aria-label override. Defaults to `Copy ${value}` (or "Copied" once active). */
+  label?: string;
+  /** How long the success state lasts before reverting. Defaults to 1500ms. */
+  resetMs?: number;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=copy-button.d.mts.map

package/dist/copy-button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.mts","names":[],"sources":["../src/copy-button.tsx"],"mappings":";;iBAMiB;;EAEhB;EACA;;EAEA;;EAEA;;cAGK,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/copy-button.mjs

@@ -0,0 +1,33 @@
+import { Button } from "./button.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Check, Copy } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/copy-button.tsx
+const CopyButton = React.forwardRef(({ value, className, label, resetMs = 1500 }, ref) => {
+	const [copied, setCopied] = React.useState(false);
+	const handleCopy = async () => {
+		try {
+			await navigator.clipboard.writeText(value);
+			setCopied(true);
+			setTimeout(() => setCopied(false), resetMs);
+		} catch (err) {
+			console.error("Failed to copy to clipboard", err);
+		}
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant: "ghost",
+		icon: true,
+		onClick: handleCopy,
+		"aria-label": label ?? (copied ? "Copied" : `Copy ${value}`),
+		className: cn("wwc:text-muted-foreground wwc:hover:text-foreground", className),
+		children: copied ? /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4 wwc:text-green-600" }) : /* @__PURE__ */ jsx(Copy, { className: "wwc:h-4 wwc:w-4" })
+	});
+});
+CopyButton.displayName = "CopyButton";
+//#endregion
+export { CopyButton };
+
+//# sourceMappingURL=copy-button.mjs.map

package/dist/copy-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.mjs","names":[],"sources":["../src/copy-button.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Check, Copy} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\n\nexport interface CopyButtonProps {\n\t/** String written to the clipboard when the button is clicked. */\n\tvalue: string;\n\tclassName?: string;\n\t/** aria-label override. Defaults to `Copy ${value}` (or \"Copied\" once active). */\n\tlabel?: string;\n\t/** How long the success state lasts before reverting. Defaults to 1500ms. */\n\tresetMs?: number;\n}\n\nconst CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n\t({value, className, label, resetMs = 1500}, ref) => {\n\t\tconst [copied, setCopied] = React.useState(false);\n\n\t\tconst handleCopy = async () => {\n\t\t\ttry {\n\t\t\t\tawait navigator.clipboard.writeText(value);\n\t\t\t\tsetCopied(true);\n\t\t\t\tsetTimeout(() => setCopied(false), resetMs);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.error(\"Failed to copy to clipboard\", err);\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\ttype=\"button\"\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\ticon\n\t\t\t\tonClick={handleCopy}\n\t\t\t\taria-label={label ?? (copied ? \"Copied\" : `Copy ${value}`)}\n\t\t\t\tclassName={cn(\"wwc:text-muted-foreground wwc:hover:text-foreground\", className)}\n\t\t\t>\n\t\t\t\t{copied ? <Check className=\"wwc:h-4 wwc:w-4 wwc:text-green-600\" /> : <Copy className=\"wwc:h-4 wwc:w-4\" />}\n\t\t\t</Button>\n\t\t);\n\t},\n);\nCopyButton.displayName = \"CopyButton\";\n\nexport {CopyButton};\n"],"mappings":";;;;;;AAgBA,MAAM,aAAa,MAAM,YACvB,EAAC,OAAO,WAAW,OAAO,UAAU,QAAO,QAAQ;CACnD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,KAAK;CAEhD,MAAM,aAAa,YAAY;EAC9B,IAAI;GACH,MAAM,UAAU,UAAU,UAAU,KAAK;GACzC,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,OAAO;EAC3C,SAAS,KAAK;GACb,QAAQ,MAAM,+BAA+B,GAAG;EACjD;CACD;CAEA,OACC,oBAAC,QAAD;EACM;EACL,MAAK;EACL,SAAQ;EACR,MAAA;EACA,SAAS;EACT,cAAY,UAAU,SAAS,WAAW,QAAQ;EAClD,WAAW,GAAG,uDAAuD,SAAS;EAE7E,UAAA,SAAS,oBAAC,OAAD,EAAO,WAAU,qCAAsC,CAAA,IAAI,oBAAC,MAAD,EAAM,WAAU,kBAAmB,CAAA;CACjG,CAAA;AAEV,CACD;AACA,WAAW,cAAc"}

package/dist/core-mark.d.mts

@@ -0,0 +1,25 @@
+//#region src/core-mark.d.ts
+/**
+ * The Core bot mark. A single glyph with no tile of its own, so it takes `currentColor`:
+ * on a light surface it renders as the Core-Bot-Black export, on a dark one as Core-Bot-White.
+ *
+ * The eyes blink twice: every 5s each one collapses toward its own middle and reopens, twice in
+ * quick succession (100ms a lid), then holds open for the rest of the cycle. They are cut out of
+ * the body with a mask rather than painted in the surface colour, which keeps the mark single-token
+ * and lets the eyes be real elements — a path's subpaths cannot be transformed on their own, which is
+ * why the source ships them separately. `transform-box: fill-box` makes `transform-origin: center`
+ * resolve against each eye's own box, so it closes from both edges instead of sliding upward.
+ *
+ * The keyframes ride inside the SVG rather than in the Tailwind layer: the two hand-maintained
+ * `core-render.css` sheets have no generator, so a utility-based animation would have to be
+ * patched into both by hand or silently vanish in Studio and open-design.
+ *
+ * Internal — shared by `FloatingAssistant` (its trigger) and `AIChat` (its empty state). It lives
+ * in its own module because `FloatingAssistant` already imports `AIChat`, so re-exporting it from
+ * there would make the two files circular.
+ */
+export declare function CoreMark({ className }: {
+  className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-mark.d.mts.map

package/dist/core-mark.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-mark.d.mts","names":[],"sources":["../src/core-mark.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;wBAqBgB,WAAU;EAAa;gCAAmB,IAAA"}

package/dist/core-mark.mjs

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/core-mark.tsx
+/**
+* The Core bot mark. A single glyph with no tile of its own, so it takes `currentColor`:
+* on a light surface it renders as the Core-Bot-Black export, on a dark one as Core-Bot-White.
+*
+* The eyes blink twice: every 5s each one collapses toward its own middle and reopens, twice in
+* quick succession (100ms a lid), then holds open for the rest of the cycle. They are cut out of
+* the body with a mask rather than painted in the surface colour, which keeps the mark single-token
+* and lets the eyes be real elements — a path's subpaths cannot be transformed on their own, which is
+* why the source ships them separately. `transform-box: fill-box` makes `transform-origin: center`
+* resolve against each eye's own box, so it closes from both edges instead of sliding upward.
+*
+* The keyframes ride inside the SVG rather than in the Tailwind layer: the two hand-maintained
+* `core-render.css` sheets have no generator, so a utility-based animation would have to be
+* patched into both by hand or silently vanish in Studio and open-design.
+*
+* Internal — shared by `FloatingAssistant` (its trigger) and `AIChat` (its empty state). It lives
+* in its own module because `FloatingAssistant` already imports `AIChat`, so re-exporting it from
+* there would make the two files circular.
+*/
+function CoreMark({ className }) {
+	const maskId = `${React.useId().replace(/:/g, "")}-eyes`;
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 145 145",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		fill: "currentColor",
+		className,
+		children: [
+			/* @__PURE__ */ jsx("style", { children: "@keyframes wc-assistant-blink{0%,88%{transform:scaleY(1)}90%{transform:scaleY(.08)}92%{transform:scaleY(1)}94%{transform:scaleY(.08)}96%,100%{transform:scaleY(1)}}.wc-assistant-eye{transform-box:fill-box;transform-origin:center;animation:wc-assistant-blink 5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.wc-assistant-eye{animation:none}}" }),
+			/* @__PURE__ */ jsxs("mask", {
+				id: maskId,
+				maskUnits: "userSpaceOnUse",
+				x: "0",
+				y: "0",
+				width: "145",
+				height: "145",
+				children: [
+					/* @__PURE__ */ jsx("rect", {
+						width: "145",
+						height: "145",
+						fill: "white"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						className: "wc-assistant-eye",
+						x: "24.7862",
+						y: "50.2578",
+						width: "37.1826",
+						height: "37.1826",
+						fill: "black"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						className: "wc-assistant-eye",
+						x: "82.1482",
+						y: "50.2578",
+						width: "37.1828",
+						height: "37.1826",
+						fill: "black"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M144.14 144.14H0V55.4038L54.8342 0H144.14V144.14Z",
+				mask: `url(#${maskId})`
+			})
+		]
+	});
+}
+//#endregion
+export { CoreMark };
+
+//# sourceMappingURL=core-mark.mjs.map

package/dist/core-mark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-mark.mjs","names":[],"sources":["../src/core-mark.tsx"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * The Core bot mark. A single glyph with no tile of its own, so it takes `currentColor`:\n * on a light surface it renders as the Core-Bot-Black export, on a dark one as Core-Bot-White.\n *\n * The eyes blink twice: every 5s each one collapses toward its own middle and reopens, twice in\n * quick succession (100ms a lid), then holds open for the rest of the cycle. They are cut out of\n * the body with a mask rather than painted in the surface colour, which keeps the mark single-token\n * and lets the eyes be real elements — a path's subpaths cannot be transformed on their own, which is\n * why the source ships them separately. `transform-box: fill-box` makes `transform-origin: center`\n * resolve against each eye's own box, so it closes from both edges instead of sliding upward.\n *\n * The keyframes ride inside the SVG rather than in the Tailwind layer: the two hand-maintained\n * `core-render.css` sheets have no generator, so a utility-based animation would have to be\n * patched into both by hand or silently vanish in Studio and open-design.\n *\n * Internal — shared by `FloatingAssistant` (its trigger) and `AIChat` (its empty state). It lives\n * in its own module because `FloatingAssistant` already imports `AIChat`, so re-exporting it from\n * there would make the two files circular.\n */\nexport function CoreMark({className}: {className?: string}) {\n\tconst uid = React.useId().replace(/:/g, \"\");\n\tconst maskId = `${uid}-eyes`;\n\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 145 145\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"currentColor\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<style>\n\t\t\t\t{\n\t\t\t\t\t\"@keyframes wc-assistant-blink{0%,88%{transform:scaleY(1)}90%{transform:scaleY(.08)}92%{transform:scaleY(1)}94%{transform:scaleY(.08)}96%,100%{transform:scaleY(1)}}.wc-assistant-eye{transform-box:fill-box;transform-origin:center;animation:wc-assistant-blink 5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.wc-assistant-eye{animation:none}}\"\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<mask id={maskId} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"145\" height=\"145\">\n\t\t\t\t<rect width=\"145\" height=\"145\" fill=\"white\" />\n\t\t\t\t<rect className=\"wc-assistant-eye\" x=\"24.7862\" y=\"50.2578\" width=\"37.1826\" height=\"37.1826\" fill=\"black\" />\n\t\t\t\t<rect className=\"wc-assistant-eye\" x=\"82.1482\" y=\"50.2578\" width=\"37.1828\" height=\"37.1826\" fill=\"black\" />\n\t\t\t</mask>\n\t\t\t<path d=\"M144.14 144.14H0V55.4038L54.8342 0H144.14V144.14Z\" mask={`url(#${maskId})`} />\n\t\t</svg>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,SAAS,EAAC,aAAkC;CAE3D,MAAM,SAAS,GADH,MAAM,MAAM,CAAC,CAAC,QAAQ,MAAM,EACpB,EAAE;CAEtB,OACC,qBAAC,OAAD;EACC,SAAQ;EACR,OAAM;EACN,eAAY;EACZ,MAAK;EACM;EALZ,UAAA;GAOC,oBAAC,SAAD,EAAA,UAEE,qWAEK,CAAA;GACP,qBAAC,QAAD;IAAM,IAAI;IAAQ,WAAU;IAAiB,GAAE;IAAI,GAAE;IAAI,OAAM;IAAM,QAAO;IAA5E,UAAA;KACC,oBAAC,QAAD;MAAM,OAAM;MAAM,QAAO;MAAM,MAAK;KAAS,CAAA;KAC7C,oBAAC,QAAD;MAAM,WAAU;MAAmB,GAAE;MAAU,GAAE;MAAU,OAAM;MAAU,QAAO;MAAU,MAAK;KAAS,CAAA;KAC1G,oBAAC,QAAD;MAAM,WAAU;MAAmB,GAAE;MAAU,GAAE;MAAU,OAAM;MAAU,QAAO;MAAU,MAAK;KAAS,CAAA;IACrG;;GACN,oBAAC,QAAD;IAAM,GAAE;IAAoD,MAAM,QAAQ,OAAO;GAAK,CAAA;EAClF;;AAEP"}

package/dist/data/mock-data.d.mts

@@ -0,0 +1,9 @@
+import { Organization, Project } from "../types.mjs";
+//#region src/data/mock-data.d.ts
+export declare const MOCK_ORGANIZATIONS: Organization[];
+export declare const MOCK_PROJECTS: Project[];
+export declare function getProjectsByOrg(orgId: string): Project[];
+export declare function getProjectById(projectId: string): Project | undefined;
+export declare function getOrganizationById(orgId: string): Organization | undefined;
+//#endregion
+//# sourceMappingURL=mock-data.d.mts.map

package/dist/data/mock-data.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.d.mts","names":[],"sources":["../../src/data/mock-data.ts"],"mappings":";;qBAEa,oBAAoB;qBAMpB,eAAe;wBAiIZ,iBAAiB,gBAAgB;wBAIjC,eAAe,oBAAoB;wBAInC,oBAAoB,gBAAgB"}