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

package/dist/dialog.mjs

@@ -0,0 +1,137 @@
+import { cn } from "@corensystem/coren-utils";
+import { X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/dialog.tsx
+/** A window overlaid on the primary window or another dialog, rendering content in a portal. */
+function Dialog(props) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+}
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	ref,
+	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
+}));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+/**
+* Read by DialogHeader and DialogFooter so the three pieces cannot disagree about which layout the
+* dialog is in. Defaults to `"banded"` for a header rendered outside a DialogContent.
+*/
+const DialogVariantContext = React.createContext("banded");
+/**
+* The DialogContent element, published so a portalled overlay rendered inside this dialog can put
+* itself back inside it. See {@link useDialogContainer}.
+*/
+const DialogContainerContext = React.createContext(null);
+/**
+* The enclosing {@link DialogContent} element, or `null` outside a dialog.
+*
+* A modal dialog sets `pointer-events: none` on `<body>` and grants `auto` back only to the layers
+* it knows about. An overlay portalled to `document.body` — a Popover, and so a `Combobox` or
+* `DatePicker` — is one of those layers, so this normally resolves itself. It does NOT when the host
+* app has a SECOND copy of `@radix-ui/react-dismissable-layer` (its own `@radix-ui/react-popover`
+* beside core-ui's, say): the two copies keep separate layer stacks, the dialog never grants the
+* popover `pointer-events: auto`, and every click inside the popover lands on the overlay instead —
+* which reads as an outside interaction and dismisses it. Issue #294.
+*
+* Portalling into the dialog sidesteps the whole negotiation: the popover is then a DOM descendant
+* of an element that already has `pointer-events: auto`, and it sits inside the dialog's focus scope
+* rather than fighting it. `PopoverContent` does this automatically; reach for the hook directly
+* only to pass a container to something that is not built on our Popover.
+*
+* ```tsx
+* const container = useDialogContainer();
+* <SomeThirdPartyPopover container={container} />
+* ```
+*/
+function useDialogContainer() {
+	return React.useContext(DialogContainerContext);
+}
+const DialogContent = React.forwardRef(({ className, children, variant = "banded", closeAlign, ...props }, ref) => {
+	const banded = variant === "banded";
+	const align = closeAlign ?? (banded ? "band" : "padded");
+	const [container, setContainer] = React.useState(null);
+	const composedRef = React.useCallback((node) => {
+		setContainer(node);
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		ref: composedRef,
+		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:border wwc:bg-card wwc:text-card-foreground 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", banded ? "wwc:gap-0 wwc:p-0" : "wwc:gap-4 wwc:p-6", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(DialogContainerContext.Provider, {
+			value: container,
+			children: /* @__PURE__ */ jsx(DialogVariantContext.Provider, {
+				value: variant,
+				children
+			})
+		}), /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+			className: cn("wwc:absolute wwc:rounded-sm wwc:opacity-70 wwc:ring-offset-background wwc:transition-opacity wwc:hover:opacity-100 wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:disabled:pointer-events-none wwc:data-[state=open]:bg-accent wwc:data-[state=open]:text-muted-foreground", align === "band" ? "wwc:right-0 wwc:top-0 wwc:flex wwc:h-10 wwc:w-10 wwc:items-center wwc:justify-center" : "wwc:right-4 wwc:top-4"),
+			children: [/* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" }), /* @__PURE__ */ jsx("span", {
+				className: "wwc:sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+/**
+* The dialog's header.
+*
+* `banded` is the 40px `bg-muted` strip, deliberately identical to `WidgetCardHeader` (charts) and
+* `TableHeader` (tables) so a modal header reads as the same object as every other header in the
+* system; `pr-10` reserves the close button's 40px square. `stacked` is the pre-0.3 header — title
+* over description, no band, no rule — restored under {@link DialogVariant} rather than as a
+* consumer override of shipped classes, which is what issue #248 asked for.
+*
+* The layout comes from the enclosing DialogContent, so the header, the footer, the close button and
+* the body padding cannot drift apart. `variant` here overrides that for the odd case.
+*/
+const DialogHeader = ({ className, variant, ...props }) => {
+	const inherited = React.useContext(DialogVariantContext);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("wwc:flex wwc:shrink-0", (variant ?? inherited) === "banded" ? "wwc:min-h-10 wwc:flex-row wwc:items-center wwc:gap-2 wwc:space-y-0 wwc:border-b wwc:border-border wwc:bg-muted wwc:py-2 wwc:pl-4 wwc:pr-10" : "wwc:flex-col wwc:space-y-1.5 wwc:text-center wwc:sm:text-left", className),
+		...props
+	});
+};
+DialogHeader.displayName = "DialogHeader";
+/**
+* The dialog's action bar.
+*
+* `banded` sizes it to the same 40px as {@link DialogHeader} so a modal is banded top and bottom by
+* equal-height strips, and steps its buttons down to `h-7` from the library default `h-8` — a
+* full-size button cannot fit a 40px bar with breathing room — via a descendant selector, so call
+* sites keep writing plain `<Button>` and stay consistent automatically.
+*
+* `stacked` drops the strip and the step-down: with no band to fit inside, a full-size button is the
+* right one, and the row is just the actions right-aligned under the content.
+*/
+const DialogFooter = ({ className, variant, ...props }) => {
+	const inherited = React.useContext(DialogVariantContext);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("wwc:flex wwc:shrink-0 wwc:flex-col-reverse wwc:gap-2 wwc:sm:flex-row wwc:sm:justify-end", (variant ?? inherited) === "banded" ? "wwc:min-h-10 wwc:items-center wwc:border-t wwc:border-border wwc:px-4 wwc:py-1.5 wwc:[&_button]:h-7 wwc:[&_button]:px-3 wwc:[&_button]:text-xs" : "", className),
+		...props
+	});
+};
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+	ref,
+	className: cn("wwc:text-sm wwc:font-medium wwc:leading-none", className),
+	...props
+}));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+	ref,
+	className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+	...props
+}));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, useDialogContainer };
+
+//# sourceMappingURL=dialog.mjs.map

