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

package/dist/map.mjs

@@ -0,0 +1,47 @@
+import { MAPBOX_TOKEN } from "./mapbox-token.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import mapboxgl from "mapbox-gl";
+import "mapbox-gl/dist/mapbox-gl.css";
+//#region src/map.tsx
+/** Mapbox GL wrapper component for interactive maps. */
+const Map = React.forwardRef(({ className, center = [45.0792, 23.8859], zoom = 5, style, mapStyle = "mapbox://styles/mapbox/light-v11", ...props }, ref) => {
+	const mapContainerRef = React.useRef(null);
+	const mapRef = React.useRef(null);
+	React.useImperativeHandle(ref, () => mapContainerRef.current);
+	React.useEffect(() => {
+		if (!mapContainerRef.current || mapRef.current) return;
+		mapboxgl.accessToken = MAPBOX_TOKEN;
+		mapRef.current = new mapboxgl.Map({
+			container: mapContainerRef.current,
+			style: mapStyle,
+			center,
+			zoom
+		});
+		return () => {
+			mapRef.current?.remove();
+			mapRef.current = null;
+		};
+	}, []);
+	React.useEffect(() => {
+		if (mapRef.current) mapRef.current.setCenter(center);
+	}, [center]);
+	React.useEffect(() => {
+		if (mapRef.current) mapRef.current.setZoom(zoom);
+	}, [zoom]);
+	React.useEffect(() => {
+		if (mapRef.current) mapRef.current.setStyle(mapStyle);
+	}, [mapStyle]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: mapContainerRef,
+		className: cn("wwc:h-[400px] wwc:w-full wwc:rounded-lg wwc:overflow-hidden", className),
+		style,
+		...props
+	});
+});
+Map.displayName = "Map";
+//#endregion
+export { Map };
+
+//# sourceMappingURL=map.mjs.map

package/dist/map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.mjs","names":[],"sources":["../src/map.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport mapboxgl from \"mapbox-gl\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport * as React from \"react\";\n\nimport {MAPBOX_TOKEN} from \"./mapbox-token\";\n\nexport interface MapProps extends React.HTMLAttributes<HTMLDivElement> {\n\tcenter?: [number, number];\n\tzoom?: number;\n\tstyle?: React.CSSProperties;\n\tmapStyle?: string;\n}\n\n// biome-ignore lint/suspicious/noShadowRestrictedNames: Map is the component name\n/** Mapbox GL wrapper component for interactive maps. */\nconst Map = React.forwardRef<HTMLDivElement, MapProps>(\n\t(\n\t\t{className, center = [45.0792, 23.8859], zoom = 5, style, mapStyle = \"mapbox://styles/mapbox/light-v11\", ...props},\n\t\tref,\n\t) => {\n\t\tconst mapContainerRef = React.useRef<HTMLDivElement>(null);\n\t\tconst mapRef = React.useRef<mapboxgl.Map | null>(null);\n\n\t\tReact.useImperativeHandle(ref, () => mapContainerRef.current!);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (!mapContainerRef.current || mapRef.current) return;\n\n\t\t\tmapboxgl.accessToken = MAPBOX_TOKEN;\n\n\t\t\tmapRef.current = new mapboxgl.Map({\n\t\t\t\tcontainer: mapContainerRef.current,\n\t\t\t\tstyle: mapStyle,\n\t\t\t\tcenter: center,\n\t\t\t\tzoom: zoom,\n\t\t\t});\n\n\t\t\treturn () => {\n\t\t\t\tmapRef.current?.remove();\n\t\t\t\tmapRef.current = null;\n\t\t\t};\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (mapRef.current) {\n\t\t\t\tmapRef.current.setCenter(center);\n\t\t\t}\n\t\t}, [center]);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (mapRef.current) {\n\t\t\t\tmapRef.current.setZoom(zoom);\n\t\t\t}\n\t\t}, [zoom]);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (mapRef.current) {\n\t\t\t\tmapRef.current.setStyle(mapStyle);\n\t\t\t}\n\t\t}, [mapStyle]);\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={mapContainerRef}\n\t\t\t\tclassName={cn(\"wwc:h-[400px] wwc:w-full wwc:rounded-lg wwc:overflow-hidden\", className)}\n\t\t\t\tstyle={style}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nMap.displayName = \"Map\";\n\nexport {Map};\n"],"mappings":";;;;;;;;AAgBA,MAAM,MAAM,MAAM,YAEhB,EAAC,WAAW,SAAS,CAAC,SAAS,OAAO,GAAG,OAAO,GAAG,OAAO,WAAW,oCAAoC,GAAG,SAC5G,QACI;CACJ,MAAM,kBAAkB,MAAM,OAAuB,IAAI;CACzD,MAAM,SAAS,MAAM,OAA4B,IAAI;CAErD,MAAM,oBAAoB,WAAW,gBAAgB,OAAQ;CAE7D,MAAM,gBAAgB;EACrB,IAAI,CAAC,gBAAgB,WAAW,OAAO,SAAS;EAEhD,SAAS,cAAc;EAEvB,OAAO,UAAU,IAAI,SAAS,IAAI;GACjC,WAAW,gBAAgB;GAC3B,OAAO;GACC;GACF;EACP,CAAC;EAED,aAAa;GACZ,OAAO,SAAS,OAAO;GACvB,OAAO,UAAU;EAClB;CACD,GAAG,CAAC,CAAC;CAEL,MAAM,gBAAgB;EACrB,IAAI,OAAO,SACV,OAAO,QAAQ,UAAU,MAAM;CAEjC,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,gBAAgB;EACrB,IAAI,OAAO,SACV,OAAO,QAAQ,QAAQ,IAAI;CAE7B,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,gBAAgB;EACrB,IAAI,OAAO,SACV,OAAO,QAAQ,SAAS,QAAQ;CAElC,GAAG,CAAC,QAAQ,CAAC;CAEb,OACC,oBAAC,OAAD;EACC,KAAK;EACL,WAAW,GAAG,+DAA+D,SAAS;EAC/E;EACP,GAAI;CACJ,CAAA;AAEH,CACD;AACA,IAAI,cAAc"}

package/dist/mapbox-token.d.mts

@@ -0,0 +1,12 @@
+//#region src/mapbox-token.d.ts
+/**
+ * Shared Mapbox access token for every map surface in the library.
+ *
+ * This is a public (`pk.`) token — it is safe to ship in client bundles, and
+ * Mapbox scopes it via URL restrictions rather than secrecy. Keep this module
+ * as the single source of truth so swapping the token is a one-line change.
+ */
+declare const MAPBOX_TOKEN: string;
+//#endregion
+export { MAPBOX_TOKEN };
+//# sourceMappingURL=mapbox-token.d.mts.map

