@contractspec/lib.design-system 1.57.0 → 1.58.0

package/dist/components/molecules/FiltersToolbar.js

@@ -1,71 +0,0 @@
-import { Button } from "../atoms/Button.js";
-import { Input } from "../atoms/Input.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-
-//#region src/components/molecules/FiltersToolbar.tsx
-function FiltersToolbar({ className, children, right, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, debounceMs = 250, activeChips = [], onClearAll }) {
-	const [q, setQ] = React.useState(searchValue ?? "");
-	React.useEffect(() => {
-		setQ(searchValue ?? "");
-	}, [searchValue]);
-	React.useEffect(() => {
-		if (!onSearchChange) return;
-		const id = setTimeout(() => onSearchChange(q), debounceMs);
-		return () => clearTimeout(id);
-	}, [
-		q,
-		debounceMs,
-		onSearchChange
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("space-y-2", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-1 items-center gap-2",
-				children: [onSearchChange ? /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Input, {
-						value: q,
-						onChange: (e) => setQ(e.target.value),
-						onKeyDown: (e) => {
-							if (e.key === "Enter") onSearchSubmit?.();
-						},
-						placeholder: searchPlaceholder,
-						keyboard: { kind: "search" }
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						onPress: () => onSearchSubmit?.(),
-						className: "shrink-0",
-						children: "Rechercher"
-					})]
-				}) : null, children]
-			}), right]
-		}), (activeChips.length > 0 || onClearAll) && /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-wrap items-center gap-2",
-			children: [activeChips.map((c) => /* @__PURE__ */ jsxs(Badge, {
-				variant: "secondary",
-				className: "inline-flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", { children: c.label }), c.onRemove && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": "Supprimer le filtre",
-					onClick: c.onRemove,
-					className: "hover:bg-muted rounded-xs px-1 text-base",
-					children: "×"
-				})]
-			}, c.key)), onClearAll && /* @__PURE__ */ jsx(Button, {
-				size: "sm",
-				variant: "ghost",
-				onPress: onClearAll,
-				children: "Effacer les filtres"
-			})]
-		})]
-	});
-}
-
-//#endregion
-export { FiltersToolbar };
-//# sourceMappingURL=FiltersToolbar.js.map