package/dist/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","names":[],"sources":["../src/dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport {X} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** A window overlaid on the primary window or another dialog, rendering content in a portal. */\nfunction Dialog(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root {...props} />;\n}\nconst DialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger;\nconst DialogPortal: typeof DialogPrimitive.Portal = DialogPrimitive.Portal;\nconst DialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Overlay>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({className, ...props}, ref) => (\n\t<DialogPrimitive.Overlay\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t// Blur plus a moderate shade: the blur keeps the page readable as context, while the tint\n\t\t\t// gives the dialog enough separation to read as a layer above it.\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/>\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\n/**\n * How a dialog is laid out. It is ONE decision, not three, which is why it lives on\n * {@link DialogContent} and reaches the header, the footer, the close button and the body padding\n * through context rather than asking a call site to keep three props in agreement.\n *\n * - `\"banded\"` (default) — the header and footer are 40px `bg-muted` strips, deliberately identical\n *   to `WidgetCardHeader` (charts) and `TableHeader` (tables), so a modal reads as the same kind of\n *   object as every other panel in the system. The close button centres in the header band and the\n *   body supplies its own padding.\n * - `\"stacked\"` — the pre-0.3 header: title over description, no band, no rule, the close button\n *   inset, and the content padded as a whole. Lighter, and right for a short dialog that is a\n *   sentence and two buttons rather than a panel.\n *\n * `\"banded\"` stays the default because the band is a SYSTEM decision, not a dialog one — flipping it\n * would leave dialogs as the only unbanded header in 0.13 — but the choice is one prop, and issue\n * #248 is the argument for making it per-dialog rather than for the library picking one and\n * overriding the other.\n */\nexport type DialogVariant = \"banded\" | \"stacked\";\n\n/**\n * Read by DialogHeader and DialogFooter so the three pieces cannot disagree about which layout the\n * dialog is in. Defaults to `\"banded\"` for a header rendered outside a DialogContent.\n */\nconst DialogVariantContext = React.createContext<DialogVariant>(\"banded\");\n\n/**\n * The DialogContent element, published so a portalled overlay rendered inside this dialog can put\n * itself back inside it. See {@link useDialogContainer}.\n */\nconst DialogContainerContext = React.createContext<HTMLElement | null>(null);\n\n/**\n * The enclosing {@link DialogContent} element, or `null` outside a dialog.\n *\n * A modal dialog sets `pointer-events: none` on `<body>` and grants `auto` back only to the layers\n * it knows about. An overlay portalled to `document.body` — a Popover, and so a `Combobox` or\n * `DatePicker` — is one of those layers, so this normally resolves itself. It does NOT when the host\n * app has a SECOND copy of `@radix-ui/react-dismissable-layer` (its own `@radix-ui/react-popover`\n * beside core-ui's, say): the two copies keep separate layer stacks, the dialog never grants the\n * popover `pointer-events: auto`, and every click inside the popover lands on the overlay instead —\n * which reads as an outside interaction and dismisses it. Issue #294.\n *\n * Portalling into the dialog sidesteps the whole negotiation: the popover is then a DOM descendant\n * of an element that already has `pointer-events: auto`, and it sits inside the dialog's focus scope\n * rather than fighting it. `PopoverContent` does this automatically; reach for the hook directly\n * only to pass a container to something that is not built on our Popover.\n *\n * ```tsx\n * const container = useDialogContainer();\n * <SomeThirdPartyPopover container={container} />\n * ```\n */\nfunction useDialogContainer(): HTMLElement | null {\n\treturn React.useContext(DialogContainerContext);\n}\n\nexport interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n\t/** Banded (default) or stacked. See {@link DialogVariant}. */\n\tvariant?: DialogVariant;\n\t/**\n\t * Where the close button sits. `\"band\"` centres it in the 40px DialogHeader band; `\"padded\"` insets\n\t * it. Defaults to whatever `variant` implies, so it only needs setting for the rare dialog that\n\t * wants the band's chrome without its header, or the reverse.\n\t */\n\tcloseAlign?: \"padded\" | \"band\";\n}\n\nconst DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, DialogContentProps>(\n\t({className, children, variant = \"banded\", closeAlign, ...props}, ref) => {\n\t\tconst banded = variant === \"banded\";\n\t\tconst align = closeAlign ?? (banded ? \"band\" : \"padded\");\n\t\t// State, not a ref: a popover portalling into this node has to re-render once the node exists.\n\t\tconst [container, setContainer] = React.useState<HTMLElement | null>(null);\n\t\tconst composedRef = React.useCallback(\n\t\t\t(node: React.ElementRef<typeof DialogPrimitive.Content> | null) => {\n\t\t\t\tsetContainer(node);\n\t\t\t\tif (typeof ref === \"function\") ref(node);\n\t\t\t\telse if (ref) ref.current = node;\n\t\t\t},\n\t\t\t[ref],\n\t\t);\n\t\treturn (\n\t\t\t<DialogPortal>\n\t\t\t\t<DialogOverlay />\n\t\t\t\t<DialogPrimitive.Content\n\t\t\t\t\tref={composedRef}\n\t\t\t\t\tclassName={cn(\n\t\t\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:border wwc:bg-card wwc:text-card-foreground 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\t\t\t// Banded dialogs are edge-to-edge: the strips carry their own padding and a gap\n\t\t\t\t\t\t// between them would break the rules they draw. A stacked one is a padded block.\n\t\t\t\t\t\tbanded ? \"wwc:gap-0 wwc:p-0\" : \"wwc:gap-4 wwc:p-6\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t<DialogContainerContext.Provider value={container}>\n\t\t\t\t\t\t<DialogVariantContext.Provider value={variant}>{children}</DialogVariantContext.Provider>\n\t\t\t\t\t</DialogContainerContext.Provider>\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:absolute wwc:rounded-sm wwc:opacity-70 wwc:ring-offset-background wwc:transition-opacity wwc:hover:opacity-100 wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-ring wwc:focus:ring-offset-2 wwc:disabled:pointer-events-none wwc:data-[state=open]:bg-accent wwc:data-[state=open]:text-muted-foreground\",\n\t\t\t\t\t\t\talign === \"band\"\n\t\t\t\t\t\t\t\t? // Fills the band's height so the icon centres on the title, whatever the band contains.\n\t\t\t\t\t\t\t\t\t\"wwc:right-0 wwc:top-0 wwc:flex wwc:h-10 wwc:w-10 wwc:items-center wwc:justify-center\"\n\t\t\t\t\t\t\t\t: \"wwc:right-4 wwc:top-4\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t<span className=\"wwc:sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t</DialogPrimitive.Content>\n\t\t\t</DialogPortal>\n\t\t);\n\t},\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Overrides the layout the enclosing {@link DialogContent} declared. Rarely needed. */\n\tvariant?: DialogVariant;\n}\n\n/**\n * The dialog's header.\n *\n * `banded` is the 40px `bg-muted` strip, deliberately identical to `WidgetCardHeader` (charts) and\n * `TableHeader` (tables) so a modal header reads as the same object as every other header in the\n * system; `pr-10` reserves the close button's 40px square. `stacked` is the pre-0.3 header — title\n * over description, no band, no rule — restored under {@link DialogVariant} rather than as a\n * consumer override of shipped classes, which is what issue #248 asked for.\n *\n * The layout comes from the enclosing DialogContent, so the header, the footer, the close button and\n * the body padding cannot drift apart. `variant` here overrides that for the odd case.\n */\nconst DialogHeader = ({className, variant, ...props}: DialogHeaderProps) => {\n\tconst inherited = React.useContext(DialogVariantContext);\n\tconst banded = (variant ?? inherited) === \"banded\";\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:shrink-0\",\n\t\t\t\tbanded\n\t\t\t\t\t? \"wwc:min-h-10 wwc:flex-row wwc:items-center wwc:gap-2 wwc:space-y-0 wwc:border-b wwc:border-border wwc:bg-muted wwc:py-2 wwc:pl-4 wwc:pr-10\"\n\t\t\t\t\t: \"wwc:flex-col wwc:space-y-1.5 wwc:text-center wwc:sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\nDialogHeader.displayName = \"DialogHeader\";\n\nexport interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Overrides the layout the enclosing {@link DialogContent} declared. Rarely needed. */\n\tvariant?: DialogVariant;\n}\n\n/**\n * The dialog's action bar.\n *\n * `banded` sizes it to the same 40px as {@link DialogHeader} so a modal is banded top and bottom by\n * equal-height strips, and steps its buttons down to `h-7` from the library default `h-8` — a\n * full-size button cannot fit a 40px bar with breathing room — via a descendant selector, so call\n * sites keep writing plain `<Button>` and stay consistent automatically.\n *\n * `stacked` drops the strip and the step-down: with no band to fit inside, a full-size button is the\n * right one, and the row is just the actions right-aligned under the content.\n */\nconst DialogFooter = ({className, variant, ...props}: DialogFooterProps) => {\n\tconst inherited = React.useContext(DialogVariantContext);\n\tconst banded = (variant ?? inherited) === \"banded\";\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:shrink-0 wwc:flex-col-reverse wwc:gap-2 wwc:sm:flex-row wwc:sm:justify-end\",\n\t\t\t\tbanded\n\t\t\t\t\t? \"wwc:min-h-10 wwc:items-center wwc:border-t wwc:border-border wwc:px-4 wwc:py-1.5 wwc:[&_button]:h-7 wwc:[&_button]:px-3 wwc:[&_button]:text-xs\"\n\t\t\t\t\t: \"\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({className, ...props}, ref) => (\n\t<DialogPrimitive.Title\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:text-sm wwc:font-medium wwc:leading-none\", className)}\n\t\t{...props}\n\t/>\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({className, ...props}, ref) => (\n\t<DialogPrimitive.Description\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n\tDialog,\n\tDialogPortal,\n\tDialogOverlay,\n\tDialogTrigger,\n\tDialogClose,\n\tDialogContent,\n\tDialogHeader,\n\tDialogFooter,\n\tDialogTitle,\n\tDialogDescription,\n\tuseDialogContainer,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,OAAO,OAAoE;CACnF,OAAO,oBAAC,gBAAgB,MAAjB,EAAsB,GAAI,MAAQ,CAAA;AAC1C;AACA,MAAM,gBAAgD,gBAAgB;AACtE,MAAM,eAA8C,gBAAgB;AACpE,MAAM,cAA4C,gBAAgB;AAElE,MAAM,gBAAgB,MAAM,YAGzB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,SAAjB;CACM;CACL,WAAW,GAGV,+MACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,cAAc,cAAc,gBAAgB,QAAQ;;;;;AA0BpD,MAAM,uBAAuB,MAAM,cAA6B,QAAQ;;;;;AAMxE,MAAM,yBAAyB,MAAM,cAAkC,IAAI;;;;;;;;;;;;;;;;;;;;;;AAuB3E,SAAS,qBAAyC;CACjD,OAAO,MAAM,WAAW,sBAAsB;AAC/C;AAaA,MAAM,gBAAgB,MAAM,YAC1B,EAAC,WAAW,UAAU,UAAU,UAAU,YAAY,GAAG,SAAQ,QAAQ;CACzE,MAAM,SAAS,YAAY;CAC3B,MAAM,QAAQ,eAAe,SAAS,SAAS;CAE/C,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAA6B,IAAI;CACzE,MAAM,cAAc,MAAM,aACxB,SAAkE;EAClE,aAAa,IAAI;EACjB,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;OAClC,IAAI,KAAK,IAAI,UAAU;CAC7B,GACA,CAAC,GAAG,CACL;CACA,OACC,qBAAC,cAAD,EAAA,UAAA,CACC,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAAC,gBAAgB,SAAjB;EACC,KAAK;EACL,WAAW,GACV,wmBAGA,SAAS,sBAAsB,qBAC/B,SACD;EACA,GAAI;EATL,UAAA,CAWC,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;GACvC,UAAA,oBAAC,qBAAqB,UAAtB;IAA+B,OAAO;IAAU;GAAwC,CAAA;EACxD,CAAA,GACjC,qBAAC,gBAAgB,OAAjB;GACC,WAAW,GACV,uTACA,UAAU,SAER,yFACC,uBACJ;GAPD,UAAA,CASC,oBAAC,GAAD,EAAG,WAAU,kBAAmB,CAAA,GAChC,oBAAC,QAAD;IAAM,WAAU;IAAc,UAAA;GAAW,CAAA,CACnB;EACC,CAAA,CAAA;CACZ,CAAA,CAAA,EAAA,CAAA;AAEhB,CACD;AACA,cAAc,cAAc,gBAAgB,QAAQ;;;;;;;;;;;;;AAmBpD,MAAM,gBAAgB,EAAC,WAAW,SAAS,GAAG,YAA8B;CAC3E,MAAM,YAAY,MAAM,WAAW,oBAAoB;CAEvD,OACC,oBAAC,OAAD;EACC,WAAW,GACV,0BAJa,WAAW,eAAe,WAMpC,+IACA,iEACH,SACD;EACA,GAAI;CACJ,CAAA;AAEH;AACA,aAAa,cAAc;;;;;;;;;;;;AAkB3B,MAAM,gBAAgB,EAAC,WAAW,SAAS,GAAG,YAA8B;CAC3E,MAAM,YAAY,MAAM,WAAW,oBAAoB;CAEvD,OACC,oBAAC,OAAD;EACC,WAAW,GACV,4FAJa,WAAW,eAAe,WAMpC,mJACA,IACH,SACD;EACA,GAAI;CACJ,CAAA;AAEH;AACA,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,YAGvB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,OAAjB;CACM;CACL,WAAW,GAAG,gDAAgD,SAAS;CACvE,GAAI;AACJ,CAAA,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,YAG7B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,aAAjB;CACM;CACL,WAAW,GAAG,yCAAyC,SAAS;CAChE,GAAI;AACJ,CAAA,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY"}

package/dist/divider.d.mts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/divider.d.ts
+/** Visually or semantically separates content. Alias for Separator for naming consistency. */
+declare const Divider: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Divider };
+//# sourceMappingURL=divider.d.mts.map

