@contractspec/lib.ui-kit-web 1.44.0

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js

@@ -0,0 +1,105 @@
+import { Button } from "../../button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../collapsible.js";
+import { FilterSelect } from "../../atoms/FilterSelect/FilterSelect.js";
+import "../../atoms/FilterSelect/index.js";
+import { SearchInput } from "../../atoms/SearchInput/SearchInput.js";
+import "../../atoms/SearchInput/index.js";
+import React, { useState } from "react";
+import { ChevronDown, ChevronUp, Filter } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/molecules/SearchAndFilter/SearchAndFilter.tsx
+const SearchAndFilter = ({ searchValue, onSearchChange, searchPlaceholder, filters = [], isLoading = false, disabled = false, className = "", collapsible = true, defaultCollapsed = false }) => {
+	const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+	const hasFilters = filters.length > 0;
+	const activeFiltersCount = filters.filter((f) => f.value).length;
+	const shouldUseCollapsible = collapsible && hasFilters;
+	console.log("SearchAndFilter", { filters });
+	const FilterComponents = () => /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+		children: filters.map((filter) => /* @__PURE__ */ jsx(FilterSelect, {
+			value: filter.value,
+			options: filter.options,
+			onChange: filter.onChange,
+			label: filter.label,
+			disabled: disabled || isLoading,
+			showCounts: filter.showCounts,
+			className: "min-w-0"
+		}, filter.key))
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: `space-y-4 ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4 sm:flex-row",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ jsx(SearchInput, {
+						value: searchValue,
+						onChange: onSearchChange,
+						placeholder: searchPlaceholder,
+						disabled: disabled || isLoading,
+						className: "w-full"
+					})
+				}), shouldUseCollapsible && /* @__PURE__ */ jsxs(Collapsible, {
+					open: !isCollapsed,
+					onOpenChange: setIsCollapsed,
+					className: "sm:hidden",
+					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							className: "sm:hidden",
+							disabled: disabled || isLoading,
+							children: [
+								/* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+								"Filtres",
+								activeFiltersCount > 0 && /* @__PURE__ */ jsx("span", {
+									className: "bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm",
+									children: activeFiltersCount
+								}),
+								isCollapsed ? /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronUp, { className: "ml-2 h-4 w-4" })
+							]
+						})
+					}), /* @__PURE__ */ jsx(CollapsibleContent, {
+						className: "mt-4 space-y-4",
+						children: /* @__PURE__ */ jsx(FilterComponents, {})
+					})]
+				})]
+			}),
+			hasFilters && /* @__PURE__ */ jsx("div", {
+				className: "hidden sm:block",
+				children: /* @__PURE__ */ jsx(FilterComponents, {})
+			}),
+			activeFiltersCount > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-base",
+					children: "Filtres actifs:"
+				}), filters.filter((f) => f.value).map((filter) => {
+					const selectedOption = filter.options.find((opt) => opt.value === filter.value);
+					return /* @__PURE__ */ jsxs(Button, {
+						variant: "secondary",
+						size: "sm",
+						onClick: () => filter.onChange(""),
+						disabled: disabled || isLoading,
+						className: "h-7 px-2 text-sm",
+						children: [
+							filter.label,
+							": ",
+							selectedOption?.label,
+							/* @__PURE__ */ jsx("span", {
+								className: "ml-1",
+								children: "×"
+							})
+						]
+					}, filter.key);
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchAndFilter };
+//# sourceMappingURL=SearchAndFilter.js.map

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAndFilter.js","names":["SearchAndFilter: React.FC<SearchAndFilterProps>"],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  filters = [],\n  isLoading = false,\n  disabled = false,\n  className = '',\n  collapsible = true,\n  defaultCollapsed = false,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const hasFilters = filters.length > 0;\n  const activeFiltersCount = filters.filter((f) => f.value).length;\n\n  // On mobile, show collapsible by default; on desktop, always show filters\n  const shouldUseCollapsible = collapsible && hasFilters;\n\n  console.log('SearchAndFilter', { filters });\n\n  const FilterComponents = () => (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {filters.map((filter) => (\n        <FilterSelect\n          key={filter.key}\n          value={filter.value}\n          options={filter.options}\n          onChange={filter.onChange}\n          label={filter.label}\n          disabled={disabled || isLoading}\n          showCounts={filter.showCounts}\n          className=\"min-w-0\"\n        />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      {/* Search - Always visible */}\n      <div className=\"flex flex-col gap-4 sm:flex-row\">\n        <div className=\"flex-1\">\n          <SearchInput\n            value={searchValue}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n            disabled={disabled || isLoading}\n            className=\"w-full\"\n          />\n        </div>\n\n        {/* Filter toggle for mobile */}\n        {shouldUseCollapsible && (\n          <Collapsible\n            open={!isCollapsed}\n            onOpenChange={setIsCollapsed}\n            className=\"sm:hidden\"\n          >\n            <CollapsibleTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"sm:hidden\"\n                disabled={disabled || isLoading}\n              >\n                <Filter className=\"mr-2 h-4 w-4\" />\n                Filtres\n                {activeFiltersCount > 0 && (\n                  <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n                    {activeFiltersCount}\n                  </span>\n                )}\n                {isCollapsed ? (\n                  <ChevronDown className=\"ml-2 h-4 w-4\" />\n                ) : (\n                  <ChevronUp className=\"ml-2 h-4 w-4\" />\n                )}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-4 space-y-4\">\n              <FilterComponents />\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n\n      {/* Filters - Always visible on desktop, collapsible on mobile */}\n      {hasFilters && (\n        <div className=\"hidden sm:block\">\n          <FilterComponents />\n        </div>\n      )}\n\n      {/* Active filters summary */}\n      {activeFiltersCount > 0 && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-muted-foreground text-base\">\n            Filtres actifs:\n          </span>\n          {filters\n            .filter((f) => f.value)\n            .map((filter) => {\n              const selectedOption = filter.options.find(\n                (opt) => opt.value === filter.value\n              );\n              return (\n                <Button\n                  key={filter.key}\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={() => filter.onChange('')}\n                  disabled={disabled || isLoading}\n                  className=\"h-7 px-2 text-sm\"\n                >\n                  {filter.label}: {selectedOption?.label}\n                  <span className=\"ml-1\">×</span>\n                </Button>\n              );\n            })}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAaA,mBAAmD,EAC9D,aACA,gBACA,mBACA,UAAU,EAAE,EACZ,YAAY,OACZ,WAAW,OACX,YAAY,IACZ,cAAc,MACd,mBAAmB,YACf;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAEhE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAG1D,MAAM,uBAAuB,eAAe;AAE5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAE3C,MAAM,yBACJ,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,WACZ,oBAAC;GAEC,OAAO,OAAO;GACd,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAU;KAPL,OAAO,IAQZ,CACF;GACE;AAGR,QACE,qBAAC;EAAI,WAAW,aAAa;;GAE3B,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAU;OACV;MACE,EAGL,wBACC,qBAAC;KACC,MAAM,CAAC;KACP,cAAc;KACd,WAAU;gBAEV,oBAAC;MAAmB;gBAClB,qBAAC;OACC,SAAQ;OACR,WAAU;OACV,UAAU,YAAY;;QAEtB,oBAAC,UAAO,WAAU,iBAAiB;;QAElC,qBAAqB,KACpB,oBAAC;SAAK,WAAU;mBACb;UACI;QAER,cACC,oBAAC,eAAY,WAAU,iBAAiB,GAExC,oBAAC,aAAU,WAAU,iBAAiB;;QAEjC;OACU,EACrB,oBAAC;MAAmB,WAAU;gBAC5B,oBAAC,qBAAmB;OACD;MACT;KAEZ;GAGL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,qBAAmB;KAChB;GAIP,qBAAqB,KACpB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAkC;MAE3C,EACN,QACE,QAAQ,MAAM,EAAE,MAAM,CACtB,KAAK,WAAW;KACf,MAAM,iBAAiB,OAAO,QAAQ,MACnC,QAAQ,IAAI,UAAU,OAAO,MAC/B;AACD,YACE,qBAAC;MAEC,SAAQ;MACR,MAAK;MACL,eAAe,OAAO,SAAS,GAAG;MAClC,UAAU,YAAY;MACtB,WAAU;;OAET,OAAO;OAAM;OAAG,gBAAgB;OACjC,oBAAC;QAAK,WAAU;kBAAO;SAAQ;;QAR1B,OAAO,IASL;MAEX;KACA;;GAEJ"}

package/dist/ui/molecules/SearchAndFilter/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchAndFilterProps } from "./types.js";
+import { SearchAndFilter } from "./SearchAndFilter.js";
+export { SearchAndFilter, type SearchAndFilterProps };

package/dist/ui/molecules/SearchAndFilter/index.js

@@ -0,0 +1,3 @@
+import { SearchAndFilter } from "./SearchAndFilter.js";
+
+export { SearchAndFilter };

package/dist/ui/molecules/SearchAndFilter/types.d.ts

@@ -0,0 +1,24 @@
+import { FilterOption } from "@contractspec/lib.ui-kit-web/ui/atoms/FilterSelect";
+
+//#region ui/molecules/SearchAndFilter/types.d.ts
+interface SearchAndFilterProps {
+  searchValue: string;
+  onSearchChange: (value: string) => void;
+  searchPlaceholder?: string;
+  filters?: {
+    key: string;
+    label: string;
+    value: string;
+    options: FilterOption[];
+    onChange: (value: string) => void;
+    showCounts?: boolean;
+  }[];
+  isLoading?: boolean;
+  disabled?: boolean;
+  className?: string;
+  collapsible?: boolean;
+  defaultCollapsed?: boolean;
+}
+//#endregion
+export { SearchAndFilterProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/molecules/SearchAndFilter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/molecules/SearchAndFilter/types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,oBAAA;;EAAA,cAAA,EAAA,CAAA,KAAA,EAAoB,MAAA,EAAA,GAAA,IAWxB;;;;;;aAAA"}

package/dist/ui/molecules/SkeletonList.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime234 from "react/jsx-runtime";
+
+//#region ui/molecules/SkeletonList.d.ts
+interface Props {
+  count?: number;
+  className?: string;
+  itemClassName?: string;
+}
+declare function SkeletonList({
+  count,
+  className,
+  itemClassName
+}: Props): react_jsx_runtime234.JSX.Element;
+//#endregion
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.d.ts.map

package/dist/ui/molecules/SkeletonList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.d.ts","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":[],"mappings":";;;UAGU,KAAA;;;EAAA,aAAK,CAAA,EAAA,MAAA;AAMf;AACE,iBADc,YAAA,CACd;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,KAHD,CAAA,EAGM,oBAAA,CAAA,GAAA,CAAA,OAHN"}

package/dist/ui/molecules/SkeletonList.js

@@ -0,0 +1,15 @@
+import { Skeleton } from "../skeleton.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/molecules/SkeletonList.tsx
+function SkeletonList({ count = 6, className = "", itemClassName = "" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `space-y-3 ${className}`,
+		children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: `h-20 rounded-md ${itemClassName}` }, i))
+	});
+}
+
+//#endregion
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.js.map

package/dist/ui/molecules/SkeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.js","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '../skeleton';\n\ninterface Props {\n  count?: number;\n  className?: string;\n  itemClassName?: string;\n}\n\nexport function SkeletonList({\n  count = 6,\n  className = '',\n  itemClassName = '',\n}: Props) {\n  return (\n    <div className={`space-y-3 ${className}`}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`h-20 rounded-md ${itemClassName}`} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,aAAa,EAC3B,QAAQ,GACR,YAAY,IACZ,gBAAgB,MACR;AACR,QACE,oBAAC;EAAI,WAAW,aAAa;YAC1B,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,MACrC,oBAAC,YAAiB,WAAW,mBAAmB,mBAAjC,EAAoD,CACnE;GACE"}

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

@@ -0,0 +1,71 @@
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
+
+//#region ui/nav-layout.d.ts
+declare const navPanelVariants: (props?: ({
+  width?: "sm" | "md" | "lg" | "full" | null | undefined;
+  padding?: "none" | "sm" | "md" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
+interface NavPanelProps extends React$1.ComponentPropsWithoutRef<'div'> {
+  width?: 'sm' | 'md' | 'lg' | 'full';
+  padding?: 'none' | 'sm' | 'md';
+}
+declare function NavPanel({
+  width,
+  padding,
+  className,
+  ...props
+}: NavPanelProps): react_jsx_runtime52.JSX.Element;
+declare function NavSimpleList({
+  title,
+  items
+}: {
+  title?: React$1.ReactNode;
+  items: {
+    href: string;
+    label: string;
+    description?: string;
+  }[];
+}): react_jsx_runtime52.JSX.Element;
+declare function NavColumns({
+  columns
+}: {
+  columns: {
+    title?: string;
+    items: {
+      href: string;
+      label: string;
+      description?: string;
+    }[];
+  }[];
+}): react_jsx_runtime52.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_runtime52.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 };
+//# sourceMappingURL=nav-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-layout.d.ts","names":[],"sources":["../../ui/nav-layout.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa;;;IAkBX,+BAAA,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,mBAAA,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,mBAAA,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,mBAAA,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,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/nav-layout.js

@@ -0,0 +1,133 @@
+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";
+
+//#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"
+	}
+});
+function NavPanel({ width, padding, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(navPanelVariants({
+			width,
+			padding
+		}), className),
+		...props
+	});
+}
+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 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 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
+			})
+		]
+	});
+}
+
+//#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

package/dist/ui/nav-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-layout.js","names":["React"],"sources":["../../ui/nav-layout.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n} from './navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nexport const navPanelVariants = cva('', {\n  variants: {\n    width: {\n      sm: 'w-[280px]',\n      md: 'w-[500px]',\n      lg: 'w-[900px]',\n      full: 'w-[calc(100vw-2rem)]',\n    },\n    padding: {\n      none: '',\n      sm: 'p-2',\n      md: 'p-3',\n    },\n  },\n  defaultVariants: {\n    width: 'lg',\n    padding: 'md',\n  },\n});\n\nexport interface NavPanelProps extends React.ComponentPropsWithoutRef<'div'> {\n  width?: 'sm' | 'md' | 'lg' | 'full';\n  padding?: 'none' | 'sm' | 'md';\n}\n\nexport function NavPanel({\n  width,\n  padding,\n  className,\n  ...props\n}: NavPanelProps) {\n  return (\n    <div\n      className={cn(navPanelVariants({ width, padding }), className)}\n      {...props}\n    />\n  );\n}\n\n// Simple list layout\nexport function NavSimpleList({\n  title,\n  items,\n}: {\n  title?: React.ReactNode;\n  items: { href: string; label: string; description?: string }[];\n}) {\n  return (\n    <div>\n      {title && <div className=\"mb-2 text-base font-semibold\">{title}</div>}\n      <ul className=\"grid w-[280px] gap-2\">\n        {items.map((it) => (\n          <li key={it.href}>\n            <NavigationMenuLink asChild>\n              <a\n                href={it.href}\n                className=\"hover:bg-accent block rounded-md p-2\"\n              >\n                <div className=\"text-base font-medium\">{it.label}</div>\n                {it.description && (\n                  <div className=\"text-muted-foreground line-clamp-2 text-sm\">\n                    {it.description}\n                  </div>\n                )}\n              </a>\n            </NavigationMenuLink>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\n// Columns layout\nexport function NavColumns({\n  columns,\n}: {\n  columns: {\n    title?: string;\n    items: { href: string; label: string; description?: string }[];\n  }[];\n}) {\n  return (\n    <div className=\"grid w-[500px] grid-cols-2 gap-3\">\n      {columns.map((col, idx) => (\n        <div key={idx}>\n          {col.title && (\n            <div className=\"text-muted-foreground mb-2 text-base font-semibold\">\n              {col.title}\n            </div>\n          )}\n          <ul className=\"grid gap-2\">\n            {col.items.map((it) => (\n              <li key={it.href}>\n                <NavigationMenuLink asChild>\n                  <a\n                    href={it.href}\n                    className=\"hover:bg-accent block rounded-md p-2\"\n                  >\n                    <div className=\"text-base font-medium\">{it.label}</div>\n                    {it.description && (\n                      <div className=\"text-muted-foreground line-clamp-2 text-sm\">\n                        {it.description}\n                      </div>\n                    )}\n                  </a>\n                </NavigationMenuLink>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// Categorized with preview layout\nexport function NavCategorizedWithPreview({\n  categories,\n  modules,\n  activeCategory,\n  setActiveCategory,\n  activeKey: _activeKey,\n  setActiveKey,\n  preview,\n}: {\n  categories: { key: string; label: string }[];\n  modules: {\n    key: string;\n    title: string;\n    description?: string;\n    categories: string[];\n  }[];\n  activeCategory: string;\n  setActiveCategory: (k: string) => void;\n  activeKey: string | null;\n  setActiveKey: (k: string | null) => void;\n  preview: React.ReactNode;\n}) {\n  const visible = React.useMemo(\n    () =>\n      modules.filter(\n        (m) => activeCategory === 'all' || m.categories.includes(activeCategory)\n      ),\n    [modules, activeCategory]\n  );\n\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className=\"max-h-96 w-48 shrink-0 overflow-auto pr-1\">\n        <button\n          className={`hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${\n            activeCategory === 'all' ? 'bg-muted' : ''\n          }`}\n          onMouseEnter={() => setActiveCategory('all')}\n          onFocus={() => setActiveCategory('all')}\n          onClick={() => setActiveCategory('all')}\n        >\n          All\n        </button>\n        {categories.map((c) => (\n          <button\n            key={c.key}\n            className={`hover:bg-muted w-full rounded-md px-3 py-2 text-left text-base transition-colors ${\n              activeCategory === c.key ? 'bg-muted' : ''\n            }`}\n            onMouseEnter={() => setActiveCategory(c.key)}\n            onFocus={() => setActiveCategory(c.key)}\n            onClick={() => setActiveCategory(c.key)}\n          >\n            {c.label}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid max-h-96 flex-1 grid-cols-1 gap-1 overflow-auto pr-1\">\n        {visible.map((m) => (\n          <NavigationMenuLink asChild key={m.key}>\n            <a\n              href={`/modules/${m.key}`}\n              className=\"hover:bg-muted rounded-md px-3 py-2 text-left transition-colors\"\n              onMouseEnter={() => setActiveKey(m.key)}\n              onFocus={() => setActiveKey(m.key)}\n            >\n              <div className=\"text-base font-medium\">{m.title}</div>\n              {m.description && (\n                <div className=\"text-muted-foreground line-clamp-2 text-sm\">\n                  {m.description}\n                </div>\n              )}\n            </a>\n          </NavigationMenuLink>\n        ))}\n      </div>\n      <div className=\"w-[320px] shrink-0\">{preview}</div>\n    </div>\n  );\n}\n\nexport {\n  NavigationMenu as NavRoot,\n  NavigationMenuList as NavList,\n  NavigationMenuItem as NavItem,\n  NavigationMenuTrigger as NavTrigger,\n  NavigationMenuContent as NavContent,\n  NavigationMenuLink as NavLink,\n};\n"],"mappings":";;;;;;;AAYA,MAAa,mBAAmB,IAAI,IAAI;CACtC,UAAU;EACR,OAAO;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,OAAO;EACP,SAAS;EACV;CACF,CAAC;AAOF,SAAgB,SAAS,EACvB,OACA,SACA,WACA,GAAG,SACa;AAChB,QACE,oBAAC;EACC,WAAW,GAAG,iBAAiB;GAAE;GAAO;GAAS,CAAC,EAAE,UAAU;EAC9D,GAAI;GACJ;;AAKN,SAAgB,cAAc,EAC5B,OACA,SAIC;AACD,QACE,qBAAC,oBACE,SAAS,oBAAC;EAAI,WAAU;YAAgC;GAAY,EACrE,oBAAC;EAAG,WAAU;YACX,MAAM,KAAK,OACV,oBAAC,kBACC,oBAAC;GAAmB;aAClB,qBAAC;IACC,MAAM,GAAG;IACT,WAAU;eAEV,oBAAC;KAAI,WAAU;eAAyB,GAAG;MAAY,EACtD,GAAG,eACF,oBAAC;KAAI,WAAU;eACZ,GAAG;MACA;KAEN;IACe,IAbd,GAAG,KAcP,CACL;GACC,IACD;;AAKV,SAAgB,WAAW,EACzB,WAMC;AACD,QACE,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,KAAK,QACjB,qBAAC,oBACE,IAAI,SACH,oBAAC;GAAI,WAAU;aACZ,IAAI;IACD,EAER,oBAAC;GAAG,WAAU;aACX,IAAI,MAAM,KAAK,OACd,oBAAC,kBACC,oBAAC;IAAmB;cAClB,qBAAC;KACC,MAAM,GAAG;KACT,WAAU;gBAEV,oBAAC;MAAI,WAAU;gBAAyB,GAAG;OAAY,EACtD,GAAG,eACF,oBAAC;MAAI,WAAU;gBACZ,GAAG;OACA;MAEN;KACe,IAbd,GAAG,KAcP,CACL;IACC,KAxBG,IAyBJ,CACN;GACE;;AAKV,SAAgB,0BAA0B,EACxC,YACA,SACA,gBACA,mBACA,WAAW,YACX,cACA,WAcC;CACD,MAAM,UAAUA,QAAM,cAElB,QAAQ,QACL,MAAM,mBAAmB,SAAS,EAAE,WAAW,SAAS,eAAe,CACzE,EACH,CAAC,SAAS,eAAe,CAC1B;AAED,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,WAAW,oFACT,mBAAmB,QAAQ,aAAa;KAE1C,oBAAoB,kBAAkB,MAAM;KAC5C,eAAe,kBAAkB,MAAM;KACvC,eAAe,kBAAkB,MAAM;eACxC;MAEQ,EACR,WAAW,KAAK,MACf,oBAAC;KAEC,WAAW,oFACT,mBAAmB,EAAE,MAAM,aAAa;KAE1C,oBAAoB,kBAAkB,EAAE,IAAI;KAC5C,eAAe,kBAAkB,EAAE,IAAI;KACvC,eAAe,kBAAkB,EAAE,IAAI;eAEtC,EAAE;OARE,EAAE,IASA,CACT;KACE;GACN,oBAAC;IAAI,WAAU;cACZ,QAAQ,KAAK,MACZ,oBAAC;KAAmB;eAClB,qBAAC;MACC,MAAM,YAAY,EAAE;MACpB,WAAU;MACV,oBAAoB,aAAa,EAAE,IAAI;MACvC,eAAe,aAAa,EAAE,IAAI;iBAElC,oBAAC;OAAI,WAAU;iBAAyB,EAAE;QAAY,EACrD,EAAE,eACD,oBAAC;OAAI,WAAU;iBACZ,EAAE;QACC;OAEN;OAb2B,EAAE,IAcd,CACrB;KACE;GACN,oBAAC;IAAI,WAAU;cAAsB;KAAc;;GAC/C"}

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

@@ -0,0 +1,47 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import * as class_variance_authority_types8 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_runtime60.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime60.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime60.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types8.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime60.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime60.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime60.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime60.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime60.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAOS,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB;;IAEtD,mBAAA,CAAA,GAAA,CAAA;iBAiBQ,kBAAA;;;GAGN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB,QAAK,mBAAA,CAAA,GAAA,CAAA;AAjCe,iBA8ClE,kBAAA,CAxCc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CpB,OAAA,CAAM,cA3Cc,CAAA,OA2CQ,uBAAA,CAAwB,IA3ChC,CAAA,CAAA,EA2CqC,mBAAA,CAAA,GAAA,CAAA,OA3CrC;cAqDjB,0BApDJ,EAAA,CAAA,KAAA,CAAA,EAsDD,+BAAA,CAF+B,SAAA,GApD9B,SAAA,EAAA,GAAA,MAAA;iBAwDO,qBAAA,CAvDP;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2DC,OAAA,CAAM,cA3DP,CAAA,OA2D6B,uBAAA,CAAwB,OA3DrD,CAAA,CAAA,EA2D6D,mBAAA,CAAA,GAAA,CAAA,OA3D7D;iBA2EO,qBAAA,CA1EP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6EC,OAAA,CAAM,cA7EP,CAAA,OA6E6B,uBAAA,CAAwB,OA7ErD,CAAA,CAAA,EA6E6D,mBAAA,CAAA,GAAA,CAAA,OA7E7D;iBA2FO,sBAAA,CAzF8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4FpD,OAAA,CAAM,cA5F8C,CAAA,OA4FxB,uBAAA,CAAwB,QA5FA,CAAA,CAAA,EA4FS,mBAAA,CAAA,GAAA,CAAA,OA5FT;iBA+G9C,kBAAA,CA/GA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkHN,OAAA,CAAM,cAlHA,CAAA,OAkHsB,uBAAA,CAAwB,IAlH9C,CAAA,CAAA,EAkHmD,mBAAA,CAAA,GAAA,CAAA,OAlHnD;iBA+HA,uBAAA,CA7HR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgIE,OAAA,CAAM,cAhIR,CAAA,OAgI8B,uBAAA,CAAwB,SAhItD,CAAA,CAAA,EAgIgE,mBAAA,CAAA,GAAA,CAAA,OAhIhE"}

package/dist/ui/navigation-menu.js

@@ -0,0 +1,83 @@
+import "react";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+
+//#region ui/navigation-menu.tsx
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+	return /* @__PURE__ */ jsxs(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__ */ jsx(NavigationMenuViewport, {})]
+	});
+}
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+		...props
+	});
+}
+function NavigationMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+}
+const 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__ */ jsxs(NavigationMenuPrimitive.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(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
+	});
+}
+function NavigationMenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ jsx(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
+		})
+	});
+}
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(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
+	});
+}
+function NavigationMenuIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+	});
+}
+
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-1 list-none items-center justify-center gap-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('relative', className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  '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'\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), 'group', className)}\n      {...props}\n    >\n      {children}{' '}\n      <ChevronDownIcon\n        className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        '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',\n        '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',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        'absolute top-full left-0 isolate z-50 flex justify-center'\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          '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)',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;;;AAOA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;aAEH,UACA,YAAY,oBAAC,2BAAyB;GACV;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;GACJ;;AAIN,MAAM,6BAA6B,IACjC,igBACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;AAC/D,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;;GAEH;GAAU;GACX,oBAAC;IACC,WAAU;IACV,eAAY;KACZ;;GAC8B;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,oWACA,ijCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC;EACC,WAAW,GACT,4DACD;YAED,oBAAC,wBAAwB;GACvB,aAAU;GACV,WAAW,GACT,gVACA,UACD;GACD,GAAI;IACJ;GACE;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,2dACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;YAEJ,oBAAC,SAAI,WAAU,2EAA2E;GACxD"}

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import * as react_jsx_runtime254 from "react/jsx-runtime";
+
+//#region ui/organisms/ErrorBoundary/ErrorBoundary.d.ts
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error: Error | null;
+  errorId: string | null;
+}
+interface ErrorBoundaryProps {
+  children: React.ReactNode;
+  fallback?: React.ComponentType<ErrorFallbackProps>;
+  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorFallbackProps {
+  error: Error;
+  errorId: string | null;
+  resetError: () => void;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  constructor(props: ErrorBoundaryProps);
+  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+  resetError: () => void;
+  render(): string | number | bigint | boolean | react_jsx_runtime254.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+declare const useErrorHandler: () => (error: Error) => never;
+//#endregion
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps, useErrorHandler };
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","names":[],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":[],"mappings":";;;;UAOU,kBAAA;;SAED;EAFC,OAAA,EAAA,MAAA,GAAA,IAAkB;AAEd;UAIJ,kBAAA,CACQ;EACe,QAAA,EADrB,KAAA,CAAM,SACe;EAApB,QAAM,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;EACC,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAkB,KAAA,CAAM,SAAxB,EAAA,GAAA,IAAA;;UAGV,kBAAA,CAH2C;EAG3C,KAAA,EACD,KADC;EAmEG,OAAA,EAAA,MAAA,GAAc,IAAA;EACzB,UAAA,EAAA,GAAA,GAAA,IAAA;;AAGmB,cAJR,aAAA,SAAsB,KAAA,CAAM,SAIpB,CAHnB,kBAGmB,EAFnB,kBAEmB,CAAA,CAAA;EASoB,WAAA,CAAA,KAAA,EATpB,kBASoB;EAAgB,OAAA,wBAAA,CAAA,KAAA,EAAhB,KAAgB,CAAA,EAAR,OAAQ,CAAA,kBAAA,CAAA;EAAR,iBAAA,CAAA,KAAA,EAOtB,KAPsB,EAAA,SAAA,EAOJ,KAAA,CAAM,SAPF,CAAA,EAAA,IAAA;EAOtB,UAAA,EAAA,GAAA,GAAA,IAAA;EAAkB,MAAM,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAgC3C,OAhC2C,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,KAAA,CAAA,WAhC2C,GAgC3C,KAAA,CAAA,YAhC2C,CAAA,OAAA,EAAA,MAAA,GAgC3C,KAAA,CAAA,qBAhC2C,CAAA,GAAA,CAAA,CAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAAA,IAAA,GAAA,SAAA;;AAgC3C,cAkBK,eAlBL,EAAA,GAAA,GAAA,CAAA,KAAA,EAmB2B,KAnB3B,EAAA,GAAA,KAAA"}