package/dist/components/molecules/FiltersToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FiltersToolbar.js","names":[],"sources":["../../../src/components/molecules/FiltersToolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Button, Input } from '../../index';\nimport { Badge } from '@contractspec/lib.ui-kit-web/ui/badge';\n\nexport interface ActiveFilterChip {\n  key: string;\n  label: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface FiltersToolbarProps {\n  className?: string;\n  children?: React.ReactNode;\n  right?: React.ReactNode;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  onSearchSubmit?: () => void;\n  debounceMs?: number;\n  activeChips?: ActiveFilterChip[];\n  onClearAll?: () => void;\n}\n\nexport function FiltersToolbar({\n  className,\n  children,\n  right,\n  searchPlaceholder,\n  searchValue,\n  onSearchChange,\n  onSearchSubmit,\n  debounceMs = 250,\n  activeChips = [],\n  onClearAll,\n}: FiltersToolbarProps) {\n  const [q, setQ] = React.useState<string>(searchValue ?? '');\n\n  React.useEffect(() => {\n    setQ(searchValue ?? '');\n  }, [searchValue]);\n\n  React.useEffect(() => {\n    if (!onSearchChange) return;\n    const id = setTimeout(() => onSearchChange(q), debounceMs);\n    return () => clearTimeout(id);\n  }, [q, debounceMs, onSearchChange]);\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between\">\n        <div className=\"flex flex-1 items-center gap-2\">\n          {onSearchChange ? (\n            <div className=\"flex flex-1 items-center gap-2\">\n              <Input\n                value={q}\n                onChange={(e) => setQ(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') onSearchSubmit?.();\n                }}\n                placeholder={searchPlaceholder}\n                keyboard={{ kind: 'search' }}\n              />\n              <Button\n                variant=\"outline\"\n                onPress={() => onSearchSubmit?.()}\n                className=\"shrink-0\"\n              >\n                Rechercher\n              </Button>\n            </div>\n          ) : null}\n          {children}\n        </div>\n        {right}\n      </div>\n\n      {(activeChips.length > 0 || onClearAll) && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {activeChips.map((c) => (\n            <Badge\n              key={c.key}\n              variant=\"secondary\"\n              className=\"inline-flex items-center gap-2\"\n            >\n              <span>{c.label}</span>\n              {c.onRemove && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Supprimer le filtre\"\n                  onClick={c.onRemove}\n                  className=\"hover:bg-muted rounded-xs px-1 text-base\"\n                >\n                  ×\n                </button>\n              )}\n            </Badge>\n          ))}\n          {onClearAll && (\n            <Button size=\"sm\" variant=\"ghost\" onPress={onClearAll}>\n              Effacer les filtres\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,eAAe,EAC7B,WACA,UACA,OACA,mBACA,aACA,gBACA,gBACA,aAAa,KACb,cAAc,EAAE,EAChB,cACsB;CACtB,MAAM,CAAC,GAAG,QAAQ,MAAM,SAAiB,eAAe,GAAG;AAE3D,OAAM,gBAAgB;AACpB,OAAK,eAAe,GAAG;IACtB,CAAC,YAAY,CAAC;AAEjB,OAAM,gBAAgB;AACpB,MAAI,CAAC,eAAgB;EACrB,MAAM,KAAK,iBAAiB,eAAe,EAAE,EAAE,WAAW;AAC1D,eAAa,aAAa,GAAG;IAC5B;EAAC;EAAG;EAAY;EAAe,CAAC;AAEnC,QACE,qBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;aACxC,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACZ,iBACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,OAAO;MACP,WAAW,MAAM,KAAK,EAAE,OAAO,MAAM;MACrC,YAAY,MAAM;AAChB,WAAI,EAAE,QAAQ,QAAS,mBAAkB;;MAE3C,aAAa;MACb,UAAU,EAAE,MAAM,UAAU;OAC5B,EACF,oBAAC;MACC,SAAQ;MACR,eAAe,kBAAkB;MACjC,WAAU;gBACX;OAEQ;MACL,GACJ,MACH;KACG,EACL;IACG,GAEJ,YAAY,SAAS,KAAK,eAC1B,qBAAC;GAAI,WAAU;cACZ,YAAY,KAAK,MAChB,qBAAC;IAEC,SAAQ;IACR,WAAU;eAEV,oBAAC,oBAAM,EAAE,QAAa,EACrB,EAAE,YACD,oBAAC;KACC,MAAK;KACL,cAAW;KACX,SAAS,EAAE;KACX,WAAU;eACX;MAEQ;MAbN,EAAE,IAeD,CACR,EACD,cACC,oBAAC;IAAO,MAAK;IAAK,SAAQ;IAAQ,SAAS;cAAY;KAE9C;IAEP;GAEJ"}

package/dist/components/molecules/HoverPreview.js

@@ -1,26 +0,0 @@
-'use client';
-
-import { __esmMin, __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@contractspec/lib.ui-kit-web/ui/hover-card";
-
-//#region src/components/molecules/HoverPreview.tsx
-var HoverPreview_exports = /* @__PURE__ */ __exportAll({ HoverPreview: () => HoverPreview });
-function HoverPreview({ trigger, content, align = "center", sideOffset = 8, className }) {
-	return /* @__PURE__ */ jsxs(HoverCard, { children: [/* @__PURE__ */ jsx(HoverCardTrigger, {
-		asChild: true,
-		children: trigger
-	}), /* @__PURE__ */ jsx(HoverCardContent, {
-		align,
-		sideOffset,
-		className,
-		children: content
-	})] });
-}
-var init_HoverPreview = __esmMin((() => {}));
-
-//#endregion
-init_HoverPreview();
-export { HoverPreview, HoverPreview_exports, init_HoverPreview };
-//# sourceMappingURL=HoverPreview.js.map

package/dist/components/molecules/HoverPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoverPreview.js","names":[],"sources":["../../../src/components/molecules/HoverPreview.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n} from '@contractspec/lib.ui-kit-web/ui/hover-card';\n\nexport interface HoverPreviewProps {\n  trigger: React.ReactNode; // usually a link or chip\n  content: React.ReactNode; // preview panel\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n  className?: string;\n}\n\nexport function HoverPreview({\n  trigger,\n  content,\n  align = 'center',\n  sideOffset = 8,\n  className,\n}: HoverPreviewProps) {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild>{trigger}</HoverCardTrigger>\n      <HoverCardContent\n        align={align}\n        sideOffset={sideOffset}\n        className={className}\n      >\n        {content}\n      </HoverCardContent>\n    </HoverCard>\n  );\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,aAAa,EAC3B,SACA,SACA,QAAQ,UACR,aAAa,GACb,aACoB;AACpB,QACE,qBAAC,wBACC,oBAAC;EAAiB;YAAS;GAA2B,EACtD,oBAAC;EACQ;EACK;EACD;YAEV;GACgB,IACT"}

package/dist/components/molecules/InstallCommand/InstallCommand.js

@@ -1,69 +0,0 @@
-'use client';
-
-import { CommandTabs } from "../CommandTabs/CommandTabs.js";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/molecules/InstallCommand/InstallCommand.tsx
-function buildCommand(pm, packageNames, type, dev, global) {
-	const packages = packageNames.join(" ");
-	if (type === "exec") switch (pm) {
-		case "bun": return `bunx ${packages}`;
-		case "npm": return `npx ${packages}`;
-		case "yarn": return `yarn dlx ${packages}`;
-		case "pnpm": return `pnpm dlx ${packages}`;
-	}
-	if (type === "create") switch (pm) {
-		case "bun": return `bun create ${packages}`;
-		case "npm": return `npm create ${packages}`;
-		case "yarn": return `yarn create ${packages}`;
-		case "pnpm": return `pnpm create ${packages}`;
-	}
-	if (type === "run") switch (pm) {
-		case "bun": return `bun run ${packages}`;
-		case "npm": return `npm run ${packages}`;
-		case "yarn": return `yarn ${packages}`;
-		case "pnpm": return `pnpm ${packages}`;
-	}
-	const flags = [dev ? pm === "npm" ? "--save-dev" : "-D" : "", global ? "-g" : ""].filter(Boolean).join(" ");
-	switch (pm) {
-		case "bun": return `bun add ${packages}${flags ? ` ${flags}` : ""}`;
-		case "npm": return `npm install ${packages}${flags ? ` ${flags}` : ""}`;
-		case "yarn": return `yarn add ${packages}${flags ? ` ${flags}` : ""}`;
-		case "pnpm": return `pnpm add ${packages}${flags ? ` ${flags}` : ""}`;
-	}
-}
-/**
-* Convenience component for displaying package installation commands.
-* Automatically generates the correct command for each package manager.
-*
-* @example
-* ```tsx
-* <InstallCommand package="@contractspec/lib.contracts" />
-* <InstallCommand package={["react", "react-dom"]} />
-* <InstallCommand package="typescript" dev />
-* <InstallCommand package="create-next-app" type="exec" />
-* ```
-*/
-function InstallCommand({ package: packageName, type = "add", dev = false, global = false, onCopy, ...props }) {
-	const packageNames = useMemo(() => Array.isArray(packageName) ? packageName : [packageName], [packageName]);
-	return /* @__PURE__ */ jsx(CommandTabs, {
-		commands: useMemo(() => ({
-			bun: buildCommand("bun", packageNames, type, dev, global),
-			npm: buildCommand("npm", packageNames, type, dev, global),
-			yarn: buildCommand("yarn", packageNames, type, dev, global),
-			pnpm: buildCommand("pnpm", packageNames, type, dev, global)
-		}), [
-			packageNames,
-			type,
-			dev,
-			global
-		]),
-		onCopy,
-		...props
-	});
-}
-
-//#endregion
-export { InstallCommand };
-//# sourceMappingURL=InstallCommand.js.map

package/dist/components/molecules/InstallCommand/InstallCommand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstallCommand.js","names":[],"sources":["../../../../src/components/molecules/InstallCommand/InstallCommand.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { CommandTabs } from '../CommandTabs';\nimport type { PackageManager } from '../CommandTabs/types';\nimport type { InstallCommandProps, InstallCommandType } from './types';\n\nfunction buildCommand(\n  pm: PackageManager,\n  packageNames: string[],\n  type: InstallCommandType,\n  dev: boolean,\n  global: boolean\n): string {\n  const packages = packageNames.join(' ');\n\n  // Handle exec/run commands (npx, bunx, etc.)\n  if (type === 'exec') {\n    switch (pm) {\n      case 'bun':\n        return `bunx ${packages}`;\n      case 'npm':\n        return `npx ${packages}`;\n      case 'yarn':\n        return `yarn dlx ${packages}`;\n      case 'pnpm':\n        return `pnpm dlx ${packages}`;\n    }\n  }\n\n  // Handle create commands\n  if (type === 'create') {\n    switch (pm) {\n      case 'bun':\n        return `bun create ${packages}`;\n      case 'npm':\n        return `npm create ${packages}`;\n      case 'yarn':\n        return `yarn create ${packages}`;\n      case 'pnpm':\n        return `pnpm create ${packages}`;\n    }\n  }\n\n  // Handle run commands\n  if (type === 'run') {\n    switch (pm) {\n      case 'bun':\n        return `bun run ${packages}`;\n      case 'npm':\n        return `npm run ${packages}`;\n      case 'yarn':\n        return `yarn ${packages}`;\n      case 'pnpm':\n        return `pnpm ${packages}`;\n    }\n  }\n\n  // Build flags\n  const devFlag = dev ? (pm === 'npm' ? '--save-dev' : '-D') : '';\n  const globalFlag = global ? '-g' : '';\n  const flags = [devFlag, globalFlag].filter(Boolean).join(' ');\n\n  // Handle add/install commands\n  switch (pm) {\n    case 'bun':\n      return `bun add ${packages}${flags ? ` ${flags}` : ''}`;\n    case 'npm':\n      return `npm install ${packages}${flags ? ` ${flags}` : ''}`;\n    case 'yarn':\n      return `yarn add ${packages}${flags ? ` ${flags}` : ''}`;\n    case 'pnpm':\n      return `pnpm add ${packages}${flags ? ` ${flags}` : ''}`;\n  }\n}\n\n/**\n * Convenience component for displaying package installation commands.\n * Automatically generates the correct command for each package manager.\n *\n * @example\n * ```tsx\n * <InstallCommand package=\"@contractspec/lib.contracts\" />\n * <InstallCommand package={[\"react\", \"react-dom\"]} />\n * <InstallCommand package=\"typescript\" dev />\n * <InstallCommand package=\"create-next-app\" type=\"exec\" />\n * ```\n */\nexport function InstallCommand({\n  package: packageName,\n  type = 'add',\n  dev = false,\n  global = false,\n  onCopy,\n  ...props\n}: InstallCommandProps) {\n  const packageNames = useMemo(\n    () => (Array.isArray(packageName) ? packageName : [packageName]),\n    [packageName]\n  );\n\n  const commands = useMemo(\n    () => ({\n      bun: buildCommand('bun', packageNames, type, dev, global),\n      npm: buildCommand('npm', packageNames, type, dev, global),\n      yarn: buildCommand('yarn', packageNames, type, dev, global),\n      pnpm: buildCommand('pnpm', packageNames, type, dev, global),\n    }),\n    [packageNames, type, dev, global]\n  );\n\n  return <CommandTabs commands={commands} onCopy={onCopy} {...props} />;\n}\n"],"mappings":";;;;;;;AAOA,SAAS,aACP,IACA,cACA,MACA,KACA,QACQ;CACR,MAAM,WAAW,aAAa,KAAK,IAAI;AAGvC,KAAI,SAAS,OACX,SAAQ,IAAR;EACE,KAAK,MACH,QAAO,QAAQ;EACjB,KAAK,MACH,QAAO,OAAO;EAChB,KAAK,OACH,QAAO,YAAY;EACrB,KAAK,OACH,QAAO,YAAY;;AAKzB,KAAI,SAAS,SACX,SAAQ,IAAR;EACE,KAAK,MACH,QAAO,cAAc;EACvB,KAAK,MACH,QAAO,cAAc;EACvB,KAAK,OACH,QAAO,eAAe;EACxB,KAAK,OACH,QAAO,eAAe;;AAK5B,KAAI,SAAS,MACX,SAAQ,IAAR;EACE,KAAK,MACH,QAAO,WAAW;EACpB,KAAK,MACH,QAAO,WAAW;EACpB,KAAK,OACH,QAAO,QAAQ;EACjB,KAAK,OACH,QAAO,QAAQ;;CAOrB,MAAM,QAAQ,CAFE,MAAO,OAAO,QAAQ,eAAe,OAAQ,IAC1C,SAAS,OAAO,GACA,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAG7D,SAAQ,IAAR;EACE,KAAK,MACH,QAAO,WAAW,WAAW,QAAQ,IAAI,UAAU;EACrD,KAAK,MACH,QAAO,eAAe,WAAW,QAAQ,IAAI,UAAU;EACzD,KAAK,OACH,QAAO,YAAY,WAAW,QAAQ,IAAI,UAAU;EACtD,KAAK,OACH,QAAO,YAAY,WAAW,QAAQ,IAAI,UAAU;;;;;;;;;;;;;;;AAgB1D,SAAgB,eAAe,EAC7B,SAAS,aACT,OAAO,OACP,MAAM,OACN,SAAS,OACT,QACA,GAAG,SACmB;CACtB,MAAM,eAAe,cACZ,MAAM,QAAQ,YAAY,GAAG,cAAc,CAAC,YAAY,EAC/D,CAAC,YAAY,CACd;AAYD,QAAO,oBAAC;EAAY,UAVH,eACR;GACL,KAAK,aAAa,OAAO,cAAc,MAAM,KAAK,OAAO;GACzD,KAAK,aAAa,OAAO,cAAc,MAAM,KAAK,OAAO;GACzD,MAAM,aAAa,QAAQ,cAAc,MAAM,KAAK,OAAO;GAC3D,MAAM,aAAa,QAAQ,cAAc,MAAM,KAAK,OAAO;GAC5D,GACD;GAAC;GAAc;GAAM;GAAK;GAAO,CAClC;EAE+C;EAAQ,GAAI;GAAS"}

package/dist/components/molecules/LangSwitch.js

@@ -1,22 +0,0 @@
-'use client';
-
-import { Button } from "../atoms/Button.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/molecules/LangSwitch.tsx
-function LangSwitch({ value, options, onChange, size = "sm" }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex items-center gap-1",
-		children: options.map((opt) => /* @__PURE__ */ jsx(Button, {
-			variant: value === opt.code ? "default" : "ghost",
-			size,
-			onPress: () => onChange(opt.code),
-			children: opt.label
-		}, opt.code))
-	});
-}
-
-//#endregion
-export { LangSwitch };
-//# sourceMappingURL=LangSwitch.js.map

package/dist/components/molecules/LangSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LangSwitch.js","names":[],"sources":["../../../src/components/molecules/LangSwitch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Button } from '../atoms/Button';\n\nexport interface LangOption {\n  code: string; // e.g. 'en', 'fr'\n  label: React.ReactNode;\n}\n\nexport interface LangSwitchProps {\n  value: string;\n  options: LangOption[];\n  onChange: (code: string) => void;\n  size?: 'sm' | 'default';\n}\n\nexport function LangSwitch({\n  value,\n  options,\n  onChange,\n  size = 'sm',\n}: LangSwitchProps) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {options.map((opt) => (\n        <Button\n          key={opt.code}\n          variant={value === opt.code ? 'default' : 'ghost'}\n          size={size}\n          onPress={() => onChange(opt.code)}\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,WAAW,EACzB,OACA,SACA,UACA,OAAO,QACW;AAClB,QACE,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,QACZ,oBAAC;GAEC,SAAS,UAAU,IAAI,OAAO,YAAY;GACpC;GACN,eAAe,SAAS,IAAI,KAAK;aAEhC,IAAI;KALA,IAAI,KAMF,CACT;GACE"}

package/dist/components/molecules/LangSwitchDropdown.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import { Globe } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@contractspec/lib.ui-kit-web/ui/dropdown-menu";
-
-//#region src/components/molecules/LangSwitchDropdown.tsx
-function LangSwitchDropdown({ value, options, onChange, className }) {
-	const [open, setOpen] = React.useState(false);
-	const current = options.find((o) => o.code === value);
-	return /* @__PURE__ */ jsxs(DropdownMenu, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			className,
-			onMouseEnter: () => setOpen(true),
-			onMouseLeave: () => setOpen(false),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm",
-				children: [/* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-					className: "hidden sm:inline",
-					children: current?.label ?? value.toUpperCase()
-				})]
-			})
-		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-			align: "end",
-			onMouseEnter: () => setOpen(true),
-			onMouseLeave: () => setOpen(false),
-			children: options.map((opt) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-				onClick: () => onChange(opt.code),
-				children: opt.label
-			}, opt.code))
-		})]
-	});
-}
-
-//#endregion
-export { LangSwitchDropdown };
-//# sourceMappingURL=LangSwitchDropdown.js.map

package/dist/components/molecules/LangSwitchDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LangSwitchDropdown.js","names":[],"sources":["../../../src/components/molecules/LangSwitchDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Globe } from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/dropdown-menu';\n\nexport interface LangOption {\n  code: string;\n  label: React.ReactNode;\n}\n\nexport function LangSwitchDropdown({\n  value,\n  options,\n  onChange,\n  className,\n}: {\n  value: string;\n  options: LangOption[];\n  onChange: (code: string) => void;\n  className?: string;\n}) {\n  const [open, setOpen] = React.useState(false);\n  const current = options.find((o) => o.code === value);\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger\n        className={className}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n      >\n        <div className=\"hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm\">\n          <Globe className=\"h-4 w-4\" />\n          <span className=\"hidden sm:inline\">\n            {current?.label ?? value.toUpperCase()}\n          </span>\n        </div>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"end\"\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n      >\n        {options.map((opt) => (\n          <DropdownMenuItem key={opt.code} onClick={() => onChange(opt.code)}>\n            {opt.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,mBAAmB,EACjC,OACA,SACA,UACA,aAMC;CACD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,UAAU,QAAQ,MAAM,MAAM,EAAE,SAAS,MAAM;AAErD,QACE,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GACY;GACX,oBAAoB,QAAQ,KAAK;GACjC,oBAAoB,QAAQ,MAAM;aAElC,qBAAC;IAAI,WAAU;eACb,oBAAC,SAAM,WAAU,YAAY,EAC7B,oBAAC;KAAK,WAAU;eACb,SAAS,SAAS,MAAM,aAAa;MACjC;KACH;IACc,EACtB,oBAAC;GACC,OAAM;GACN,oBAAoB,QAAQ,KAAK;GACjC,oBAAoB,QAAQ,MAAM;aAEjC,QAAQ,KAAK,QACZ,oBAAC;IAAgC,eAAe,SAAS,IAAI,KAAK;cAC/D,IAAI;MADgB,IAAI,KAER,CACnB;IACkB;GACT"}

package/dist/components/molecules/LoaderBlock.js

@@ -1,25 +0,0 @@
-import { LoaderCircular } from "../atoms/LoaderCircular.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/molecules/LoaderBlock.tsx
-function LoaderBlock({ label, description, className, size = "md" }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center justify-center p-6", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "inline-flex items-center gap-3",
-			children: [/* @__PURE__ */ jsx(LoaderCircular, {
-				size,
-				label
-			}), description ? /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground text-base",
-				children: description
-			}) : null]
-		})
-	});
-}
-
-//#endregion
-export { LoaderBlock };
-//# sourceMappingURL=LoaderBlock.js.map