package/dist/divider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.mts","names":[],"sources":["../src/divider.tsx"],"mappings":";;;;cAKM,SAAO,MAAA,0BAAA,KAAA,mBAAA,iBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/divider.mjs

@@ -0,0 +1,18 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/divider.tsx
+/** Visually or semantically separates content. Alias for Separator for naming consistency. */
+const Divider = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+	ref,
+	decorative,
+	orientation,
+	className: cn("wwc:shrink-0 wwc:bg-border", orientation === "horizontal" ? "wwc:h-[1px] wwc:w-full" : "wwc:h-full wwc:w-[1px]", className),
+	...props
+}));
+Divider.displayName = "Divider";
+//#endregion
+export { Divider };
+
+//# sourceMappingURL=divider.mjs.map

package/dist/divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.mjs","names":[],"sources":["../src/divider.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport * as React from \"react\";\n\n/** Visually or semantically separates content. Alias for Separator for naming consistency. */\nconst Divider = React.forwardRef<\n\tReact.ElementRef<typeof SeparatorPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({className, orientation = \"horizontal\", decorative = true, ...props}, ref) => (\n\t<SeparatorPrimitive.Root\n\t\tref={ref}\n\t\tdecorative={decorative}\n\t\torientation={orientation}\n\t\tclassName={cn(\n\t\t\t\"wwc:shrink-0 wwc:bg-border\",\n\t\t\torientation === \"horizontal\" ? \"wwc:h-[1px] wwc:w-full\" : \"wwc:h-full wwc:w-[1px]\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nDivider.displayName = \"Divider\";\n\nexport {Divider};\n"],"mappings":";;;;;;AAKA,MAAM,UAAU,MAAM,YAGnB,EAAC,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,SAAQ,QACxE,oBAAC,mBAAmB,MAApB;CACM;CACO;CACC;CACb,WAAW,GACV,8BACA,gBAAgB,eAAe,2BAA2B,0BAC1D,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,QAAQ,cAAc"}