package/dist/mapbox-token.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapbox-token.d.mts","names":[],"sources":["../src/mapbox-token.ts"],"mappings":";;;;;;;;cAgCM"}

package/dist/mapbox-token.mjs

@@ -0,0 +1,15 @@
+//#region src/mapbox-token.ts
+const getMapboxToken = () => {
+	if (typeof __VITE_MAPBOX_TOKEN__ !== "undefined") return __VITE_MAPBOX_TOKEN__;
+	try {
+		const env = import.meta.env;
+		if (env?.VITE_MAPBOX_TOKEN) return env.VITE_MAPBOX_TOKEN;
+	} catch {}
+	if (typeof process !== "undefined" && process.env?.MAPBOX_TOKEN) return process.env.MAPBOX_TOKEN;
+	return "";
+};
+const MAPBOX_TOKEN = getMapboxToken();
+//#endregion
+export { MAPBOX_TOKEN };
+
+//# sourceMappingURL=mapbox-token.mjs.map

package/dist/mapbox-token.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapbox-token.mjs","names":[],"sources":["../src/mapbox-token.ts"],"sourcesContent":["/**\n * Shared Mapbox access token for every map surface in the library.\n *\n * This is a public (`pk.`) token — it is safe to ship in client bundles, and\n * Mapbox scopes it via URL restrictions rather than secrecy. Keep this module\n * as the single source of truth so swapping the token is a one-line change.\n */\n\n// Vite environment type\ndeclare const __VITE_MAPBOX_TOKEN__: string | undefined;\n\nconst getMapboxToken = (): string => {\n\t// Vite/browser environment - check for injected define\n\tif (typeof __VITE_MAPBOX_TOKEN__ !== \"undefined\") {\n\t\treturn __VITE_MAPBOX_TOKEN__;\n\t}\n\t// Try import.meta.env (Vite)\n\ttry {\n\t\tconst env = (import.meta as unknown as {env?: Record<string, string>}).env;\n\t\tif (env?.VITE_MAPBOX_TOKEN) {\n\t\t\treturn env.VITE_MAPBOX_TOKEN;\n\t\t}\n\t} catch {\n\t\t// import.meta.env not available\n\t}\n\t// Node.js environment\n\tif (typeof process !== \"undefined\" && process.env?.MAPBOX_TOKEN) {\n\t\treturn process.env.MAPBOX_TOKEN;\n\t}\n\treturn \"\";\n};\n\nconst MAPBOX_TOKEN = getMapboxToken();\n\nexport {MAPBOX_TOKEN};\n"],"mappings":";AAWA,MAAM,uBAA+B;CAEpC,IAAI,OAAO,0BAA0B,aACpC,OAAO;CAGR,IAAI;EACH,MAAM,MAAO,YAA0D;EACvE,IAAI,KAAK,mBACR,OAAO,IAAI;CAEb,QAAQ,CAER;CAEA,IAAI,OAAO,YAAY,eAAe,QAAQ,KAAK,cAClD,OAAO,QAAQ,IAAI;CAEpB,OAAO;AACR;AAEA,MAAM,eAAe,eAAe"}

package/dist/markdown.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+//#region src/markdown.d.ts
+export interface MarkdownProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Raw markdown/HTML content to render */
+  children?: React.ReactNode;
+  /** Apply prose typography styles */
+  prose?: boolean;
+  /** Compact mode with tighter spacing */
+  compact?: boolean;
+}
+/**
+ * Container for rendering markdown/rich text content with proper typography styles.
+ * Applies consistent styling to headings, paragraphs, lists, code blocks, etc.
+ */
+declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Markdown };
+//# sourceMappingURL=markdown.d.mts.map

package/dist/markdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.mts","names":[],"sources":["../src/markdown.tsx"],"mappings":";;iBAGiB,sBAAsB,MAAM,eAAe;;EAE3D,WAAW,MAAM;;EAEjB;;EAEA;;;;;;cAOK,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/markdown.mjs

@@ -0,0 +1,41 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/markdown.tsx
+/**
+* Container for rendering markdown/rich text content with proper typography styles.
+* Applies consistent styling to headings, paragraphs, lists, code blocks, etc.
+*/
+const Markdown = React.forwardRef(({ className, prose = true, compact = false, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn(prose && [
+		"wwc:prose wwc:prose-sm wwc:dark:prose-invert wwc:max-w-none",
+		"wwc:prose-headings:font-semibold wwc:prose-headings:text-foreground",
+		"wwc:prose-h1:text-2xl wwc:prose-h2:text-xl wwc:prose-h3:text-lg wwc:prose-h4:text-base",
+		"wwc:prose-p:text-foreground wwc:prose-p:leading-relaxed",
+		"wwc:prose-a:text-primary wwc:prose-a:underline wwc:prose-a:underline-offset-2 wwc:hover:prose-a:text-primary/80",
+		"wwc:prose-ul:list-disc wwc:prose-ol:list-decimal",
+		"wwc:prose-li:text-foreground wwc:prose-li:marker:text-muted-foreground",
+		"wwc:prose-code:bg-muted wwc:prose-code:px-1.5 wwc:prose-code:py-0.5 wwc:prose-code:rounded wwc:prose-code:text-sm wwc:prose-code:font-mono",
+		"wwc:prose-code:before:content-[''] wwc:prose-code:after:content-['']",
+		"wwc:prose-pre:bg-muted wwc:prose-pre:p-4 wwc:prose-pre:rounded-lg wwc:prose-pre:overflow-x-auto",
+		"wwc:prose-blockquote:border-l-4 wwc:prose-blockquote:border-border wwc:prose-blockquote:pl-4 wwc:prose-blockquote:italic",
+		"wwc:prose-table:border-collapse wwc:prose-th:border wwc:prose-th:border-border wwc:prose-th:p-2 wwc:prose-th:bg-muted",
+		"wwc:prose-td:border wwc:prose-td:border-border wwc:prose-td:p-2",
+		"wwc:prose-img:rounded-lg wwc:prose-img:max-w-full",
+		"wwc:prose-hr:border-border",
+		"wwc:prose-strong:font-semibold wwc:prose-strong:text-foreground",
+		"wwc:prose-em:italic"
+	], compact && [
+		"wwc:prose-p:my-2 wwc:prose-headings:my-3",
+		"wwc:prose-ul:my-2 wwc:prose-ol:my-2 wwc:prose-li:my-0.5",
+		"wwc:prose-pre:my-2 wwc:prose-blockquote:my-2"
+	], className),
+	...props,
+	children
+}));
+Markdown.displayName = "Markdown";
+//#endregion
+export { Markdown };
+
+//# sourceMappingURL=markdown.mjs.map

