@contractspec/lib.ui-kit-web 1.56.1 → 1.58.0

package/dist/ui/nav-layout.d.ts

@@ -1,71 +1,48 @@
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime193 from "react/jsx-runtime";
-import * as class_variance_authority_types17 from "class-variance-authority/types";
-
-//#region ui/nav-layout.d.ts
-declare const navPanelVariants: (props?: ({
-  width?: "sm" | "lg" | "md" | "full" | null | undefined;
-  padding?: "none" | "sm" | "md" | null | undefined;
-} & class_variance_authority_types17.ClassProp) | undefined) => string;
-interface NavPanelProps extends React$1.ComponentPropsWithoutRef<'div'> {
-  width?: 'sm' | 'md' | 'lg' | 'full';
-  padding?: 'none' | 'sm' | 'md';
+import * as React from 'react';
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from './navigation-menu';
+export declare const navPanelVariants: (props?: ({
+    width?: "sm" | "lg" | "md" | "full" | null | undefined;
+    padding?: "none" | "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NavPanelProps extends React.ComponentPropsWithoutRef<'div'> {
+    width?: 'sm' | 'md' | 'lg' | 'full';
+    padding?: 'none' | 'sm' | 'md';
 }
-declare function NavPanel({
-  width,
-  padding,
-  className,
-  ...props
-}: NavPanelProps): react_jsx_runtime193.JSX.Element;
-declare function NavSimpleList({
-  title,
-  items
-}: {
-  title?: React$1.ReactNode;
-  items: {
-    href: string;
-    label: string;
-    description?: string;
-  }[];
-}): react_jsx_runtime193.JSX.Element;
-declare function NavColumns({
-  columns
-}: {
-  columns: {
-    title?: string;
+export declare function NavPanel({ width, padding, className, ...props }: NavPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavSimpleList({ title, items, }: {
+    title?: React.ReactNode;
     items: {
-      href: string;
-      label: string;
-      description?: string;
+        href: string;
+        label: string;
+        description?: string;
     }[];
-  }[];
-}): react_jsx_runtime193.JSX.Element;
-declare function NavCategorizedWithPreview({
-  categories,
-  modules,
-  activeCategory,
-  setActiveCategory,
-  activeKey: _activeKey,
-  setActiveKey,
-  preview
-}: {
-  categories: {
-    key: string;
-    label: string;
-  }[];
-  modules: {
-    key: string;
-    title: string;
-    description?: string;
-    categories: string[];
-  }[];
-  activeCategory: string;
-  setActiveCategory: (k: string) => void;
-  activeKey: string | null;
-  setActiveKey: (k: string | null) => void;
-  preview: React$1.ReactNode;
-}): react_jsx_runtime193.JSX.Element;
-//#endregion
-export { NavCategorizedWithPreview, NavColumns, NavigationMenuContent as NavContent, NavigationMenuItem as NavItem, NavigationMenuLink as NavLink, NavigationMenuList as NavList, NavPanel, NavPanelProps, NavigationMenu as NavRoot, NavSimpleList, NavigationMenuTrigger as NavTrigger, navPanelVariants };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function NavColumns({ columns, }: {
+    columns: {
+        title?: string;
+        items: {
+            href: string;
+            label: string;
+            description?: string;
+        }[];
+    }[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function NavCategorizedWithPreview({ categories, modules, activeCategory, setActiveCategory, activeKey: _activeKey, setActiveKey, preview, }: {
+    categories: {
+        key: string;
+        label: string;
+    }[];
+    modules: {
+        key: string;
+        title: string;
+        description?: string;
+        categories: string[];
+    }[];
+    activeCategory: string;
+    setActiveCategory: (k: string) => void;
+    activeKey: string | null;
+    setActiveKey: (k: string | null) => void;
+    preview: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu as NavRoot, NavigationMenuList as NavList, NavigationMenuItem as NavItem, NavigationMenuTrigger as NavTrigger, NavigationMenuContent as NavContent, NavigationMenuLink as NavLink, };
 //# sourceMappingURL=nav-layout.d.ts.map

package/dist/ui/nav-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-layout.d.ts","names":[],"sources":["../../ui/nav-layout.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa;;;IAkBX,gCAAA,CAAA;AAlBW,UAoBI,aAAA,SAAsB,OAAA,CAAM,wBAF3C,CAAA,KAAA,CAAA,CAAA;EAEe,KAAA,CAAA,EAAA,IAAA,GAAA,IAAc,GAAA,IAAA,GAAQ,MAAA;EAKvB,OAAA,CAAA,EAAA,MAAQ,GAAA,IAAA,GAAA,IAAA;;AAEtB,iBAFc,QAAA,CAEd;EAAA,KAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAGC,aAHD,CAAA,EAGc,oBAAA,CAAA,GAAA,CAAA,OAHd;AACA,iBAYc,aAAA,CAZd;EAAA,KAAA;EAAA;CAAA,EAAA;EAEC,KAAA,CAAA,EAcO,OAAA,CAAM,SAdb;EAAa,KAAA,EAAA;IAAA,IAAA,EAAA,MAAA;IAUA,KAAA,EAAA,MAAa;IAC3B,WAAA,CAAA,EAAA,MAAA;EACA,CAAA,EAAA;CAEQ,CAAA,EAET,oBAAA,CAAA,GAAA,CAAA,OAFe;AAEf,iBA4Be,UAAA,CA5Bf;EAAA;CAAA,EAAA;EAAA,OAAA,EAAA;IA4Be,KAAA,CAAA,EAAA,MAAU;IA2CV,KAAA,EAAA;MACd,IAAA,EAAA,MAAA;MACA,KAAA,EAAA,MAAA;MACA,WAAA,CAAA,EAAA,MAAA;IACA,CAAA,EAAA;EACW,CAAA,EAAA;CACX,CAAA,EA1CD,oBAAA,CAAA,GAAA,CAAA,OA0CC;AACA,iBAPc,yBAAA,CAOd;EAAA,UAAA;EAAA,OAAA;EAAA,cAAA;EAAA,iBAAA;EAAA,SAAA,EAFW,UAEX;EAAA,YAAA;EAAA;CAAA,EAAA;EAaS,UAAM,EAAA;IAChB,GAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;;;;;;;;;;;;WADU,OAAA,CAAM;IAChB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../ui/nav-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAI3B,eAAO,MAAM,gBAAgB;;;8EAkB3B,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAOf;AAGD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAChE,2CAyBA;AAGD,wBAAgB,UAAU,CAAC,EACzB,OAAO,GACR,EAAE;IACD,OAAO,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KAChE,EAAE,CAAC;CACL,2CAiCA;AAGD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,SAAS,EAAE,UAAU,EACrB,YAAY,EACZ,OAAO,GACR,EAAE;IACD,UAAU,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,EAAE,CAAC;KACtB,EAAE,CAAC;IACJ,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,2CA0DA;AAED,OAAO,EACL,cAAc,IAAI,OAAO,EACzB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,kBAAkB,IAAI,OAAO,GAC9B,CAAC"}

package/dist/ui/nav-layout.js

@@ -1,133 +1,293 @@
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.js";
-import * as React$1 from "react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
+// @bun
+var __require = import.meta.require;
 
-//#region ui/nav-layout.tsx
-const navPanelVariants = cva("", {
-	variants: {
-		width: {
-			sm: "w-[280px]",
-			md: "w-[500px]",
-			lg: "w-[900px]",
-			full: "w-[calc(100vw-2rem)]"
-		},
-		padding: {
-			none: "",
-			sm: "p-2",
-			md: "p-3"
-		}
-	},
-	defaultVariants: {
-		width: "lg",
-		padding: "md"
-	}
+// ui/navigation-menu.tsx
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Root, {
+    "data-slot": "navigation-menu",
+    "data-viewport": viewport,
+    className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+    ...props,
+    children: [
+      children,
+      viewport && /* @__PURE__ */ jsxDEV(NavigationMenuViewport, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.List, {
+    "data-slot": "navigation-menu-list",
+    className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Item, {
+    "data-slot": "navigation-menu-item",
+    className: cn("relative", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Trigger, {
+    "data-slot": "navigation-menu-trigger",
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+        className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+        "aria-hidden": "true"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Content, {
+    "data-slot": "navigation-menu-content",
+    className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "bg-background group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground data-[state=open]:group-data-[viewport=false]/navigation-menu:animate-in data-[state=closed]:group-data-[viewport=false]/navigation-menu:animate-out data-[state=closed]:group-data-[viewport=false]/navigation-menu:fade-out-0 data-[state=open]:group-data-[viewport=false]/navigation-menu:fade-in-0 data-[state=closed]:group-data-[viewport=false]/navigation-menu:zoom-out-95 data-[state=open]:group-data-[viewport=false]/navigation-menu:zoom-in-95 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow-2xs group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-hidden", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+    children: /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Viewport, {
+      "data-slot": "navigation-menu-viewport",
+      className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow-2xs md:w-(--radix-navigation-menu-viewport-width)", className),
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Link, {
+    "data-slot": "navigation-menu-link",
+    className: cn("hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-xs p-2 text-sm outline-hidden transition-all focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Indicator, {
+    "data-slot": "navigation-menu-indicator",
+    className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden", className),
+    ...props,
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/nav-layout.tsx
+import * as React from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var navPanelVariants = cva2("", {
+  variants: {
+    width: {
+      sm: "w-[280px]",
+      md: "w-[500px]",
+      lg: "w-[900px]",
+      full: "w-[calc(100vw-2rem)]"
+    },
+    padding: {
+      none: "",
+      sm: "p-2",
+      md: "p-3"
+    }
+  },
+  defaultVariants: {
+    width: "lg",
+    padding: "md"
+  }
 });
-function NavPanel({ width, padding, className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(navPanelVariants({
-			width,
-			padding
-		}), className),
-		...props
-	});
+function NavPanel({
+  width,
+  padding,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: cn2(navPanelVariants({ width, padding }), className),
+    ...props
+  }, undefined, false, undefined, this);
 }
-function NavSimpleList({ title, items }) {
-	return /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx("div", {
-		className: "mb-2 text-base font-semibold",
-		children: title
-	}), /* @__PURE__ */ jsx("ul", {
-		className: "grid w-[280px] gap-2",
-		children: items.map((it) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavigationMenuLink, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs("a", {
-				href: it.href,
-				className: "hover:bg-accent block rounded-md p-2",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "text-base font-medium",
-					children: it.label
-				}), it.description && /* @__PURE__ */ jsx("div", {
-					className: "text-muted-foreground line-clamp-2 text-sm",
-					children: it.description
-				})]
-			})
-		}) }, it.href))
-	})] });
+function NavSimpleList({
+  title,
+  items
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    children: [
+      title && /* @__PURE__ */ jsxDEV2("div", {
+        className: "mb-2 text-base font-semibold",
+        children: title
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("ul", {
+        className: "grid w-[280px] gap-2",
+        children: items.map((it) => /* @__PURE__ */ jsxDEV2("li", {
+          children: /* @__PURE__ */ jsxDEV2(NavigationMenuLink, {
+            asChild: true,
+            children: /* @__PURE__ */ jsxDEV2("a", {
+              href: it.href,
+              className: "hover:bg-accent block rounded-md p-2",
+              children: [
+                /* @__PURE__ */ jsxDEV2("div", {
+                  className: "text-base font-medium",
+                  children: it.label
+                }, undefined, false, undefined, this),
+                it.description && /* @__PURE__ */ jsxDEV2("div", {
+                  className: "text-muted-foreground line-clamp-2 text-sm",
+                  children: it.description
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        }, it.href, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-function NavColumns({ columns }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "grid w-[500px] grid-cols-2 gap-3",
-		children: columns.map((col, idx) => /* @__PURE__ */ jsxs("div", { children: [col.title && /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground mb-2 text-base font-semibold",
-			children: col.title
-		}), /* @__PURE__ */ jsx("ul", {
-			className: "grid gap-2",
-			children: col.items.map((it) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavigationMenuLink, {
-				asChild: true,
-				children: /* @__PURE__ */ jsxs("a", {
-					href: it.href,
-					className: "hover:bg-accent block rounded-md p-2",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-base font-medium",
-						children: it.label
-					}), it.description && /* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground line-clamp-2 text-sm",
-						children: it.description
-					})]
-				})
-			}) }, it.href))
-		})] }, idx))
-	});
+function NavColumns({
+  columns
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "grid w-[500px] grid-cols-2 gap-3",
+    children: columns.map((col, idx) => /* @__PURE__ */ jsxDEV2("div", {
+      children: [
+        col.title && /* @__PURE__ */ jsxDEV2("div", {
+          className: "text-muted-foreground mb-2 text-base font-semibold",
+          children: col.title
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2("ul", {
+          className: "grid gap-2",
+          children: col.items.map((it) => /* @__PURE__ */ jsxDEV2("li", {
+            children: /* @__PURE__ */ jsxDEV2(NavigationMenuLink, {
+              asChild: true,
+              children: /* @__PURE__ */ jsxDEV2("a", {
+                href: it.href,
+                className: "hover:bg-accent block rounded-md p-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("div", {
+                    className: "text-base font-medium",
+                    children: it.label
+                  }, undefined, false, undefined, this),
+                  it.description && /* @__PURE__ */ jsxDEV2("div", {
+                    className: "text-muted-foreground line-clamp-2 text-sm",
+                    children: it.description
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          }, it.href, false, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, idx, true, undefined, this))
+  }, undefined, false, undefined, this);
 }
-function NavCategorizedWithPreview({ categories, modules, activeCategory, setActiveCategory, activeKey: _activeKey, setActiveKey, preview }) {
-	const visible = React$1.useMemo(() => modules.filter((m) => activeCategory === "all" || m.categories.includes(activeCategory)), [modules, activeCategory]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-start gap-3",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "max-h-96 w-48 shrink-0 overflow-auto pr-1",
-				children: [/* @__PURE__ */ jsx("button", {
-					className: `hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${activeCategory === "all" ? "bg-muted" : ""}`,
-					onMouseEnter: () => setActiveCategory("all"),
-					onFocus: () => setActiveCategory("all"),
-					onClick: () => setActiveCategory("all"),
-					children: "All"
-				}), categories.map((c) => /* @__PURE__ */ jsx("button", {
-					className: `hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${activeCategory === c.key ? "bg-muted" : ""}`,
-					onMouseEnter: () => setActiveCategory(c.key),
-					onFocus: () => setActiveCategory(c.key),
-					onClick: () => setActiveCategory(c.key),
-					children: c.label
-				}, c.key))]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "grid max-h-96 flex-1 grid-cols-1 gap-1 overflow-auto pr-1",
-				children: visible.map((m) => /* @__PURE__ */ jsx(NavigationMenuLink, {
-					asChild: true,
-					children: /* @__PURE__ */ jsxs("a", {
-						href: `/modules/${m.key}`,
-						className: "hover:bg-muted rounded-md px-3 py-2 text-left transition-colors",
-						onMouseEnter: () => setActiveKey(m.key),
-						onFocus: () => setActiveKey(m.key),
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-base font-medium",
-							children: m.title
-						}), m.description && /* @__PURE__ */ jsx("div", {
-							className: "text-muted-foreground line-clamp-2 text-sm",
-							children: m.description
-						})]
-					})
-				}, m.key))
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "w-[320px] shrink-0",
-				children: preview
-			})
-		]
-	});
+function NavCategorizedWithPreview({
+  categories,
+  modules,
+  activeCategory,
+  setActiveCategory,
+  activeKey: _activeKey,
+  setActiveKey,
+  preview
+}) {
+  const visible = React.useMemo(() => modules.filter((m) => activeCategory === "all" || m.categories.includes(activeCategory)), [modules, activeCategory]);
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "flex items-start gap-3",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "max-h-96 w-48 shrink-0 overflow-auto pr-1",
+        children: [
+          /* @__PURE__ */ jsxDEV2("button", {
+            className: `hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${activeCategory === "all" ? "bg-muted" : ""}`,
+            onMouseEnter: () => setActiveCategory("all"),
+            onFocus: () => setActiveCategory("all"),
+            onClick: () => setActiveCategory("all"),
+            children: "All"
+          }, undefined, false, undefined, this),
+          categories.map((c) => /* @__PURE__ */ jsxDEV2("button", {
+            className: `hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${activeCategory === c.key ? "bg-muted" : ""}`,
+            onMouseEnter: () => setActiveCategory(c.key),
+            onFocus: () => setActiveCategory(c.key),
+            onClick: () => setActiveCategory(c.key),
+            children: c.label
+          }, c.key, false, undefined, this))
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "grid max-h-96 flex-1 grid-cols-1 gap-1 overflow-auto pr-1",
+        children: visible.map((m) => /* @__PURE__ */ jsxDEV2(NavigationMenuLink, {
+          asChild: true,
+          children: /* @__PURE__ */ jsxDEV2("a", {
+            href: `/modules/${m.key}`,
+            className: "hover:bg-muted rounded-md px-3 py-2 text-left transition-colors",
+            onMouseEnter: () => setActiveKey(m.key),
+            onFocus: () => setActiveKey(m.key),
+            children: [
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "text-base font-medium",
+                children: m.title
+              }, undefined, false, undefined, this),
+              m.description && /* @__PURE__ */ jsxDEV2("div", {
+                className: "text-muted-foreground line-clamp-2 text-sm",
+                children: m.description
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, m.key, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "w-[320px] shrink-0",
+        children: preview
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { NavCategorizedWithPreview, NavColumns, NavigationMenuContent as NavContent, NavigationMenuItem as NavItem, NavigationMenuLink as NavLink, NavigationMenuList as NavList, NavPanel, NavigationMenu as NavRoot, NavSimpleList, NavigationMenuTrigger as NavTrigger, navPanelVariants };
-//# sourceMappingURL=nav-layout.js.map
+export {
+  navPanelVariants,
+  NavigationMenuTrigger as NavTrigger,
+  NavSimpleList,
+  NavigationMenu as NavRoot,
+  NavPanel,
+  NavigationMenuList as NavList,
+  NavigationMenuLink as NavLink,
+  NavigationMenuItem as NavItem,
+  NavigationMenuContent as NavContent,
+  NavColumns,
+  NavCategorizedWithPreview
+};

package/dist/ui/navigation-menu.d.ts

@@ -1,47 +1,15 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime214 from "react/jsx-runtime";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import * as class_variance_authority_types18 from "class-variance-authority/types";
-
-//#region ui/navigation-menu.d.ts
-declare function NavigationMenu({
-  className,
-  children,
-  viewport,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-  viewport?: boolean;
-}): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuItem({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime214.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types18.ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime214.JSX.Element;
-declare function NavigationMenuIndicator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime214.JSX.Element;
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
 //# sourceMappingURL=navigation-menu.d.ts.map