package/dist/drawer.d.mts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { Drawer as Drawer$1 } from "vaul";
+//#region src/drawer.d.ts
+/** A panel that slides in from the edge of the screen, built on Vaul. */
+declare const Drawer: {
+  ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const DrawerTrigger: typeof Drawer$1.Trigger;
+declare const DrawerPortal: typeof Drawer$1.Portal;
+declare const DrawerClose: typeof Drawer$1.Close;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const DrawerFooter: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.d.mts.map

package/dist/drawer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.mts","names":[],"sources":["../src/drawer.tsx"],"mappings":";;;;cAKM;KAAoD,0BAAA,SAAA,MAAM,sBAAsB,SAAgB,oCAAK,IAAA;;;cAKrG,sBAAsB,SAAgB;cAEtC,qBAAqB,SAAgB;cAErC,oBAAoB,SAAgB;cAEpC,eAAa,MAAA,0BAAA,KAAA,sCAAA,qBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAYb,eAAa,MAAA,0BAAA,KAAA,sCAAA,qBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAqBb;KAAuC,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAK3E;KAAuC,cAAA,SAAA,MAAM,eAAe,8CAAe,IAAA;;;cAK3E,aAAW,MAAA,0BAAA,sCAAA,mBAAA,MAAA,cAAA,8BAAA,MAAA,cAAA;cAYX,mBAAiB,MAAA,0BAAA,sCAAA,yBAAA,MAAA,cAAA,gCAAA,MAAA,cAAA"}

package/dist/drawer.mjs

@@ -0,0 +1,53 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+//#region src/drawer.tsx
+/** A panel that slides in from the edge of the screen, built on Vaul. */
+const Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx(Drawer$1.Root, {
+	shouldScaleBackground,
+	...props
+});
+Drawer.displayName = "Drawer";
+const DrawerTrigger = Drawer$1.Trigger;
+const DrawerPortal = Drawer$1.Portal;
+const DrawerClose = Drawer$1.Close;
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Overlay, {
+	ref,
+	className: cn("wwc:fixed wwc:inset-0 wwc:z-50 wwc:bg-black/40 wwc:backdrop-blur-sm", className),
+	...props
+}));
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+	ref,
+	className: cn("wwc:fixed wwc:inset-x-0 wwc:bottom-0 wwc:z-50 wwc:mt-24 wwc:flex wwc:h-auto wwc:flex-col wwc:rounded-t-[10px] wwc:border wwc:bg-card wwc:text-card-foreground", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("div", { className: "wwc:mx-auto wwc:mt-4 wwc:h-2 wwc:w-[100px] wwc:rounded-full wwc:bg-muted" }), children]
+})] }));
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("wwc:grid wwc:gap-1.5 wwc:p-4 wwc:text-center wwc:sm:text-left", className),
+	...props
+});
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("wwc:mt-auto wwc:flex wwc:flex-col wwc:gap-2 wwc:p-4", className),
+	...props
+});
+DrawerFooter.displayName = "DrawerFooter";
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, {
+	ref,
+	className: cn("wwc:text-lg wwc:font-semibold wwc:leading-none wwc:tracking-tight", className),
+	...props
+}));
+DrawerTitle.displayName = Drawer$1.Title.displayName;
+const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Description, {
+	ref,
+	className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+	...props
+}));
+DrawerDescription.displayName = Drawer$1.Description.displayName;
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+
+//# sourceMappingURL=drawer.mjs.map