package/dist/components/molecules/LoaderBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoaderBlock.js","names":[],"sources":["../../../src/components/molecules/LoaderBlock.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { LoaderCircular } from '../atoms/LoaderCircular';\n\nexport interface LoaderBlockProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function LoaderBlock({\n  label,\n  description,\n  className,\n  size = 'md',\n}: LoaderBlockProps) {\n  return (\n    <div className={cn('flex items-center justify-center p-6', className)}>\n      <div className=\"inline-flex items-center gap-3\">\n        <LoaderCircular size={size} label={label} />\n        {description ? (\n          <span className=\"text-muted-foreground text-base\">{description}</span>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,YAAY,EAC1B,OACA,aACA,WACA,OAAO,QACY;AACnB,QACE,oBAAC;EAAI,WAAW,GAAG,wCAAwC,UAAU;YACnE,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAqB;IAAa;KAAS,EAC3C,cACC,oBAAC;IAAK,WAAU;cAAmC;KAAmB,GACpE;IACA;GACF"}

package/dist/components/molecules/MobileNavMenu.js

@@ -1,28 +0,0 @@
-'use client';
-
-import { NavItemCard } from "./NavItemCard.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/molecules/MobileNavMenu.tsx
-function MobileNavMenu({ items, className }) {
-	return /* @__PURE__ */ jsx("nav", {
-		className: cn("flex flex-col gap-3", className),
-		children: items.map((it) => /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ jsx("a", {
-				href: it.href || "#",
-				className: "text-base font-semibold",
-				children: it.label
-			}), it.items && it.items.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: "grid grid-cols-1 gap-2",
-				children: it.items.map((l) => /* @__PURE__ */ jsx(NavItemCard, { item: l }, l.href))
-			})]
-		}, String(it.key ?? it.href ?? it.label)))
-	});
-}
-
-//#endregion
-export { MobileNavMenu };
-//# sourceMappingURL=MobileNavMenu.js.map