package/dist/markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.mjs","names":[],"sources":["../src/markdown.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface MarkdownProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Raw markdown/HTML content to render */\n\tchildren?: React.ReactNode;\n\t/** Apply prose typography styles */\n\tprose?: boolean;\n\t/** Compact mode with tighter spacing */\n\tcompact?: boolean;\n}\n\n/**\n * Container for rendering markdown/rich text content with proper typography styles.\n * Applies consistent styling to headings, paragraphs, lists, code blocks, etc.\n */\nconst Markdown = React.forwardRef<HTMLDivElement, MarkdownProps>(\n\t({className, prose = true, compact = false, children, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t// Base prose styles\n\t\t\t\tprose && [\n\t\t\t\t\t\"wwc:prose wwc:prose-sm wwc:dark:prose-invert wwc:max-w-none\",\n\t\t\t\t\t// Headings\n\t\t\t\t\t\"wwc:prose-headings:font-semibold wwc:prose-headings:text-foreground\",\n\t\t\t\t\t\"wwc:prose-h1:text-2xl wwc:prose-h2:text-xl wwc:prose-h3:text-lg wwc:prose-h4:text-base\",\n\t\t\t\t\t// Paragraphs and text\n\t\t\t\t\t\"wwc:prose-p:text-foreground wwc:prose-p:leading-relaxed\",\n\t\t\t\t\t// Links\n\t\t\t\t\t\"wwc:prose-a:text-primary wwc:prose-a:underline wwc:prose-a:underline-offset-2 wwc:hover:prose-a:text-primary/80\",\n\t\t\t\t\t// Lists\n\t\t\t\t\t\"wwc:prose-ul:list-disc wwc:prose-ol:list-decimal\",\n\t\t\t\t\t\"wwc:prose-li:text-foreground wwc:prose-li:marker:text-muted-foreground\",\n\t\t\t\t\t// Code\n\t\t\t\t\t\"wwc:prose-code:bg-muted wwc:prose-code:px-1.5 wwc:prose-code:py-0.5 wwc:prose-code:rounded wwc:prose-code:text-sm wwc:prose-code:font-mono\",\n\t\t\t\t\t\"wwc:prose-code:before:content-[''] wwc:prose-code:after:content-['']\",\n\t\t\t\t\t\"wwc:prose-pre:bg-muted wwc:prose-pre:p-4 wwc:prose-pre:rounded-lg wwc:prose-pre:overflow-x-auto\",\n\t\t\t\t\t// Blockquotes\n\t\t\t\t\t\"wwc:prose-blockquote:border-l-4 wwc:prose-blockquote:border-border wwc:prose-blockquote:pl-4 wwc:prose-blockquote:italic\",\n\t\t\t\t\t// Tables\n\t\t\t\t\t\"wwc:prose-table:border-collapse wwc:prose-th:border wwc:prose-th:border-border wwc:prose-th:p-2 wwc:prose-th:bg-muted\",\n\t\t\t\t\t\"wwc:prose-td:border wwc:prose-td:border-border wwc:prose-td:p-2\",\n\t\t\t\t\t// Images\n\t\t\t\t\t\"wwc:prose-img:rounded-lg wwc:prose-img:max-w-full\",\n\t\t\t\t\t// Horizontal rules\n\t\t\t\t\t\"wwc:prose-hr:border-border\",\n\t\t\t\t\t// Strong and emphasis\n\t\t\t\t\t\"wwc:prose-strong:font-semibold wwc:prose-strong:text-foreground\",\n\t\t\t\t\t\"wwc:prose-em:italic\",\n\t\t\t\t],\n\t\t\t\t// Compact mode reduces spacing\n\t\t\t\tcompact && [\n\t\t\t\t\t\"wwc:prose-p:my-2 wwc:prose-headings:my-3\",\n\t\t\t\t\t\"wwc:prose-ul:my-2 wwc:prose-ol:my-2 wwc:prose-li:my-0.5\",\n\t\t\t\t\t\"wwc:prose-pre:my-2 wwc:prose-blockquote:my-2\",\n\t\t\t\t],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nMarkdown.displayName = \"Markdown\";\n\nexport {Markdown};\n"],"mappings":";;;;;;;;AAgBA,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,QAAQ,MAAM,UAAU,OAAO,UAAU,GAAG,SAAQ,QAChE,oBAAC,OAAD;CACM;CACL,WAAW,GAEV,SAAS;EACR;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;EACA;CACD,GAEA,WAAW;EACV;EACA;EACA;CACD,GACA,SACD;CACA,GAAI;CAEH;AACG,CAAA,CAEP;AACA,SAAS,cAAc"}

package/dist/mega-menu.d.mts

@@ -0,0 +1,36 @@
+import * as React from "react";
+//#region src/mega-menu.d.ts
+export interface MegaMenuSection {
+  title?: string;
+  items: MegaMenuItem[];
+}
+export interface MegaMenuItem {
+  title: string;
+  description?: string;
+  href: string;
+  icon?: React.ReactNode;
+}
+export interface MegaMenuCategory {
+  label: string;
+  sections: MegaMenuSection[];
+  /** Featured/highlighted item */
+  featured?: {
+    title: string;
+    description: string;
+    href: string;
+    image?: string;
+  };
+}
+export interface MegaMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Menu categories */
+  categories: MegaMenuCategory[];
+  /** Logo or brand element */
+  logo?: React.ReactNode;
+  /** Actions on the right side */
+  actions?: React.ReactNode;
+}
+/** Top navigation mega menu for complex navigation hierarchies. */
+declare const MegaMenu: React.ForwardRefExoticComponent<MegaMenuProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { MegaMenu };
+//# sourceMappingURL=mega-menu.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu.d.mts","names":[],"sources":["../src/mega-menu.tsx"],"mappings":";;iBAaiB;EAChB;EACA,OAAO;;iBAGS;EAChB;EACA;EACA;EACA,OAAO,MAAM;;iBAGG;EAChB;EACA,UAAU;;EAEV;IACC;IACA;IACA;IACA;;;iBAIe,sBAAsB,MAAM,eAAe;;EAE3D,YAAY;;EAEZ,OAAO,MAAM;;EAEb,UAAU,MAAM;;;cAIX,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/mega-menu.mjs

@@ -0,0 +1,89 @@
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.mjs";
+import { cn } from "@corensystem/coren-utils";
+import "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/mega-menu.tsx
+/** Top navigation mega menu for complex navigation hierarchies. */
+const MegaMenu = React.forwardRef(({ className, categories, logo, actions, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:h-14 wwc:border-b wwc:border-border wwc:bg-background", className),
+	...props,
+	children: [
+		logo && /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex-shrink-0",
+			children: logo
+		}),
+		/* @__PURE__ */ jsx(NavigationMenu, {
+			className: "wwc:hidden wwc:md:flex",
+			children: /* @__PURE__ */ jsx(NavigationMenuList, { children: categories.map((category) => /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, {
+				className: "wwc:h-9",
+				children: category.label
+			}), /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: "wwc:grid wwc:gap-3 wwc:p-6 wwc:w-[400px] wwc:md:w-[500px] wwc:lg:w-[600px] wwc:lg:grid-cols-[.75fr_1fr]",
+				children: [category.featured && /* @__PURE__ */ jsx("div", {
+					className: "wwc:row-span-3",
+					children: /* @__PURE__ */ jsx(NavigationMenuLink, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs("a", {
+							href: category.featured.href,
+							className: "wwc:flex wwc:h-full wwc:w-full wwc:select-none wwc:flex-col wwc:justify-end wwc:rounded-md wwc:bg-gradient-to-b wwc:from-muted/50 wwc:to-muted wwc:p-6 wwc:no-underline wwc:outline-none wwc:focus:shadow-md",
+							children: [
+								category.featured.image && /* @__PURE__ */ jsx("img", {
+									src: category.featured.image,
+									alt: "",
+									className: "wwc:mb-4 wwc:rounded wwc:object-cover"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "wwc:mb-2 wwc:text-lg wwc:font-medium",
+									children: category.featured.title
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:leading-tight wwc:text-muted-foreground",
+									children: category.featured.description
+								})
+							]
+						})
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: cn(!category.featured && "wwc:col-span-2"),
+					children: category.sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", {
+						className: "wwc:mb-4 wwc:last:mb-0",
+						children: [section.title && /* @__PURE__ */ jsx("h4", {
+							className: "wwc:mb-2 wwc:text-sm wwc:font-semibold wwc:text-foreground",
+							children: section.title
+						}), /* @__PURE__ */ jsx("ul", {
+							className: "wwc:grid wwc:gap-2",
+							children: section.items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavigationMenuLink, {
+								asChild: true,
+								children: /* @__PURE__ */ jsxs("a", {
+									href: item.href,
+									className: "wwc:flex wwc:items-start wwc:gap-3 wwc:rounded-md wwc:p-2 wwc:hover:bg-accent wwc:hover:text-accent-foreground",
+									children: [item.icon && /* @__PURE__ */ jsx("div", {
+										className: "wwc:flex-shrink-0 wwc:text-muted-foreground",
+										children: item.icon
+									}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+										className: "wwc:text-sm wwc:font-medium wwc:leading-none",
+										children: item.title
+									}), item.description && /* @__PURE__ */ jsx("p", {
+										className: "wwc:mt-1 wwc:text-xs wwc:text-muted-foreground wwc:line-clamp-2",
+										children: item.description
+									})] })]
+								})
+							}) }, item.href))
+						})]
+					}, sectionIdx))
+				})]
+			}) })] }, category.label)) })
+		}),
+		actions && /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:items-center wwc:gap-2",
+			children: actions
+		})
+	]
+}));
+MegaMenu.displayName = "MegaMenu";
+//#endregion
+export { MegaMenu };
+
+//# sourceMappingURL=mega-menu.mjs.map