package/dist/drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.mjs","names":["DrawerPrimitive"],"sources":["../src/drawer.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\nimport {Drawer as DrawerPrimitive} from \"vaul\";\n\n/** A panel that slides in from the edge of the screen, built on Vaul. */\nconst Drawer = ({shouldScaleBackground = true, ...props}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n\t<DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n);\nDrawer.displayName = \"Drawer\";\n\nconst DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger;\n\nconst DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal;\n\nconst DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close;\n\nconst DrawerOverlay = React.forwardRef<\n\tReact.ElementRef<typeof DrawerPrimitive.Overlay>,\n\tReact.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({className, ...props}, ref) => (\n\t<DrawerPrimitive.Overlay\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:fixed wwc:inset-0 wwc:z-50 wwc:bg-black/40 wwc:backdrop-blur-sm\", className)}\n\t\t{...props}\n\t/>\n));\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n\nconst DrawerContent = React.forwardRef<\n\tReact.ElementRef<typeof DrawerPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({className, children, ...props}, ref) => (\n\t<DrawerPortal>\n\t\t<DrawerOverlay />\n\t\t<DrawerPrimitive.Content\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:fixed wwc:inset-x-0 wwc:bottom-0 wwc:z-50 wwc:mt-24 wwc:flex wwc:h-auto wwc:flex-col wwc:rounded-t-[10px] wwc:border wwc:bg-card 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:mx-auto wwc:mt-4 wwc:h-2 wwc:w-[100px] wwc:rounded-full wwc:bg-muted\" />\n\t\t\t{children}\n\t\t</DrawerPrimitive.Content>\n\t</DrawerPortal>\n));\nDrawerContent.displayName = \"DrawerContent\";\n\nconst DrawerHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cn(\"wwc:grid wwc:gap-1.5 wwc:p-4 wwc:text-center wwc:sm:text-left\", className)} {...props} />\n);\nDrawerHeader.displayName = \"DrawerHeader\";\n\nconst DrawerFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cn(\"wwc:mt-auto wwc:flex wwc:flex-col wwc:gap-2 wwc:p-4\", className)} {...props} />\n);\nDrawerFooter.displayName = \"DrawerFooter\";\n\nconst DrawerTitle = React.forwardRef<\n\tReact.ElementRef<typeof DrawerPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({className, ...props}, ref) => (\n\t<DrawerPrimitive.Title\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:text-lg wwc:font-semibold wwc:leading-none wwc:tracking-tight\", className)}\n\t\t{...props}\n\t/>\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\nconst DrawerDescription = React.forwardRef<\n\tReact.ElementRef<typeof DrawerPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({className, ...props}, ref) => (\n\t<DrawerPrimitive.Description\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"mappings":";;;;;;AAKA,MAAM,UAAU,EAAC,wBAAwB,MAAM,GAAG,YACjD,oBAACA,SAAgB,MAAjB;CAA6C;CAAuB,GAAI;AAAQ,CAAA;AAEjF,OAAO,cAAc;AAErB,MAAM,gBAAgDA,SAAgB;AAEtE,MAAM,eAA8CA,SAAgB;AAEpE,MAAM,cAA4CA,SAAgB;AAElE,MAAM,gBAAgB,MAAM,YAGzB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAACA,SAAgB,SAAjB;CACM;CACL,WAAW,GAAG,uEAAuE,SAAS;CAC9F,GAAI;AACJ,CAAA,CACD;AACD,cAAc,cAAcA,SAAgB,QAAQ;AAEpD,MAAM,gBAAgB,MAAM,YAGzB,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,qBAAC,cAAD,EAAA,UAAA,CACC,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAACA,SAAgB,SAAjB;CACM;CACL,WAAW,GACV,iKACA,SACD;CACA,GAAI;CANL,UAAA,CAQC,oBAAC,OAAD,EAAK,WAAU,2EAA4E,CAAA,GAC1F,QACuB;AACZ,CAAA,CAAA,EAAA,CAAA,CACd;AACD,cAAc,cAAc;AAE5B,MAAM,gBAAgB,EAAC,WAAW,GAAG,YACpC,oBAAC,OAAD;CAAK,WAAW,GAAG,iEAAiE,SAAS;CAAG,GAAI;AAAQ,CAAA;AAE7G,aAAa,cAAc;AAE3B,MAAM,gBAAgB,EAAC,WAAW,GAAG,YACpC,oBAAC,OAAD;CAAK,WAAW,GAAG,uDAAuD,SAAS;CAAG,GAAI;AAAQ,CAAA;AAEnG,aAAa,cAAc;AAE3B,MAAM,cAAc,MAAM,YAGvB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAACA,SAAgB,OAAjB;CACM;CACL,WAAW,GAAG,qEAAqE,SAAS;CAC5F,GAAI;AACJ,CAAA,CACD;AACD,YAAY,cAAcA,SAAgB,MAAM;AAEhD,MAAM,oBAAoB,MAAM,YAG7B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAACA,SAAgB,aAAjB;CACM;CACL,WAAW,GAAG,yCAAyC,SAAS;CAChE,GAAI;AACJ,CAAA,CACD;AACD,kBAAkB,cAAcA,SAAgB,YAAY"}

package/dist/drawing-actions.d.mts

@@ -0,0 +1,29 @@
+import * as React from "react";
+//#region src/drawing-actions.d.ts
+export type DrawingToolId = "select" | "shape" | "line" | "pin";
+export type ShapeKind = "rectangle" | "ellipse" | "polygon";
+export type LineKind = "line" | "polyline";
+export type PinKind = "pin" | "reference";
+export interface DrawingActionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+  /** Currently active drawing tool. */
+  activeTool?: DrawingToolId;
+  onActiveToolChange?: (tool: DrawingToolId) => void;
+  /** Selected sub-tool for the Shape group. */
+  shapeKind?: ShapeKind;
+  onShapeKindChange?: (kind: ShapeKind) => void;
+  /** Selected sub-tool for the Line group. */
+  lineKind?: LineKind;
+  onLineKindChange?: (kind: LineKind) => void;
+  /** Selected sub-tool for the Pin group. */
+  pinKind?: PinKind;
+  onPinKindChange?: (kind: PinKind) => void;
+  /** Undo/redo wiring. */
+  onUndo?: () => void;
+  onRedo?: () => void;
+  canUndo?: boolean;
+  canRedo?: boolean;
+}
+declare const DrawingActions: React.ForwardRefExoticComponent<DrawingActionsProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { DrawingActions };
+//# sourceMappingURL=drawing-actions.d.mts.map