package/dist/components/molecules/MobileNavMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileNavMenu.js","names":[],"sources":["../../../src/components/molecules/MobileNavMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { HeaderNavItem } from '../../types/navigation';\nimport { NavItemCard } from './NavItemCard';\n\nexport function MobileNavMenu({\n  items,\n  className,\n}: {\n  items: HeaderNavItem[];\n  className?: string;\n}) {\n  return (\n    <nav className={cn('flex flex-col gap-3', className)}>\n      {items.map((it) => (\n        <div\n          key={String(it.key ?? it.href ?? it.label)}\n          className=\"flex flex-col gap-2\"\n        >\n          <a href={it.href || '#'} className=\"text-base font-semibold\">\n            {it.label}\n          </a>\n          {it.items && it.items.length > 0 && (\n            <div className=\"grid grid-cols-1 gap-2\">\n              {it.items.map((l) => (\n                <NavItemCard key={l.href} item={l} />\n              ))}\n            </div>\n          )}\n        </div>\n      ))}\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,cAAc,EAC5B,OACA,aAIC;AACD,QACE,oBAAC;EAAI,WAAW,GAAG,uBAAuB,UAAU;YACjD,MAAM,KAAK,OACV,qBAAC;GAEC,WAAU;cAEV,oBAAC;IAAE,MAAM,GAAG,QAAQ;IAAK,WAAU;cAChC,GAAG;KACF,EACH,GAAG,SAAS,GAAG,MAAM,SAAS,KAC7B,oBAAC;IAAI,WAAU;cACZ,GAAG,MAAM,KAAK,MACb,oBAAC,eAAyB,MAAM,KAAd,EAAE,KAAiB,CACrC;KACE;KAXH,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAatC,CACN;GACE"}

package/dist/components/molecules/NavItemCard.js

@@ -1,51 +0,0 @@
-'use client';
-
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/molecules/NavItemCard.tsx
-function NavItemCard({ item, className }) {
-	return /* @__PURE__ */ jsx("a", {
-		href: item.href,
-		className: cn("hover:bg-accent block rounded-md p-2 transition-colors", className),
-		"aria-label": typeof item.label === "string" ? item.label : item.ariaLabel,
-		target: item.target,
-		rel: item.external ? "noopener noreferrer" : void 0,
-		onClick: item.onClick,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3",
-			children: [item.imageSrc ? /* @__PURE__ */ jsx("img", {
-				src: item.imageSrc,
-				alt: item.imageAlt || "",
-				className: "h-12 w-12 rounded-xs object-cover"
-			}) : item.icon || null, /* @__PURE__ */ jsxs("div", {
-				className: "min-w-0",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2 text-base font-medium",
-						children: [item.label, item.badge && /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground ml-1 text-xs",
-							children: item.badge
-						})]
-					}),
-					item.description && /* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground line-clamp-2 text-sm",
-						children: item.description
-					}),
-					item.categories && item.categories.length > 0 && /* @__PURE__ */ jsx("div", {
-						className: "mt-1 flex flex-wrap items-center gap-1",
-						children: item.categories.map((c, i) => /* @__PURE__ */ jsx("span", {
-							className: "bg-muted text-muted-foreground rounded-xs px-1.5 py-0.5 text-[10px]",
-							children: c
-						}, i))
-					})
-				]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { NavItemCard };
-//# sourceMappingURL=NavItemCard.js.map

package/dist/components/molecules/NavItemCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItemCard.js","names":[],"sources":["../../../src/components/molecules/NavItemCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { NavLink } from '../../types/navigation';\n\nexport interface NavItemCardProps {\n  item: NavLink;\n  className?: string;\n}\n\nexport function NavItemCard({ item, className }: NavItemCardProps) {\n  return (\n    <a\n      href={item.href}\n      className={cn(\n        'hover:bg-accent block rounded-md p-2 transition-colors',\n        className\n      )}\n      aria-label={typeof item.label === 'string' ? item.label : item.ariaLabel}\n      target={item.target}\n      rel={item.external ? 'noopener noreferrer' : undefined}\n      onClick={item.onClick}\n    >\n      <div className=\"flex items-center gap-3\">\n        {item.imageSrc ? (\n          // keep generic img to avoid coupling to Next.js Image\n          <img\n            src={item.imageSrc}\n            alt={item.imageAlt || ''}\n            className=\"h-12 w-12 rounded-xs object-cover\"\n          />\n        ) : (\n          item.icon || null\n        )}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2 text-base font-medium\">\n            {item.label}\n            {item.badge && (\n              <span className=\"text-muted-foreground ml-1 text-xs\">\n                {item.badge}\n              </span>\n            )}\n          </div>\n          {item.description && (\n            <div className=\"text-muted-foreground line-clamp-2 text-sm\">\n              {item.description}\n            </div>\n          )}\n          {item.categories && item.categories.length > 0 && (\n            <div className=\"mt-1 flex flex-wrap items-center gap-1\">\n              {item.categories.map((c, i) => (\n                <span\n                  key={i}\n                  className=\"bg-muted text-muted-foreground rounded-xs px-1.5 py-0.5 text-[10px]\"\n                >\n                  {c}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,YAAY,EAAE,MAAM,aAA+B;AACjE,QACE,oBAAC;EACC,MAAM,KAAK;EACX,WAAW,GACT,0DACA,UACD;EACD,cAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,KAAK;EAC/D,QAAQ,KAAK;EACb,KAAK,KAAK,WAAW,wBAAwB;EAC7C,SAAS,KAAK;YAEd,qBAAC;GAAI,WAAU;cACZ,KAAK,WAEJ,oBAAC;IACC,KAAK,KAAK;IACV,KAAK,KAAK,YAAY;IACtB,WAAU;KACV,GAEF,KAAK,QAAQ,MAEf,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACZ,KAAK,OACL,KAAK,SACJ,oBAAC;OAAK,WAAU;iBACb,KAAK;QACD;OAEL;KACL,KAAK,eACJ,oBAAC;MAAI,WAAU;gBACZ,KAAK;OACF;KAEP,KAAK,cAAc,KAAK,WAAW,SAAS,KAC3C,oBAAC;MAAI,WAAU;gBACZ,KAAK,WAAW,KAAK,GAAG,MACvB,oBAAC;OAEC,WAAU;iBAET;SAHI,EAIA,CACP;OACE;;KAEJ;IACF;GACJ"}

package/dist/components/molecules/NavMain.js

@@ -1,34 +0,0 @@
-import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@contractspec/lib.ui-kit-web/ui/navigation-menu";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/molecules/NavMain.tsx
-function NavMain({ items, className }) {
-	return /* @__PURE__ */ jsx(NavigationMenu, {
-		className: cn("hidden md:flex", className),
-		children: /* @__PURE__ */ jsx(NavigationMenuList, { children: items.map((it) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: it.items && it.items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, { children: /* @__PURE__ */ jsxs(Text, { children: ["r", it.label] }) }), /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx(HStack, {
-			className: "grid w-[500px] grid-cols-2 gap-3 p-3",
-			children: it.items.map((l) => /* @__PURE__ */ jsxs(NavigationMenuLink, {
-				href: l.href,
-				className: "hover:bg-accent block rounded-md p-2",
-				children: [/* @__PURE__ */ jsx(Text, {
-					className: "text-base font-medium",
-					children: l.label
-				}), l.badge && /* @__PURE__ */ jsx(Text, {
-					className: "text-muted-foreground ml-2 text-xs",
-					children: l.badge
-				})]
-			}, l.href))
-		}) })] }) : /* @__PURE__ */ jsx(NavigationMenuLink, {
-			href: it.href || "#",
-			children: it.label
-		}) }, String(it.key ?? it.href ?? it.label))) })
-	});
-}
-
-//#endregion
-export { NavMain };
-//# sourceMappingURL=NavMain.js.map