package/dist/mega-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mega-menu.mjs","names":[],"sources":["../src/mega-menu.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ChevronDown} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {\n\tNavigationMenu,\n\tNavigationMenuContent,\n\tNavigationMenuItem,\n\tNavigationMenuLink,\n\tNavigationMenuList,\n\tNavigationMenuTrigger,\n} from \"./navigation-menu\";\n\nexport interface MegaMenuSection {\n\ttitle?: string;\n\titems: MegaMenuItem[];\n}\n\nexport interface MegaMenuItem {\n\ttitle: string;\n\tdescription?: string;\n\thref: string;\n\ticon?: React.ReactNode;\n}\n\nexport interface MegaMenuCategory {\n\tlabel: string;\n\tsections: MegaMenuSection[];\n\t/** Featured/highlighted item */\n\tfeatured?: {\n\t\ttitle: string;\n\t\tdescription: string;\n\t\thref: string;\n\t\timage?: string;\n\t};\n}\n\nexport interface MegaMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Menu categories */\n\tcategories: MegaMenuCategory[];\n\t/** Logo or brand element */\n\tlogo?: React.ReactNode;\n\t/** Actions on the right side */\n\tactions?: React.ReactNode;\n}\n\n/** Top navigation mega menu for complex navigation hierarchies. */\nconst MegaMenu = React.forwardRef<HTMLDivElement, MegaMenuProps>(\n\t({className, categories, logo, actions, ...props}, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:h-14 wwc:border-b wwc:border-border wwc:bg-background\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{logo && <div className=\"wwc:flex-shrink-0\">{logo}</div>}\n\n\t\t\t<NavigationMenu className=\"wwc:hidden wwc:md:flex\">\n\t\t\t\t<NavigationMenuList>\n\t\t\t\t\t{categories.map((category) => (\n\t\t\t\t\t\t<NavigationMenuItem key={category.label}>\n\t\t\t\t\t\t\t<NavigationMenuTrigger className=\"wwc:h-9\">{category.label}</NavigationMenuTrigger>\n\t\t\t\t\t\t\t<NavigationMenuContent>\n\t\t\t\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:p-6 wwc:w-[400px] wwc:md:w-[500px] wwc:lg:w-[600px] wwc:lg:grid-cols-[.75fr_1fr]\">\n\t\t\t\t\t\t\t\t\t{category.featured && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:row-span-3\">\n\t\t\t\t\t\t\t\t\t\t\t<NavigationMenuLink asChild>\n\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\thref={category.featured.href}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:h-full wwc:w-full wwc:select-none wwc:flex-col wwc:justify-end wwc:rounded-md wwc:bg-gradient-to-b wwc:from-muted/50 wwc:to-muted wwc:p-6 wwc:no-underline wwc:outline-none wwc:focus:shadow-md\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{category.featured.image && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={category.featured.image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:mb-4 wwc:rounded wwc:object-cover\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:mb-2 wwc:text-lg wwc:font-medium\">{category.featured.title}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:leading-tight wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{category.featured.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t</NavigationMenuLink>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<div className={cn(!category.featured && \"wwc:col-span-2\")}>\n\t\t\t\t\t\t\t\t\t\t{category.sections.map((section, sectionIdx) => (\n\t\t\t\t\t\t\t\t\t\t\t<div key={sectionIdx} className=\"wwc:mb-4 wwc:last:mb-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t{section.title && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 className=\"wwc:mb-2 wwc:text-sm wwc:font-semibold wwc:text-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{section.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<ul className=\"wwc:grid wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{section.items.map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li key={item.href}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<NavigationMenuLink asChild>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-start wwc:gap-3 wwc:rounded-md wwc:p-2 wwc:hover:bg-accent wwc:hover:text-accent-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex-shrink-0 wwc:text-muted-foreground\">{item.icon}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:text-sm wwc:font-medium wwc:leading-none\">{item.title}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:mt-1 wwc:text-xs wwc:text-muted-foreground wwc:line-clamp-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</NavigationMenuLink>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</NavigationMenuContent>\n\t\t\t\t\t\t</NavigationMenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</NavigationMenuList>\n\t\t\t</NavigationMenu>\n\n\t\t\t{actions && <div className=\"wwc:flex wwc:items-center wwc:gap-2\">{actions}</div>}\n\t\t</div>\n\t),\n);\nMegaMenu.displayName = \"MegaMenu\";\n\nexport {MegaMenu};\n"],"mappings":";;;;;;;AA+CA,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,YAAY,MAAM,SAAS,GAAG,SAAQ,QAClD,qBAAC,OAAD;CACM;CACL,WAAW,GACV,oHACA,SACD;CACA,GAAI;CANL,UAAA;EAQE,QAAQ,oBAAC,OAAD;GAAK,WAAU;GAAqB,UAAA;EAAU,CAAA;EAEvD,oBAAC,gBAAD;GAAgB,WAAU;GACzB,UAAA,oBAAC,oBAAD,EAAA,UACE,WAAW,KAAK,aAChB,qBAAC,oBAAD,EAAA,UAAA,CACC,oBAAC,uBAAD;IAAuB,WAAU;IAAW,UAAA,SAAS;GAA6B,CAAA,GAClF,oBAAC,uBAAD,EAAA,UACC,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,SAAS,YACT,oBAAC,OAAD;KAAK,WAAU;KACd,UAAA,oBAAC,oBAAD;MAAoB,SAAA;MACnB,UAAA,qBAAC,KAAD;OACC,MAAM,SAAS,SAAS;OACxB,WAAU;OAFX,UAAA;QAIE,SAAS,SAAS,SAClB,oBAAC,OAAD;SACC,KAAK,SAAS,SAAS;SACvB,KAAI;SACJ,WAAU;QACV,CAAA;QAEF,oBAAC,OAAD;SAAK,WAAU;SAAwC,UAAA,SAAS,SAAS;QAAW,CAAA;QACpF,oBAAC,KAAD;SAAG,WAAU;SACX,UAAA,SAAS,SAAS;QACjB,CAAA;OACD;;KACgB,CAAA;IAChB,CAAA,GAEN,oBAAC,OAAD;KAAK,WAAW,GAAG,CAAC,SAAS,YAAY,gBAAgB;KACvD,UAAA,SAAS,SAAS,KAAK,SAAS,eAChC,qBAAC,OAAD;MAAsB,WAAU;MAAhC,UAAA,CACE,QAAQ,SACR,oBAAC,MAAD;OAAI,WAAU;OACZ,UAAA,QAAQ;MACN,CAAA,GAEL,oBAAC,MAAD;OAAI,WAAU;OACZ,UAAA,QAAQ,MAAM,KAAK,SACnB,oBAAC,MAAD,EAAA,UACC,oBAAC,oBAAD;QAAoB,SAAA;QACnB,UAAA,qBAAC,KAAD;SACC,MAAM,KAAK;SACX,WAAU;SAFX,UAAA,CAIE,KAAK,QACL,oBAAC,OAAD;UAAK,WAAU;UAA+C,UAAA,KAAK;SAAU,CAAA,GAE9E,qBAAC,OAAD,EAAA,UAAA,CACC,oBAAC,OAAD;UAAK,WAAU;UAAgD,UAAA,KAAK;SAAW,CAAA,GAC9E,KAAK,eACL,oBAAC,KAAD;UAAG,WAAU;UACX,UAAA,KAAK;SACJ,CAAA,CAEA,EAAA,CAAA,CACH;;OACgB,CAAA,EACjB,GAnBK,KAAK,IAmBV,CACJ;MACE,CAAA,CACA;KA9BK,GAAA,UA8BL,CACL;IACG,CAAA,CACD;GACiB,CAAA,EAAA,CAAA,CACJ,EAAA,GA/DK,SAAS,KA+Dd,CACpB,EACkB,CAAA;EACL,CAAA;EAEf,WAAW,oBAAC,OAAD;GAAK,WAAU;GAAuC,UAAA;EAAa,CAAA;CAC3E;AAEP,CAAA,CAAA;AACA,SAAS,cAAc"}