package/dist/drawing-actions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing-actions.d.mts","names":[],"sources":["../src/drawing-actions.tsx"],"mappings":";;YAiBY;YACA;YACA;YACA;iBAkBK,4BAA4B,KAAK,MAAM,eAAe;;EAEtE,aAAa;EACb,sBAAsB,MAAM;;EAE5B,YAAY;EACZ,qBAAqB,MAAM;;EAE3B,WAAW;EACX,oBAAoB,MAAM;;EAE1B,UAAU;EACV,mBAAmB,MAAM;;EAEzB;EACA;EACA;EACA;;cAGK,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/drawing-actions.mjs

@@ -0,0 +1,124 @@
+import { Toolbar, ToolbarButton, ToolbarMenuButton, ToolbarSeparator } from "./toolbar.mjs";
+import { Circle, Crosshair, Hexagon, MapPin, MousePointer2, PenLine, Redo2, Slash, Square, Undo2 } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/drawing-actions.tsx
+const SHAPE_SUBS = [
+	{
+		id: "rectangle",
+		label: "Rectangle",
+		icon: /* @__PURE__ */ jsx(Square, { className: "wwc:h-4 wwc:w-4" }),
+		shortcut: "R"
+	},
+	{
+		id: "ellipse",
+		label: "Ellipse",
+		icon: /* @__PURE__ */ jsx(Circle, { className: "wwc:h-4 wwc:w-4" }),
+		shortcut: "E"
+	},
+	{
+		id: "polygon",
+		label: "Polygon",
+		icon: /* @__PURE__ */ jsx(Hexagon, { className: "wwc:h-4 wwc:w-4" }),
+		shortcut: "Y"
+	}
+];
+const LINE_SUBS = [{
+	id: "line",
+	label: "Line",
+	icon: /* @__PURE__ */ jsx(Slash, { className: "wwc:h-4 wwc:w-4" }),
+	shortcut: "L"
+}, {
+	id: "polyline",
+	label: "Polyline",
+	icon: /* @__PURE__ */ jsx(PenLine, { className: "wwc:h-4 wwc:w-4" }),
+	shortcut: "Shift+L"
+}];
+const PIN_SUBS = [{
+	id: "pin",
+	label: "Pin marker",
+	icon: /* @__PURE__ */ jsx(MapPin, { className: "wwc:h-4 wwc:w-4" }),
+	shortcut: "P"
+}, {
+	id: "reference",
+	label: "Reference point",
+	icon: /* @__PURE__ */ jsx(Crosshair, { className: "wwc:h-4 wwc:w-4" }),
+	shortcut: "Shift+P"
+}];
+const DrawingActions = React.forwardRef(({ className, activeTool = "select", onActiveToolChange, shapeKind = "rectangle", onShapeKindChange, lineKind = "line", onLineKindChange, pinKind = "pin", onPinKindChange, onUndo, onRedo, canUndo = true, canRedo = true, ...rest }, ref) => {
+	return /* @__PURE__ */ jsxs(Toolbar, {
+		ref,
+		"aria-label": "Drawing tools",
+		className,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(ToolButton, {
+				active: activeTool === "select",
+				onClick: () => onActiveToolChange?.("select"),
+				label: "Select tool",
+				shortcut: "V",
+				icon: MousePointer2
+			}),
+			/* @__PURE__ */ jsx(ToolbarMenuButton, {
+				active: activeTool === "shape",
+				value: shapeKind,
+				options: SHAPE_SUBS,
+				label: "Shape tool",
+				onSelect: (id) => {
+					onShapeKindChange?.(id);
+					onActiveToolChange?.("shape");
+				}
+			}),
+			/* @__PURE__ */ jsx(ToolbarMenuButton, {
+				active: activeTool === "line",
+				value: lineKind,
+				options: LINE_SUBS,
+				label: "Line tool",
+				onSelect: (id) => {
+					onLineKindChange?.(id);
+					onActiveToolChange?.("line");
+				}
+			}),
+			/* @__PURE__ */ jsx(ToolbarMenuButton, {
+				active: activeTool === "pin",
+				value: pinKind,
+				options: PIN_SUBS,
+				label: "Pin / location tool",
+				onSelect: (id) => {
+					onPinKindChange?.(id);
+					onActiveToolChange?.("pin");
+				}
+			}),
+			/* @__PURE__ */ jsx(ToolbarSeparator, {}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: true,
+				label: "Undo",
+				onClick: onUndo,
+				disabled: !canUndo,
+				children: /* @__PURE__ */ jsx(Undo2, { className: "wwc:h-4 wwc:w-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				icon: true,
+				label: "Redo",
+				onClick: onRedo,
+				disabled: !canRedo,
+				children: /* @__PURE__ */ jsx(Redo2, { className: "wwc:h-4 wwc:w-4" })
+			})
+		]
+	});
+});
+DrawingActions.displayName = "DrawingActions";
+function ToolButton({ active, onClick, label, shortcut, icon: Icon }) {
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		icon: true,
+		active,
+		onClick,
+		label,
+		shortcut,
+		children: /* @__PURE__ */ jsx(Icon, { className: "wwc:h-4 wwc:w-4" })
+	});
+}
+//#endregion
+export { DrawingActions };
+
+//# sourceMappingURL=drawing-actions.mjs.map