package/dist/components/molecules/NavMain.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavMain.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/molecules/NavMain.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  NavigationMenu as Nav,\n  NavigationMenuContent as NavContent,\n  NavigationMenuItem as NavItem,\n  NavigationMenuLink as NavLink,\n  NavigationMenuList as NavList,\n  NavigationMenuTrigger as NavTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/navigation-menu';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { HeaderNavItem } from '../../types/navigation';\nimport { HStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { Text } from '@contractspec/lib.ui-kit-web/ui/text';\n\nexport function NavMain({\n  items,\n  className,\n}: {\n  items: HeaderNavItem[];\n  className?: string;\n}) {\n  return (\n    <Nav className={cn('hidden md:flex', className)}>\n      <NavList>\n        {items.map((it) => (\n          <NavItem key={String(it.key ?? it.href ?? it.label)}>\n            {it.items && it.items.length > 0 ? (\n              <>\n                <NavTrigger>\n                  <Text>r{it.label}</Text>\n                </NavTrigger>\n                <NavContent>\n                  <HStack className=\"grid w-[500px] grid-cols-2 gap-3 p-3\">\n                    {it.items.map((l) => (\n                      <NavLink\n                        key={l.href}\n                        href={l.href}\n                        className=\"hover:bg-accent block rounded-md p-2\"\n                      >\n                        <Text className=\"text-base font-medium\">{l.label}</Text>\n                        {l.badge && (\n                          <Text className=\"text-muted-foreground ml-2 text-xs\">\n                            {l.badge}\n                          </Text>\n                        )}\n                      </NavLink>\n                    ))}\n                  </HStack>\n                </NavContent>\n              </>\n            ) : (\n              <NavLink href={it.href || '#'}>{it.label}</NavLink>\n            )}\n          </NavItem>\n        ))}\n      </NavList>\n    </Nav>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,QAAQ,EACtB,OACA,aAIC;AACD,QACE,oBAACA;EAAI,WAAW,GAAG,kBAAkB,UAAU;YAC7C,oBAACC,gCACE,MAAM,KAAK,OACV,oBAACC,gCACE,GAAG,SAAS,GAAG,MAAM,SAAS,IAC7B,4CACE,oBAACC,mCACC,qBAAC,mBAAK,KAAE,GAAG,SAAa,GACb,EACb,oBAACC,mCACC,oBAAC;GAAO,WAAU;aACf,GAAG,MAAM,KAAK,MACb,qBAACC;IAEC,MAAM,EAAE;IACR,WAAU;eAEV,oBAAC;KAAK,WAAU;eAAyB,EAAE;MAAa,EACvD,EAAE,SACD,oBAAC;KAAK,WAAU;eACb,EAAE;MACE;MARJ,EAAE,KAUC,CACV;IACK,GACE,IACZ,GAEH,oBAACA;GAAQ,MAAM,GAAG,QAAQ;aAAM,GAAG;IAAgB,IA1BzC,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CA4BzC,CACV,GACM;GACN"}