package/dist/menubar.d.mts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+//#region src/menubar.d.ts
+declare const MenubarMenu: typeof MenubarPrimitive.Menu;
+declare const MenubarGroup: typeof MenubarPrimitive.Group;
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+declare const MenubarSub: typeof MenubarPrimitive.Sub;
+declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
+/** A visually persistent horizontal menu for desktop-style application navigation. */
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+  ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+  displayname: string;
+};
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.d.mts.map

package/dist/menubar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.mts","names":[],"sources":["../src/menubar.tsx"],"mappings":";;;cAKM,oBAAoB,iBAAiB;cAErC,qBAAqB,iBAAiB;cAEtC,sBAAsB,iBAAiB;cAEvC,mBAAmB,iBAAiB;cAEpC,0BAA0B,iBAAiB;;cAG3C,SAAO,MAAA,0BAAA,KAAA,iBAAA,eAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAeP,gBAAc,MAAA,0BAAA,KAAA,iBAAA,sBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAed,mBAAiB,MAAA,0BAAA,KAAA,iBAAA,yBAAA,MAAA,cAAA;EAGb;IAeR,MAAA,cAAA;cAGI,mBAAiB,MAAA,0BAAA,KAAA,iBAAA,yBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAejB,gBAAc,MAAA,0BAAA,KAAA,iBAAA,sBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAoBd,aAAW,MAAA,0BAAA,KAAA,iBAAA,mBAAA,MAAA,cAAA;EAGP;IAYR,MAAA,cAAA;cAGI,qBAAmB,MAAA,0BAAA,KAAA,iBAAA,2BAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAuBnB,kBAAgB,MAAA,0BAAA,KAAA,iBAAA,wBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAsBhB,cAAY,MAAA,0BAAA,KAAA,iBAAA,oBAAA,MAAA,cAAA;EAGR;IAQR,MAAA,cAAA;cAGI,kBAAgB,MAAA,0BAAA,KAAA,iBAAA,wBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAYhB;KAA0C,cAAA,SAAA,MAAM,eAAe,+CAAgB,IAAA"}

package/dist/menubar.mjs