package/dist/drawing-actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing-actions.mjs","names":[],"sources":["../src/drawing-actions.tsx"],"sourcesContent":["import {\n\tCircle,\n\tCrosshair,\n\tHexagon,\n\ttype LucideIcon,\n\tMapPin,\n\tMousePointer2,\n\tPenLine,\n\tRedo2,\n\tSlash,\n\tSquare,\n\tUndo2,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Toolbar, ToolbarButton, type ToolbarMenuOption, ToolbarMenuButton, ToolbarSeparator} from \"./toolbar\";\n\nexport type DrawingToolId = \"select\" | \"shape\" | \"line\" | \"pin\";\nexport type ShapeKind = \"rectangle\" | \"ellipse\" | \"polygon\";\nexport type LineKind = \"line\" | \"polyline\";\nexport type PinKind = \"pin\" | \"reference\";\n\nconst SHAPE_SUBS: ToolbarMenuOption<ShapeKind>[] = [\n\t{id: \"rectangle\", label: \"Rectangle\", icon: <Square className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"R\"},\n\t{id: \"ellipse\", label: \"Ellipse\", icon: <Circle className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"E\"},\n\t{id: \"polygon\", label: \"Polygon\", icon: <Hexagon className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"Y\"},\n];\n\nconst LINE_SUBS: ToolbarMenuOption<LineKind>[] = [\n\t{id: \"line\", label: \"Line\", icon: <Slash className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"L\"},\n\t{id: \"polyline\", label: \"Polyline\", icon: <PenLine className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"Shift+L\"},\n];\n\nconst PIN_SUBS: ToolbarMenuOption<PinKind>[] = [\n\t{id: \"pin\", label: \"Pin marker\", icon: <MapPin className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"P\"},\n\t{id: \"reference\", label: \"Reference point\", icon: <Crosshair className=\"wwc:h-4 wwc:w-4\" />, shortcut: \"Shift+P\"},\n];\n\nexport interface DrawingActionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n\t/** Currently active drawing tool. */\n\tactiveTool?: DrawingToolId;\n\tonActiveToolChange?: (tool: DrawingToolId) => void;\n\t/** Selected sub-tool for the Shape group. */\n\tshapeKind?: ShapeKind;\n\tonShapeKindChange?: (kind: ShapeKind) => void;\n\t/** Selected sub-tool for the Line group. */\n\tlineKind?: LineKind;\n\tonLineKindChange?: (kind: LineKind) => void;\n\t/** Selected sub-tool for the Pin group. */\n\tpinKind?: PinKind;\n\tonPinKindChange?: (kind: PinKind) => void;\n\t/** Undo/redo wiring. */\n\tonUndo?: () => void;\n\tonRedo?: () => void;\n\tcanUndo?: boolean;\n\tcanRedo?: boolean;\n}\n\nconst DrawingActions = React.forwardRef<HTMLDivElement, DrawingActionsProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tactiveTool = \"select\",\n\t\t\tonActiveToolChange,\n\t\t\tshapeKind = \"rectangle\",\n\t\t\tonShapeKindChange,\n\t\t\tlineKind = \"line\",\n\t\t\tonLineKindChange,\n\t\t\tpinKind = \"pin\",\n\t\t\tonPinKindChange,\n\t\t\tonUndo,\n\t\t\tonRedo,\n\t\t\tcanUndo = true,\n\t\t\tcanRedo = true,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<Toolbar ref={ref} aria-label=\"Drawing tools\" className={className} {...rest}>\n\t\t\t\t<ToolButton\n\t\t\t\t\tactive={activeTool === \"select\"}\n\t\t\t\t\tonClick={() => onActiveToolChange?.(\"select\")}\n\t\t\t\t\tlabel=\"Select tool\"\n\t\t\t\t\tshortcut=\"V\"\n\t\t\t\t\ticon={MousePointer2}\n\t\t\t\t/>\n\n\t\t\t\t<ToolbarMenuButton\n\t\t\t\t\tactive={activeTool === \"shape\"}\n\t\t\t\t\tvalue={shapeKind}\n\t\t\t\t\toptions={SHAPE_SUBS}\n\t\t\t\t\tlabel=\"Shape tool\"\n\t\t\t\t\tonSelect={(id) => {\n\t\t\t\t\t\tonShapeKindChange?.(id);\n\t\t\t\t\t\tonActiveToolChange?.(\"shape\");\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<ToolbarMenuButton\n\t\t\t\t\tactive={activeTool === \"line\"}\n\t\t\t\t\tvalue={lineKind}\n\t\t\t\t\toptions={LINE_SUBS}\n\t\t\t\t\tlabel=\"Line tool\"\n\t\t\t\t\tonSelect={(id) => {\n\t\t\t\t\t\tonLineKindChange?.(id);\n\t\t\t\t\t\tonActiveToolChange?.(\"line\");\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<ToolbarMenuButton\n\t\t\t\t\tactive={activeTool === \"pin\"}\n\t\t\t\t\tvalue={pinKind}\n\t\t\t\t\toptions={PIN_SUBS}\n\t\t\t\t\tlabel=\"Pin / location tool\"\n\t\t\t\t\tonSelect={(id) => {\n\t\t\t\t\t\tonPinKindChange?.(id);\n\t\t\t\t\t\tonActiveToolChange?.(\"pin\");\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<ToolbarSeparator />\n\n\t\t\t\t<ToolbarButton icon label=\"Undo\" onClick={onUndo} disabled={!canUndo}>\n\t\t\t\t\t<Undo2 className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</ToolbarButton>\n\t\t\t\t<ToolbarButton icon label=\"Redo\" onClick={onRedo} disabled={!canRedo}>\n\t\t\t\t\t<Redo2 className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</ToolbarButton>\n\t\t\t</Toolbar>\n\t\t);\n\t},\n);\nDrawingActions.displayName = \"DrawingActions\";\n\nfunction ToolButton({\n\tactive,\n\tonClick,\n\tlabel,\n\tshortcut,\n\ticon: Icon,\n}: {\n\tactive: boolean;\n\tonClick?: () => void;\n\tlabel: string;\n\tshortcut?: string;\n\ticon: LucideIcon;\n}) {\n\treturn (\n\t\t<ToolbarButton icon active={active} onClick={onClick} label={label} shortcut={shortcut}>\n\t\t\t<Icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t</ToolbarButton>\n\t);\n}\n\nexport {DrawingActions};\n"],"mappings":";;;;;AAsBA,MAAM,aAA6C;CAClD;EAAC,IAAI;EAAa,OAAO;EAAa,MAAM,oBAAC,QAAD,EAAQ,WAAU,kBAAmB,CAAA;EAAG,UAAU;CAAG;CACjG;EAAC,IAAI;EAAW,OAAO;EAAW,MAAM,oBAAC,QAAD,EAAQ,WAAU,kBAAmB,CAAA;EAAG,UAAU;CAAG;CAC7F;EAAC,IAAI;EAAW,OAAO;EAAW,MAAM,oBAAC,SAAD,EAAS,WAAU,kBAAmB,CAAA;EAAG,UAAU;CAAG;AAC/F;AAEA,MAAM,YAA2C,CAChD;CAAC,IAAI;CAAQ,OAAO;CAAQ,MAAM,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA;CAAG,UAAU;AAAG,GACtF;CAAC,IAAI;CAAY,OAAO;CAAY,MAAM,oBAAC,SAAD,EAAS,WAAU,kBAAmB,CAAA;CAAG,UAAU;AAAS,CACvG;AAEA,MAAM,WAAyC,CAC9C;CAAC,IAAI;CAAO,OAAO;CAAc,MAAM,oBAAC,QAAD,EAAQ,WAAU,kBAAmB,CAAA;CAAG,UAAU;AAAG,GAC5F;CAAC,IAAI;CAAa,OAAO;CAAmB,MAAM,oBAAC,WAAD,EAAW,WAAU,kBAAmB,CAAA;CAAG,UAAU;AAAS,CACjH;AAsBA,MAAM,iBAAiB,MAAM,YAE3B,EACC,WACA,aAAa,UACb,oBACA,YAAY,aACZ,mBACA,WAAW,QACX,kBACA,UAAU,OACV,iBACA,QACA,QACA,UAAU,MACV,UAAU,MACV,GAAG,QAEJ,QACI;CACJ,OACC,qBAAC,SAAD;EAAc;EAAK,cAAW;EAA2B;EAAW,GAAI;EAAxE,UAAA;GACC,oBAAC,YAAD;IACC,QAAQ,eAAe;IACvB,eAAe,qBAAqB,QAAQ;IAC5C,OAAM;IACN,UAAS;IACT,MAAM;GACN,CAAA;GAED,oBAAC,mBAAD;IACC,QAAQ,eAAe;IACvB,OAAO;IACP,SAAS;IACT,OAAM;IACN,WAAW,OAAO;KACjB,oBAAoB,EAAE;KACtB,qBAAqB,OAAO;IAC7B;GACA,CAAA;GAED,oBAAC,mBAAD;IACC,QAAQ,eAAe;IACvB,OAAO;IACP,SAAS;IACT,OAAM;IACN,WAAW,OAAO;KACjB,mBAAmB,EAAE;KACrB,qBAAqB,MAAM;IAC5B;GACA,CAAA;GAED,oBAAC,mBAAD;IACC,QAAQ,eAAe;IACvB,OAAO;IACP,SAAS;IACT,OAAM;IACN,WAAW,OAAO;KACjB,kBAAkB,EAAE;KACpB,qBAAqB,KAAK;IAC3B;GACA,CAAA;GAED,oBAAC,kBAAD,CAAmB,CAAA;GAEnB,oBAAC,eAAD;IAAe,MAAA;IAAK,OAAM;IAAO,SAAS;IAAQ,UAAU,CAAC;IAC5D,UAAA,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA;GACtB,CAAA;GACf,oBAAC,eAAD;IAAe,MAAA;IAAK,OAAM;IAAO,SAAS;IAAQ,UAAU,CAAC;IAC5D,UAAA,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA;GACtB,CAAA;EACP;;AAEX,CACD;AACA,eAAe,cAAc;AAE7B,SAAS,WAAW,EACnB,QACA,SACA,OACA,UACA,MAAM,QAOJ;CACF,OACC,oBAAC,eAAD;EAAe,MAAA;EAAa;EAAiB;EAAgB;EAAiB;EAC7E,UAAA,oBAAC,MAAD,EAAM,WAAU,kBAAmB,CAAA;CACrB,CAAA;AAEjB"}