package/dist/components/molecules/NavUser.js

@@ -1,58 +0,0 @@
-import { Button } from "../atoms/Button.js";
-import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Avatar, AvatarFallback, AvatarImage } from "@contractspec/lib.ui-kit-web/ui/avatar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@contractspec/lib.ui-kit-web/ui/dropdown-menu";
-
-//#region src/components/molecules/NavUser.tsx
-function NavUser({ name, email, imageUrl, items }) {
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon",
-			"aria-label": "Account",
-			children: /* @__PURE__ */ jsx(Avatar, {
-				className: "h-8 w-8",
-				children: imageUrl ? /* @__PURE__ */ jsx(AvatarImage, {
-					src: imageUrl,
-					alt: name ?? "user"
-				}) : /* @__PURE__ */ jsx(AvatarFallback, { children: name?.[0] ?? "?" })
-			})
-		})
-	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-		align: "end",
-		className: "w-56",
-		children: [(name || email) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col",
-			children: [name && /* @__PURE__ */ jsx("span", {
-				className: "font-medium",
-				children: name
-			}), email && /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground text-base",
-				children: email
-			})]
-		}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }), items.map((it, i) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-			onClick: it.onClick,
-			asChild: !it.href,
-			children: it.href ? /* @__PURE__ */ jsx("a", {
-				href: it.href,
-				className: it.danger ? "text-destructive" : void 0,
-				children: /* @__PURE__ */ jsxs("span", {
-					className: "inline-flex items-center gap-2",
-					children: [it.icon, it.label]
-				})
-			}) : /* @__PURE__ */ jsx("span", {
-				className: it.danger ? "text-destructive" : void 0,
-				children: /* @__PURE__ */ jsxs("span", {
-					className: "inline-flex items-center gap-2",
-					children: [it.icon, it.label]
-				})
-			})
-		}, i))]
-	})] });
-}
-
-//#endregion
-export { NavUser };
-//# sourceMappingURL=NavUser.js.map