@@ -0,0 +1,96 @@
+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 MenubarPrimitive from "@radix-ui/react-menubar";
+//#region src/menubar.tsx
+const MenubarMenu = MenubarPrimitive.Menu;
+const MenubarGroup = MenubarPrimitive.Group;
+const MenubarPortal = MenubarPrimitive.Portal;
+const MenubarSub = MenubarPrimitive.Sub;
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+/** A visually persistent horizontal menu for desktop-style application navigation. */
+const Menubar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
+	ref,
+	className: cn("wwc:flex wwc:h-10 wwc:items-center wwc:space-x-1 wwc:rounded-md wwc:border wwc:bg-card wwc:p-1", className),
+	...props
+}));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+const MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
+	ref,
+	className: cn("wwc:flex wwc:cursor-pointer wwc:data-[disabled]:cursor-default wwc:select-none wwc:items-center wwc:rounded-sm wwc:px-3 wwc:py-1.5 wwc:text-sm wwc:font-medium 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", className),
+	...props
+}));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+const MenubarSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.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" })]
+}));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+const MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.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: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
+}));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+const MenubarContent = React.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
+	ref,
+	align,
+	alignOffset,
+	sideOffset,
+	className: cn("wwc:z-50 wwc:min-w-[12rem] 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]: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
+}) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+const MenubarItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.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
+}));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+const MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4" }) })
+	}), children]
+}));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+const MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "wwc:h-2 wwc:w-2 wwc:fill-current" }) })
+	}), children]
+}));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+const MenubarLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Label, {
+	ref,
+	className: cn("wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:font-semibold", inset && "wwc:pl-8", className),
+	...props
+}));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+const MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
+	ref,
+	className: cn("wwc:-mx-1 wwc:my-1 wwc:h-px wwc:bg-muted", className),
+	...props
+}));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+const MenubarShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("wwc:ml-auto wwc:text-xs wwc:tracking-widest wwc:text-muted-foreground", className),
+		...props
+	});
+};
+MenubarShortcut.displayname = "MenubarShortcut";
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+
+//# sourceMappingURL=menubar.mjs.map

package/dist/menubar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.mjs","names":[],"sources":["../src/menubar.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\nimport * as React from \"react\";\n\nconst MenubarMenu: typeof MenubarPrimitive.Menu = MenubarPrimitive.Menu;\n\nconst MenubarGroup: typeof MenubarPrimitive.Group = MenubarPrimitive.Group;\n\nconst MenubarPortal: typeof MenubarPrimitive.Portal = MenubarPrimitive.Portal;\n\nconst MenubarSub: typeof MenubarPrimitive.Sub = MenubarPrimitive.Sub;\n\nconst MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup = MenubarPrimitive.RadioGroup;\n\n/** A visually persistent horizontal menu for desktop-style application navigation. */\nconst Menubar = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({className, ...props}, ref) => (\n\t<MenubarPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:flex wwc:h-10 wwc:items-center wwc:space-x-1 wwc:rounded-md wwc:border wwc:bg-card wwc:p-1\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\nconst MenubarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({className, ...props}, ref) => (\n\t<MenubarPrimitive.Trigger\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-3 wwc:py-1.5 wwc:text-sm wwc:font-medium 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\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\nconst MenubarSubTrigger = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, children, ...props}, ref) => (\n\t<MenubarPrimitive.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</MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\nconst MenubarSubContent = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.SubContent>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({className, ...props}, ref) => (\n\t<MenubarPrimitive.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: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));\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\nconst MenubarContent = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(({className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props}, ref) => (\n\t<MenubarPrimitive.Portal>\n\t\t<MenubarPrimitive.Content\n\t\t\tref={ref}\n\t\t\talign={align}\n\t\t\talignOffset={alignOffset}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:z-50 wwc:min-w-[12rem] 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]: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</MenubarPrimitive.Portal>\n));\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\nconst MenubarItem = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, ...props}, ref) => (\n\t<MenubarPrimitive.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));\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\nconst MenubarCheckboxItem = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({className, children, checked, ...props}, ref) => (\n\t<MenubarPrimitive.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<MenubarPrimitive.ItemIndicator>\n\t\t\t\t<Check className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</MenubarPrimitive.CheckboxItem>\n));\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\nconst MenubarRadioItem = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.RadioItem>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({className, children, ...props}, ref) => (\n\t<MenubarPrimitive.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<MenubarPrimitive.ItemIndicator>\n\t\t\t\t<Circle className=\"wwc:h-2 wwc:w-2 wwc:fill-current\" />\n\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\nconst MenubarLabel = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\n\t\tinset?: boolean;\n\t}\n>(({className, inset, ...props}, ref) => (\n\t<MenubarPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:font-semibold\", inset && \"wwc:pl-8\", className)}\n\t\t{...props}\n\t/>\n));\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\nconst MenubarSeparator = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({className, ...props}, ref) => (\n\t<MenubarPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn(\"wwc:-mx-1 wwc:my-1 wwc:h-px wwc:bg-muted\", className)}\n\t\t{...props}\n\t/>\n));\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\nconst MenubarShortcut = ({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};\nMenubarShortcut.displayname = \"MenubarShortcut\";\n\nexport {\n\tMenubar,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarItem,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarPortal,\n\tMenubarSubContent,\n\tMenubarSubTrigger,\n\tMenubarGroup,\n\tMenubarSub,\n\tMenubarShortcut,\n};\n"],"mappings":";;;;;;AAKA,MAAM,cAA4C,iBAAiB;AAEnE,MAAM,eAA8C,iBAAiB;AAErE,MAAM,gBAAgD,iBAAiB;AAEvE,MAAM,aAA0C,iBAAiB;AAEjE,MAAM,oBAAwD,iBAAiB;;AAG/E,MAAM,UAAU,MAAM,YAGnB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,iBAAiB,MAAlB;CACM;CACL,WAAW,GACV,kGACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,QAAQ,cAAc,iBAAiB,KAAK;AAE5C,MAAM,iBAAiB,MAAM,YAG1B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,iBAAiB,SAAlB;CACM;CACL,WAAW,GACV,qVACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAEtD,MAAM,oBAAoB,MAAM,YAK7B,EAAC,WAAW,OAAO,UAAU,GAAG,SAAQ,QAC1C,qBAAC,iBAAiB,YAAlB;CACM;CACL,WAAW,GACV,qUACA,SAAS,YACT,SACD;CACA,GAAI;CAPL,UAAA,CASE,UACD,oBAAC,cAAD,EAAc,WAAU,8BAA+B,CAAA,CAC3B;AAC7B,CAAA,CAAA;AACD,kBAAkB,cAAc,iBAAiB,WAAW;AAE5D,MAAM,oBAAoB,MAAM,YAG7B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,iBAAiB,YAAlB;CACM;CACL,WAAW,GACV,ufACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,kBAAkB,cAAc,iBAAiB,WAAW;AAE5D,MAAM,iBAAiB,MAAM,YAG1B,EAAC,WAAW,QAAQ,SAAS,cAAc,IAAI,aAAa,GAAG,GAAG,SAAQ,QAC5E,oBAAC,iBAAiB,QAAlB,EAAA,UACC,oBAAC,iBAAiB,SAAlB;CACM;CACE;CACM;CACD;CACZ,WAAW,GACV,keACA,SACD;CACA,GAAI;AACJ,CAAA,EACuB,CAAA,CACzB;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAEtD,MAAM,cAAc,MAAM,YAKvB,EAAC,WAAW,OAAO,GAAG,SAAQ,QAChC,oBAAC,iBAAiB,MAAlB;CACM;CACL,WAAW,GACV,yRACA,SAAS,YACT,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAEhD,MAAM,sBAAsB,MAAM,YAG/B,EAAC,WAAW,UAAU,SAAS,GAAG,SAAQ,QAC5C,qBAAC,iBAAiB,cAAlB;CACM;CACL,WAAW,GACV,kSACA,SACD;CACS;CACT,GAAI;CAPL,UAAA,CASC,oBAAC,QAAD;EAAM,WAAU;EACf,UAAA,oBAAC,iBAAiB,eAAlB,EAAA,UACC,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA,EACL,CAAA;CAC3B,CAAA,GACL,QAC6B;AAC/B,CAAA,CAAA;AACD,oBAAoB,cAAc,iBAAiB,aAAa;AAEhE,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,qBAAC,iBAAiB,WAAlB;CACM;CACL,WAAW,GACV,kSACA,SACD;CACA,GAAI;CANL,UAAA,CAQC,oBAAC,QAAD;EAAM,WAAU;EACf,UAAA,oBAAC,iBAAiB,eAAlB,EAAA,UACC,oBAAC,QAAD,EAAQ,WAAU,mCAAoC,CAAA,EACvB,CAAA;CAC3B,CAAA,GACL,QAC0B;AAC5B,CAAA,CAAA;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,MAAM,eAAe,MAAM,YAKxB,EAAC,WAAW,OAAO,GAAG,SAAQ,QAChC,oBAAC,iBAAiB,OAAlB;CACM;CACL,WAAW,GAAG,qDAAqD,SAAS,YAAY,SAAS;CACjG,GAAI;AACJ,CAAA,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AAElD,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,iBAAiB,WAAlB;CACM;CACL,WAAW,GAAG,4CAA4C,SAAS;CACnE,GAAI;AACJ,CAAA,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,MAAM,mBAAmB,EAAC,WAAW,GAAG,YAAkD;CACzF,OACC,oBAAC,QAAD;EACC,WAAW,GAAG,yEAAyE,SAAS;EAChG,GAAI;CACJ,CAAA;AAEH;AACA,gBAAgB,cAAc"}