package/dist/dropdown-menu.d.mts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region src/dropdown-menu.d.ts
+/** Displays a menu of actions triggered by a button. */
+declare function DropdownMenu(props: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuTrigger: typeof DropdownMenuPrimitive.Trigger;
+declare const DropdownMenuGroup: typeof DropdownMenuPrimitive.Group;
+declare const DropdownMenuPortal: typeof DropdownMenuPrimitive.Portal;
+declare const DropdownMenuSub: typeof DropdownMenuPrimitive.Sub;
+declare const DropdownMenuRadioGroup: typeof DropdownMenuPrimitive.RadioGroup;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.mts","names":[],"sources":["../src/dropdown-menu.tsx"],"mappings":";;;;iBAMS,aAAa,OAAO,MAAM,gCAAgC,sBAAsB,oCAAK,IAAA;cAGxF,4BAA4B,sBAAsB;cAClD,0BAA0B,sBAAsB;cAChD,2BAA2B,sBAAsB;cACjD,wBAAwB,sBAAsB;cAC9C,+BAA+B,sBAAsB;cAErD,wBAAsB,MAAA,0BAAA,KAAA,sBAAA,8BAAA,MAAA,cAAA;EAEwD;IAelF,MAAA,cAAA;cAGI,wBAAsB,MAAA,0BAAA,KAAA,sBAAA,8BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAetB,qBAAmB,MAAA,0BAAA,KAAA,sBAAA,2BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAmBnB,kBAAgB,MAAA,0BAAA,KAAA,sBAAA,wBAAA,MAAA,cAAA;EAEwD;IAY5E,MAAA,cAAA;cAGI,0BAAwB,MAAA,0BAAA,KAAA,sBAAA,gCAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAuBxB,uBAAqB,MAAA,0BAAA,KAAA,sBAAA,6BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAsBrB,mBAAiB,MAAA,0BAAA,KAAA,sBAAA,yBAAA,MAAA,cAAA;EAEwD;IAO7E,MAAA,cAAA;cAGI,uBAAqB,MAAA,0BAAA,KAAA,sBAAA,6BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAYrB;KAA+C,cAAA,SAAA,MAAM,eAAe,+CAAgB,IAAA"}

package/dist/dropdown-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 DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region src/dropdown-menu.tsx
+/** Displays a menu of actions triggered by a button. */
+function DropdownMenu(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
+}
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("wwc:flex wwc:cursor-pointer wwc:data-[disabled]:cursor-default wwc:select-none wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:focus:bg-menu-highlight wwc:data-[state=open]:bg-menu-highlight", inset && "wwc:pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:ml-auto wwc:h-4 wwc:w-4" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.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-lg 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
+}));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	align,
+	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
+}) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:cursor-pointer wwc:select-none wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:transition-colors wwc:focus:bg-menu-highlight wwc:focus:text-menu-highlight-foreground wwc:data-[disabled]:pointer-events-none wwc:data-[disabled]:opacity-50 wwc:[&_svg]:pointer-events-none wwc:[&_svg]:size-4 wwc:[&_svg]:shrink-0", inset && "wwc:pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.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:transition-colors 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(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.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:transition-colors 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(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "wwc:h-2 wwc:w-2 wwc:fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:font-semibold", inset && "wwc:pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("wwc:-mx-1 wwc:my-1 wwc:h-px wwc:bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("wwc:ml-auto wwc:text-xs wwc:tracking-widest wwc:opacity-60", className),
+	...props
+});
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.mjs.map