package/dist/components/molecules/NavUser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavUser.js","names":[],"sources":["../../../src/components/molecules/NavUser.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from '@contractspec/lib.ui-kit-web/ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '@contractspec/lib.ui-kit-web/ui/dropdown-menu';\nimport { Button } from '../atoms/Button';\nimport type { UserMenuItem } from '../../types/navigation';\n\nexport function NavUser({\n  name,\n  email,\n  imageUrl,\n  items,\n}: {\n  name?: string;\n  email?: string;\n  imageUrl?: string;\n  items: UserMenuItem[];\n}) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" aria-label=\"Account\">\n          <Avatar className=\"h-8 w-8\">\n            {imageUrl ? (\n              <AvatarImage src={imageUrl} alt={name ?? 'user'} />\n            ) : (\n              <AvatarFallback>{name?.[0] ?? '?'}</AvatarFallback>\n            )}\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-56\">\n        {(name || email) && (\n          <>\n            <DropdownMenuLabel>\n              <div className=\"flex flex-col\">\n                {name && <span className=\"font-medium\">{name}</span>}\n                {email && (\n                  <span className=\"text-muted-foreground text-base\">\n                    {email}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {items.map((it, i) => (\n          <DropdownMenuItem key={i} onClick={it.onClick} asChild={!it.href}>\n            {it.href ? (\n              <a\n                href={it.href}\n                className={it.danger ? 'text-destructive' : undefined}\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  {it.icon}\n                  {it.label}\n                </span>\n              </a>\n            ) : (\n              <span className={it.danger ? 'text-destructive' : undefined}>\n                <span className=\"inline-flex items-center gap-2\">\n                  {it.icon}\n                  {it.label}\n                </span>\n              </span>\n            )}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,QAAQ,EACtB,MACA,OACA,UACA,SAMC;AACD,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,oBAAC;GAAO,SAAQ;GAAQ,MAAK;GAAO,cAAW;aAC7C,oBAAC;IAAO,WAAU;cACf,WACC,oBAAC;KAAY,KAAK;KAAU,KAAK,QAAQ;MAAU,GAEnD,oBAAC,4BAAgB,OAAO,MAAM,MAAqB;KAE9C;IACF;GACW,EACtB,qBAAC;EAAoB,OAAM;EAAM,WAAU;cACvC,QAAQ,UACR,4CACE,oBAAC,+BACC,qBAAC;GAAI,WAAU;cACZ,QAAQ,oBAAC;IAAK,WAAU;cAAe;KAAY,EACnD,SACC,oBAAC;IAAK,WAAU;cACb;KACI;IAEL,GACY,EACpB,oBAAC,0BAAwB,IACxB,EAEJ,MAAM,KAAK,IAAI,MACd,oBAAC;GAAyB,SAAS,GAAG;GAAS,SAAS,CAAC,GAAG;aACzD,GAAG,OACF,oBAAC;IACC,MAAM,GAAG;IACT,WAAW,GAAG,SAAS,qBAAqB;cAE5C,qBAAC;KAAK,WAAU;gBACb,GAAG,MACH,GAAG;MACC;KACL,GAEJ,oBAAC;IAAK,WAAW,GAAG,SAAS,qBAAqB;cAChD,qBAAC;KAAK,WAAU;gBACb,GAAG,MACH,GAAG;MACC;KACF;KAjBY,EAmBJ,CACnB;GACkB,IACT"}

package/dist/components/molecules/OverviewCard.js

@@ -1,37 +0,0 @@
-'use client';
-
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@contractspec/lib.ui-kit-web/ui/dialog";
-
-//#region src/components/molecules/OverviewCard.tsx
-function OverviewCard({ title, summary, href, preview, ctaLabel }) {
-	return /* @__PURE__ */ jsxs(Dialog, { children: [/* @__PURE__ */ jsx(DialogTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsxs("button", {
-			className: "bg-background/50 hover:bg-accent/40 rounded-md border p-4 text-left shadow-2xs transition",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "text-lg font-medium",
-				children: title
-			}), /* @__PURE__ */ jsx("div", {
-				className: "text-foreground/80",
-				children: summary
-			})]
-		})
-	}), /* @__PURE__ */ jsxs(DialogContent, {
-		className: "max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl",
-		children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }), /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Link, {
-				href,
-				className: "bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2",
-				children: ctaLabel
-			}) })]
-		})]
-	})] });
-}
-
-//#endregion
-export { OverviewCard };
-//# sourceMappingURL=OverviewCard.js.map