package/dist/metadata-list.d.mts

@@ -0,0 +1,2 @@
+import { PropertyEmpty, PropertyList, PropertyListProps, PropertyRow, PropertyRowProps } from "./property-list.mjs";
+export { PropertyEmpty as MetadataEmpty, PropertyList as MetadataList, type PropertyListProps as MetadataListProps, PropertyRow as MetadataRow, type PropertyRowProps as MetadataRowProps };

package/dist/metadata-list.mjs

@@ -0,0 +1,2 @@
+import { PropertyEmpty, PropertyList, PropertyRow } from "./property-list.mjs";
+export { PropertyEmpty as MetadataEmpty, PropertyList as MetadataList, PropertyRow as MetadataRow };

package/dist/metric-card.d.mts

@@ -0,0 +1,28 @@
+import * as React from "react";
+//#region src/metric-card.d.ts
+export type MetricCardTrend = "up" | "down" | "stable";
+export type MetricCardStatus = "success" | "warning" | "danger";
+export interface MetricCardProps {
+  /** Metric label shown above the value. */
+  title: string;
+  /** The metric value (pre-formatted by the caller). */
+  value: string | number;
+  /** Optional unit/suffix shown after the value (e.g. "%", "/ 12"). */
+  unit?: string;
+  /** Secondary line under the value. */
+  subtitle?: string;
+  /** Trend direction; renders a colored arrow. */
+  trend?: MetricCardTrend;
+  /** Text beside the trend arrow (e.g. "+12% vs target"). */
+  trendLabel?: string;
+  /** Leading icon (lucide or any component type). */
+  icon?: React.ElementType;
+  /** Status tone applied to the value. */
+  status?: MetricCardStatus;
+  className?: string;
+}
+/** A single key-metric tile: label, value (+ unit), optional subtitle, trend, and leading icon. */
+declare const MetricCard: React.ForwardRefExoticComponent<MetricCardProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { MetricCard };
+//# sourceMappingURL=metric-card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.d.mts","names":[],"sources":["../src/metric-card.tsx"],"mappings":";;YAMY;YACA;iBAEK;;EAEhB;;EAEA;;EAEA;;EAEA;;EAEA,QAAQ;;EAER;;EAEA,OAAO,MAAM;;EAEb,SAAS;EACT;;;cAUK,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/metric-card.mjs

@@ -0,0 +1,55 @@
+import { WidgetCard, WidgetCardActions, WidgetCardBody, WidgetCardHeader, WidgetCardTitle } from "./widget-card.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ArrowDown, ArrowUp, Minus } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/metric-card.tsx
+const statusColors = {
+	success: "wwc:text-green-600",
+	warning: "wwc:text-amber-600",
+	danger: "wwc:text-red-600"
+};
+/** A single key-metric tile: label, value (+ unit), optional subtitle, trend, and leading icon. */
+const MetricCard = React.forwardRef(({ title, value, unit, subtitle, trend, trendLabel, icon: Icon, status, className }, ref) => /* @__PURE__ */ jsxs(WidgetCard, {
+	ref,
+	className,
+	children: [/* @__PURE__ */ jsxs(WidgetCardHeader, { children: [/* @__PURE__ */ jsx(WidgetCardTitle, { children: title }), Icon && /* @__PURE__ */ jsx(WidgetCardActions, { children: /* @__PURE__ */ jsx(Icon, { className: "wwc:h-4 wwc:w-4" }) })] }), /* @__PURE__ */ jsx(WidgetCardBody, { children: /* @__PURE__ */ jsx("div", {
+		className: "wwc:flex wwc:items-start wwc:justify-between",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:space-y-1",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-baseline wwc:gap-1",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cn("wwc:text-2xl wwc:font-bold", status ? statusColors[status] : "wwc:text-foreground"),
+						children: value
+					}), unit && /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: unit
+					})]
+				}),
+				subtitle && /* @__PURE__ */ jsx("p", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: subtitle
+				}),
+				(trend || trendLabel) && /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-1 wwc:pt-1",
+					children: [
+						trend === "up" && /* @__PURE__ */ jsx(ArrowUp, { className: "wwc:h-3 wwc:w-3 wwc:text-green-600" }),
+						trend === "down" && /* @__PURE__ */ jsx(ArrowDown, { className: "wwc:h-3 wwc:w-3 wwc:text-red-600" }),
+						trend === "stable" && /* @__PURE__ */ jsx(Minus, { className: "wwc:h-3 wwc:w-3 wwc:text-muted-foreground" }),
+						trendLabel && /* @__PURE__ */ jsx("span", {
+							className: cn("wwc:text-xs", trend === "up" ? "wwc:text-green-600" : trend === "down" ? "wwc:text-red-600" : "wwc:text-muted-foreground"),
+							children: trendLabel
+						})
+					]
+				})
+			]
+		})
+	}) })]
+}));
+MetricCard.displayName = "MetricCard";
+//#endregion
+export { MetricCard };
+
+//# sourceMappingURL=metric-card.mjs.map

package/dist/metric-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.mjs","names":[],"sources":["../src/metric-card.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {ArrowDown, ArrowUp, Minus} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {WidgetCard, WidgetCardActions, WidgetCardBody, WidgetCardHeader, WidgetCardTitle} from \"./widget-card\";\n\nexport type MetricCardTrend = \"up\" | \"down\" | \"stable\";\nexport type MetricCardStatus = \"success\" | \"warning\" | \"danger\";\n\nexport interface MetricCardProps {\n\t/** Metric label shown above the value. */\n\ttitle: string;\n\t/** The metric value (pre-formatted by the caller). */\n\tvalue: string | number;\n\t/** Optional unit/suffix shown after the value (e.g. \"%\", \"/ 12\"). */\n\tunit?: string;\n\t/** Secondary line under the value. */\n\tsubtitle?: string;\n\t/** Trend direction; renders a colored arrow. */\n\ttrend?: MetricCardTrend;\n\t/** Text beside the trend arrow (e.g. \"+12% vs target\"). */\n\ttrendLabel?: string;\n\t/** Leading icon (lucide or any component type). */\n\ticon?: React.ElementType;\n\t/** Status tone applied to the value. */\n\tstatus?: MetricCardStatus;\n\tclassName?: string;\n}\n\nconst statusColors: Record<MetricCardStatus, string> = {\n\tsuccess: \"wwc:text-green-600\",\n\twarning: \"wwc:text-amber-600\",\n\tdanger: \"wwc:text-red-600\",\n};\n\n/** A single key-metric tile: label, value (+ unit), optional subtitle, trend, and leading icon. */\nconst MetricCard = React.forwardRef<HTMLDivElement, MetricCardProps>(\n\t({title, value, unit, subtitle, trend, trendLabel, icon: Icon, status, className}, ref) => (\n\t\t<WidgetCard ref={ref} className={className}>\n\t\t\t<WidgetCardHeader>\n\t\t\t\t<WidgetCardTitle>{title}</WidgetCardTitle>\n\t\t\t\t{Icon && (\n\t\t\t\t\t<WidgetCardActions>\n\t\t\t\t\t\t<Icon className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t</WidgetCardActions>\n\t\t\t\t)}\n\t\t\t</WidgetCardHeader>\n\t\t\t<WidgetCardBody>\n\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between\">\n\t\t\t\t\t<div className=\"wwc:space-y-1\">\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-baseline wwc:gap-1\">\n\t\t\t\t\t\t\t<span className={cn(\"wwc:text-2xl wwc:font-bold\", status ? statusColors[status] : \"wwc:text-foreground\")}>\n\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{unit && <span className=\"wwc:text-sm wwc:text-muted-foreground\">{unit}</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{subtitle && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{subtitle}</p>}\n\t\t\t\t\t\t{(trend || trendLabel) && (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:pt-1\">\n\t\t\t\t\t\t\t\t{trend === \"up\" && <ArrowUp className=\"wwc:h-3 wwc:w-3 wwc:text-green-600\" />}\n\t\t\t\t\t\t\t\t{trend === \"down\" && <ArrowDown className=\"wwc:h-3 wwc:w-3 wwc:text-red-600\" />}\n\t\t\t\t\t\t\t\t{trend === \"stable\" && <Minus className=\"wwc:h-3 wwc:w-3 wwc:text-muted-foreground\" />}\n\t\t\t\t\t\t\t\t{trendLabel && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"wwc:text-xs\",\n\t\t\t\t\t\t\t\t\t\t\ttrend === \"up\"\n\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-green-600\"\n\t\t\t\t\t\t\t\t\t\t\t\t: trend === \"down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-red-600\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{trendLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</WidgetCardBody>\n\t\t</WidgetCard>\n\t),\n);\nMetricCard.displayName = \"MetricCard\";\n\nexport {MetricCard};\n"],"mappings":";;;;;;AA6BA,MAAM,eAAiD;CACtD,SAAS;CACT,SAAS;CACT,QAAQ;AACT;;AAGA,MAAM,aAAa,MAAM,YACvB,EAAC,OAAO,OAAO,MAAM,UAAU,OAAO,YAAY,MAAM,MAAM,QAAQ,aAAY,QAClF,qBAAC,YAAD;CAAiB;CAAgB;CAAjC,UAAA,CACC,qBAAC,kBAAD,EAAA,UAAA,CACC,oBAAC,iBAAD,EAAA,UAAkB,MAAuB,CAAA,GACxC,QACA,oBAAC,mBAAD,EAAA,UACC,oBAAC,MAAD,EAAM,WAAU,kBAAmB,CAAA,EACjB,CAAA,CAEH,EAAA,CAAA,GAClB,oBAAC,gBAAD,EAAA,UACC,oBAAC,OAAD;EAAK,WAAU;EACd,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACC,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACC,oBAAC,QAAD;MAAM,WAAW,GAAG,8BAA8B,SAAS,aAAa,UAAU,qBAAqB;MACrG,UAAA;KACI,CAAA,GACL,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAyC,UAAA;KAAW,CAAA,CACzE;;IACJ,YAAY,oBAAC,KAAD;KAAG,WAAU;KAAyC,UAAA;IAAY,CAAA;KAC7E,SAAS,eACV,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,UAAU,QAAQ,oBAAC,SAAD,EAAS,WAAU,qCAAsC,CAAA;MAC3E,UAAU,UAAU,oBAAC,WAAD,EAAW,WAAU,mCAAoC,CAAA;MAC7E,UAAU,YAAY,oBAAC,OAAD,EAAO,WAAU,4CAA6C,CAAA;MACpF,cACA,oBAAC,QAAD;OACC,WAAW,GACV,eACA,UAAU,OACP,uBACA,UAAU,SACT,qBACA,2BACL;OAEC,UAAA;MACI,CAAA;KAEH;;GAEF;;CACD,CAAA,EACU,CAAA,CACL;AAEd,CAAA,CAAA;AACA,WAAW,cAAc"}