package/dist/components/molecules/OverviewCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverviewCard.js","names":[],"sources":["../../../src/components/molecules/OverviewCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport Link from 'next/link';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/dialog';\n\ninterface OverviewCardProps {\n  title: string;\n  summary: string;\n  href: string;\n  preview?: React.ReactNode;\n  ctaLabel: string;\n}\n\nexport function OverviewCard({\n  title,\n  summary,\n  href,\n  preview,\n  ctaLabel,\n}: OverviewCardProps) {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <button className=\"bg-background/50 hover:bg-accent/40 rounded-md border p-4 text-left shadow-2xs transition\">\n          <div className=\"text-lg font-medium\">{title}</div>\n          <div className=\"text-foreground/80\">{summary}</div>\n        </button>\n      </DialogTrigger>\n      <DialogContent className=\"max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n        </DialogHeader>\n        <div className=\"space-y-4\">\n          {preview}\n          <div>\n            <Link\n              href={href}\n              className=\"bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2\"\n            >\n              {ctaLabel}\n            </Link>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgB,aAAa,EAC3B,OACA,SACA,MACA,SACA,YACoB;AACpB,QACE,qBAAC,qBACC,oBAAC;EAAc;YACb,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAI,WAAU;cAAuB;KAAY,EAClD,oBAAC;IAAI,WAAU;cAAsB;KAAc;IAC5C;GACK,EAChB,qBAAC;EAAc,WAAU;aACvB,oBAAC,0BACC,oBAAC,yBAAa,QAAoB,GACrB,EACf,qBAAC;GAAI,WAAU;cACZ,SACD,oBAAC,mBACC,oBAAC;IACO;IACN,WAAU;cAET;KACI,GACH;IACF;GACQ,IACT"}

package/dist/components/molecules/SkeletonBlock/index.web.js

@@ -1,13 +0,0 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { Skeleton } from "@contractspec/lib.ui-kit-web/ui/skeleton";
-
-//#region src/components/molecules/SkeletonBlock/index.web.tsx
-function SkeletonBlock({ w = "w-full", h = "h-4", rounded = "md", className }) {
-	return /* @__PURE__ */ jsx(Skeleton, { className: cn(w, h, rounded === "full" ? "rounded-full" : rounded === "lg" ? "rounded-lg" : rounded === "sm" ? "rounded-xs" : "rounded-md", className) });
-}
-
-//#endregion
-export { SkeletonBlock };
-//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonBlock/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.js","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '@contractspec/lib.ui-kit-web/ui/skeleton';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { SkeletonBlockProps } from './types';\n\nexport function SkeletonBlock({\n  w = 'w-full',\n  h = 'h-4',\n  rounded = 'md',\n  className,\n}: SkeletonBlockProps) {\n  const radius =\n    rounded === 'full'\n      ? 'rounded-full'\n      : rounded === 'lg'\n        ? 'rounded-lg'\n        : rounded === 'sm'\n          ? 'rounded-xs'\n          : 'rounded-md';\n  return <Skeleton className={cn(w, h, radius, className)} />;\n}\n"],"mappings":";;;;;;AAKA,SAAgB,cAAc,EAC5B,IAAI,UACJ,IAAI,OACJ,UAAU,MACV,aACqB;AASrB,QAAO,oBAAC,YAAS,WAAW,GAAG,GAAG,GAPhC,YAAY,SACR,iBACA,YAAY,OACV,eACA,YAAY,OACV,eACA,cACmC,UAAU,GAAI"}

package/dist/components/molecules/SkeletonCircle/index.web.js

@@ -1,23 +0,0 @@
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Skeleton } from "@contractspec/lib.ui-kit-web/ui/skeleton";
-
-//#region src/components/molecules/SkeletonCircle/index.web.tsx
-function SkeletonCircle({ size = 32, sizeClass, className }) {
-	const classes = [
-		"rounded-full",
-		sizeClass || void 0,
-		className
-	].filter(Boolean).join(" ");
-	return sizeClass ? /* @__PURE__ */ jsx(Skeleton, { className: classes }) : /* @__PURE__ */ jsx(Skeleton, {
-		className: classes,
-		style: {
-			width: size,
-			height: size
-		}
-	});
-}
-
-//#endregion
-export { SkeletonCircle };
-//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonCircle/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.js","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '@contractspec/lib.ui-kit-web/ui/skeleton';\nimport type { SkeletonCircleProps } from './types';\n\nexport function SkeletonCircle({\n  size = 32,\n  sizeClass,\n  className,\n}: SkeletonCircleProps) {\n  const classes = ['rounded-full', sizeClass || undefined, className]\n    .filter(Boolean)\n    .join(' ');\n  return sizeClass ? (\n    <Skeleton className={classes} />\n  ) : (\n    <Skeleton className={classes} style={{ width: size, height: size }} />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,eAAe,EAC7B,OAAO,IACP,WACA,aACsB;CACtB,MAAM,UAAU;EAAC;EAAgB,aAAa;EAAW;EAAU,CAChE,OAAO,QAAQ,CACf,KAAK,IAAI;AACZ,QAAO,YACL,oBAAC,YAAS,WAAW,UAAW,GAEhC,oBAAC;EAAS,WAAW;EAAS,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;GAAI"}

package/dist/components/molecules/SkeletonList/index.web.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { SkeletonList } from "@contractspec/lib.ui-kit-web/ui/molecules/SkeletonList";
-
-//#region src/components/molecules/SkeletonList/index.web.tsx
-function SkeletonList$1({ count = 10, className }) {
-	return /* @__PURE__ */ jsx(SkeletonList, {
-		count,
-		className
-	});
-}
-
-//#endregion
-export { SkeletonList$1 as SkeletonList };
-//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonList/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.js","names":["SkeletonList","UISkeletonList"],"sources":["../../../../src/components/molecules/SkeletonList/index.web.tsx"],"sourcesContent":["import { SkeletonList as UISkeletonList } from '@contractspec/lib.ui-kit-web/ui/molecules/SkeletonList';\nimport type { SkeletonListProps } from './types';\n\nexport function SkeletonList({ count = 10, className }: SkeletonListProps) {\n  return <UISkeletonList count={count} className={className} />;\n}\n"],"mappings":";;;;AAGA,SAAgBA,eAAa,EAAE,QAAQ,IAAI,aAAgC;AACzE,QAAO,oBAACC;EAAsB;EAAkB;GAAa"}