@contractspec/lib.design-system 1.48.1 → 1.49.0

package/dist/components/legal/molecules/LegalTOC.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types20 from "class-variance-authority/types";
 
 //#region src/components/legal/molecules/LegalTOC.d.ts
 interface TocItem {
@@ -11,7 +11,7 @@ interface TocItem {
 declare const tocVariants: (props?: ({
   variant?: "sidebar" | "inline" | null | undefined;
   size?: "sm" | "md" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types20.ClassProp) | undefined) => string;
 type LegalTOCProps = {
   items: TocItem[];
   activeHref?: string;
@@ -25,7 +25,7 @@ declare function LegalTOC({
   size,
   className,
   ...props
-}: LegalTOCProps): react_jsx_runtime60.JSX.Element;
+}: LegalTOCProps): react_jsx_runtime83.JSX.Element;
 //#endregion
 export { LegalTOC, TocItem };
 //# sourceMappingURL=LegalTOC.d.ts.map

package/dist/components/legal/molecules/LegalTOC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegalTOC.d.ts","names":[],"sources":["../../../../src/components/legal/molecules/LegalTOC.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIiB,OAAA;;SAER,KAAA,CAAM;;AAFf,cAKM,WALkB,EAEf,CAAA,KAkBA,CAlBM,EAAA,CAAA;EAGT,OAAA,CAAA,EAAA,SAYJ,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAEU,IAAA,CAAA,EAAA,IAAA,GAAA,IAAa,GAAA,IAAA,GAAA,SAAA;CAChB,GAHP,+BAAA,CAAA,SAGO,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAGe,KAJZ,aAAA,GAIY;EAApB,KAAA,EAHK,OAGL,EAAA;EACmB,UAAA,CAAA,EAAA,MAAA;EAArB,UAAM,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAc,GADlB,YACkB,CAAA,OADE,WACF,CAAA,GAApB,KAAA,CAAM,cAAc,CAAC,cAAD,CAAA;AAEN,iBAAA,QAAA,CAAQ;EAAA,KAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAQrB,aARqB,CAAA,EAQR,mBAAA,CAAA,GAAA,CAAA,OARQ"}
+{"version":3,"file":"LegalTOC.d.ts","names":[],"sources":["../../../../src/components/legal/molecules/LegalTOC.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIiB,OAAA;;SAER,KAAA,CAAM;;AAFf,cAKM,WALkB,EAEf,CAAA,KAkBA,CAlBM,EAAA,CAAA;EAGT,OAAA,CAAA,EAAA,SAYJ,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAEU,IAAA,CAAA,EAAA,IAAA,GAAA,IAAa,GAAA,IAAA,GAAA,SAAA;CAChB,GAHP,gCAAA,CAAA,SAGO,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAGe,KAJZ,aAAA,GAIY;EAApB,KAAA,EAHK,OAGL,EAAA;EACmB,UAAA,CAAA,EAAA,MAAA;EAArB,UAAM,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAc,GADlB,YACkB,CAAA,OADE,WACF,CAAA,GAApB,KAAA,CAAM,cAAc,CAAC,cAAD,CAAA;AAEN,iBAAA,QAAA,CAAQ;EAAA,KAAA;EAAA,UAAA;EAAA,UAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAQrB,aARqB,CAAA,EAQR,mBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/marketing/MarketingCard.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import { Card, CardContent as CardContent$1, CardDescription, CardHeader as CardHeader$1, CardTitle as CardTitle$1 } from "@contractspec/lib.ui-kit-web/ui/card";
 
 //#region src/components/marketing/MarketingCard.d.ts
@@ -11,7 +11,7 @@ declare function MarketingCard({
   tone,
   className,
   ...props
-}: MarketingCardProps): react_jsx_runtime35.JSX.Element;
+}: MarketingCardProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { CardContent$1 as CardContent, CardDescription, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle, MarketingCard, MarketingCardTone };
 //# sourceMappingURL=MarketingCard.d.ts.map

package/dist/components/marketing/MarketingCardsSection.d.ts

@@ -1,6 +1,6 @@
 import { MarketingSection } from "./MarketingSection.js";
 import * as React from "react";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types4 from "class-variance-authority/types";
 
@@ -16,7 +16,7 @@ declare function MarketingCardsSection({
   columns,
   gridClassName,
   ...sectionProps
-}: MarketingCardsSectionProps): react_jsx_runtime34.JSX.Element;
+}: MarketingCardsSectionProps): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { MarketingCardsSection };
 //# sourceMappingURL=MarketingCardsSection.d.ts.map

package/dist/components/marketing/MarketingComparisonSection.d.ts

@@ -1,6 +1,6 @@
 import { MarketingSectionPadding, MarketingSectionTone } from "./MarketingSection.js";
 import * as React from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/components/marketing/MarketingComparisonSection.d.ts
 interface ComparisonColumn {
@@ -24,7 +24,7 @@ declare function MarketingComparisonSection({
   right,
   tone,
   padding
-}: MarketingComparisonSectionProps): react_jsx_runtime38.JSX.Element;
+}: MarketingComparisonSectionProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { MarketingComparisonSection };
 //# sourceMappingURL=MarketingComparisonSection.d.ts.map

package/dist/components/marketing/MarketingIconCard.d.ts

@@ -1,6 +1,6 @@
 import { MarketingCardTone } from "./MarketingCard.js";
 import * as React from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types5 from "class-variance-authority/types";
 
@@ -32,7 +32,7 @@ declare function MarketingIconCard({
   headerAction,
   variant,
   className
-}: MarketingIconCardProps): react_jsx_runtime36.JSX.Element;
+}: MarketingIconCardProps): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { MarketingIconCard };
 //# sourceMappingURL=MarketingIconCard.d.ts.map

package/dist/components/marketing/MarketingSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
 
@@ -28,7 +28,7 @@ declare function MarketingSection({
   tone,
   padding,
   className
-}: MarketingSectionProps): react_jsx_runtime33.JSX.Element;
+}: MarketingSectionProps): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { MarketingSection, MarketingSectionPadding, MarketingSectionTone };
 //# sourceMappingURL=MarketingSection.d.ts.map

package/dist/components/marketing/MarketingStepCard.d.ts

@@ -1,6 +1,6 @@
 import { MarketingCardTone } from "./MarketingCard.js";
 import * as React from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/marketing/MarketingStepCard.d.ts
 interface MarketingStepCardProps {
@@ -14,7 +14,7 @@ declare function MarketingStepCard({
   title,
   description,
   tone
-}: MarketingStepCardProps): react_jsx_runtime37.JSX.Element;
+}: MarketingStepCardProps): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { MarketingStepCard };
 //# sourceMappingURL=MarketingStepCard.d.ts.map

package/dist/components/molecules/AiLinkButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/components/molecules/AiLinkButton.d.ts
 type Provider = 'chatgpt' | 'claude';
@@ -10,7 +10,7 @@ interface AiLinkButtonProps {
 declare function AiLinkButton({
   href,
   className
-}: AiLinkButtonProps): react_jsx_runtime71.JSX.Element;
+}: AiLinkButtonProps): react_jsx_runtime70.JSX.Element;
 //#endregion
 export { AiLinkButton };
 //# sourceMappingURL=AiLinkButton.d.ts.map

package/dist/components/molecules/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/molecules/Breadcrumbs.d.ts
 interface BreadcrumbItemDef {
@@ -10,7 +10,7 @@ declare function Breadcrumbs({
   items
 }: {
   items: BreadcrumbItemDef[];
-}): react_jsx_runtime45.JSX.Element | null;
+}): react_jsx_runtime44.JSX.Element | null;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/components/molecules/CommandPalette.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/molecules/CommandPalette.d.ts
 interface CommandPaletteProps {
@@ -21,7 +21,7 @@ declare function CommandPalette({
   onOpenChange,
   groups,
   placeholder
-}: CommandPaletteProps): react_jsx_runtime42.JSX.Element;
+}: CommandPaletteProps): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { CommandPalette };
 //# sourceMappingURL=CommandPalette.d.ts.map

package/dist/components/molecules/CommandSearchTrigger.d.ts

@@ -1,6 +1,6 @@
 import { CommandPalette } from "./CommandPalette.js";
 import * as React from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/components/molecules/CommandSearchTrigger.d.ts
 declare function CommandSearchTrigger({
@@ -13,7 +13,7 @@ declare function CommandSearchTrigger({
   className?: string;
   placeholder?: string;
   compact?: boolean;
-}): react_jsx_runtime46.JSX.Element;
+}): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { CommandSearchTrigger };
 //# sourceMappingURL=CommandSearchTrigger.d.ts.map

package/dist/components/molecules/EntityCard.d.ts

@@ -1,38 +1,56 @@
 import * as React from "react";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
 import * as class_variance_authority_types7 from "class-variance-authority/types";
 
 //#region src/components/molecules/EntityCard.d.ts
 declare const entityCardVariants: (props?: ({
-  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  emphasis?: "default" | "strong" | "subtle" | "accentGradient" | null | undefined;
   density?: "compact" | "comfortable" | null | undefined;
+  interactive?: boolean | null | undefined;
 } & class_variance_authority_types7.ClassProp) | undefined) => string;
+type EntityCardIconTone = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger';
 type EntityCardProps = React.ComponentProps<typeof Card> & VariantProps<typeof entityCardVariants> & {
   cardTitle: React.ReactNode;
   cardSubtitle?: React.ReactNode;
+  /** Icon element to display on the left */
+  icon?: React.ReactNode;
+  /** Icon container styling */
+  iconTone?: EntityCardIconTone;
+  iconSize?: 'sm' | 'md' | 'lg';
   chips?: React.ReactNode;
   meta?: React.ReactNode;
   footer?: React.ReactNode;
   href?: string;
   contentClassName?: string;
   preview?: React.ReactNode;
+  /** Expandable content section */
+  expandableContent?: React.ReactNode;
+  /** Default expanded state */
+  defaultExpanded?: boolean;
 };
 declare function EntityCard({
   cardTitle,
   cardSubtitle,
+  icon,
+  iconTone,
+  iconSize,
   chips,
   meta,
   footer,
   emphasis,
   density,
+  interactive,
   className,
   contentClassName,
   href,
   preview,
+  expandableContent,
+  defaultExpanded,
+  onClick,
   ...cardProps
-}: EntityCardProps): react_jsx_runtime48.JSX.Element;
+}: EntityCardProps): react_jsx_runtime47.JSX.Element;
 //#endregion
-export { EntityCard };
+export { EntityCard, EntityCardIconTone, EntityCardProps };
 //# sourceMappingURL=EntityCard.d.ts.map

package/dist/components/molecules/EntityCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.d.ts","names":[],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM;;;IAaJ,+BAAA,CAAA;AAbI,KAeM,eAAA,GAAkB,KAAA,CAAM,cAFlC,CAAA,OAEwD,IAFxD,CAAA,GAGA,YAHA,CAAA,OAGoB,kBAHpB,CAAA,GAAA;EAEU,SAAA,EAEG,KAAA,CAAM,SAFM;EAA+B,YAAA,CAAA,EAGvC,KAAA,CAAM,SAHiC;EAA5B,KAAM,CAAA,EAIxB,KAAA,CAAM,SAJkB;EACd,IAAA,CAAA,EAIX,KAAA,CAAM,SAJK;EAApB,MAAA,CAAA,EAKW,KAAA,CAAM,SALjB;EACa,IAAM,CAAA,EAAA,MAAA;EACF,gBAAM,CAAA,EAAA,MAAA;EACb,OAAM,CAAA,EAKJ,KAAA,CAAM,SALF;CACP;AACQ,iBAMH,UAAA,CANG;EAAA,SAAA;EAAA,YAAA;EAAA,KAAA;EAAA,IAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAmBhB,eAnBgB,CAAA,EAmBD,mBAAA,CAAA,GAAA,CAAA,OAnBC"}
+{"version":3,"file":"EntityCard.d.ts","names":[],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQM,0BA0BL;;;;AA9BiE,CAAA,GA8BjE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAwBW,KAAA,kBAAA,GAAkB,SAAA,GAAA,SAAA,GAAA,SAAA,GAAA,SAAA,GAAA,MAAA,GAAA,QAAA;AAQlB,KAAA,eAAA,GAAkB,KAAA,CAAM,cAAT,CAAA,OAA+B,IAA/B,CAAA,GACzB,YADyB,CAAA,OACL,kBADK,CAAA,GAAA;EAA+B,SAAA,EAE3C,KAAA,CAAM,SAFqC;EAA5B,YAAM,CAAA,EAGjB,KAAA,CAAM,SAHW;EACd;EAApB,IAAA,CAAA,EAIS,KAAA,CAAM,SAJf;EACa;EACI,QAAM,CAAA,EAIV,kBAJU;EAEd,QAAM,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA;EAEF,KAAA,CAAA,EAEH,KAAA,CAAM,SAFH;EAEH,IAAM,CAAA,EACP,KAAA,CAAM,SADC;EACP,MAAM,CAAA,EACJ,KAAA,CAAM,SADF;EACJ,IAAM,CAAA,EAAA,MAAA;EAGL,gBAAM,CAAA,EAAA,MAAA;EAEI,OAAM,CAAA,EAFhB,KAAA,CAAM,SAEU;EAAS;EAKvB,iBAAU,CAAA,EALF,KAAA,CAAM,SAKJ;EACxB;EACA,eAAA,CAAA,EAAA,OAAA;CACA;AACA,iBAJc,UAAA,CAId;EAAA,SAAA;EAAA,YAAA;EAAA,IAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,IAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,WAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,IAAA;EAAA,OAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgBC,eAhBD,CAAA,EAgBgB,mBAAA,CAAA,GAAA,CAAA,OAhBhB"}

package/dist/components/molecules/EntityCard.js

@@ -2,34 +2,72 @@
 
 import { __toCommonJS } from "../../_virtual/rolldown_runtime.js";
 import { HoverPreview_exports, init_HoverPreview } from "./HoverPreview.js";
-import "react";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
 
 //#region src/components/molecules/EntityCard.tsx
-const entityCardVariants = cva("transition-all hover:shadow-2xs", {
+const entityCardVariants = cva("transition-all duration-200 hover:shadow-md group", {
 	variants: {
 		emphasis: {
 			default: "",
 			subtle: "border-muted/60 bg-muted/20",
-			strong: "border-primary/50 bg-primary/5"
+			strong: "border-primary/50 bg-primary/5",
+			accentGradient: "border-transparent bg-gradient-to-br from-primary/10 via-background to-secondary/10 ring-1 ring-primary/20"
 		},
 		density: {
 			compact: "p-3",
 			comfortable: "p-4 md:p-5"
+		},
+		interactive: {
+			true: "cursor-pointer hover:scale-[1.02] transform-gpu hover:border-primary/40",
+			false: ""
 		}
 	},
 	defaultVariants: {
 		emphasis: "default",
-		density: "comfortable"
+		density: "comfortable",
+		interactive: false
 	}
 });
-function EntityCard({ cardTitle, cardSubtitle, chips, meta, footer, emphasis, density, className, contentClassName, href, preview, ...cardProps }) {
+const iconContainerVariants = cva("flex shrink-0 items-center justify-center rounded-lg", {
+	variants: {
+		size: {
+			sm: "h-8 w-8",
+			md: "h-10 w-10",
+			lg: "h-12 w-12"
+		},
+		tone: {
+			default: "bg-muted text-muted-foreground",
+			primary: "bg-primary/10 text-primary",
+			success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+			warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
+			info: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+			danger: "bg-red-500/10 text-red-600 dark:text-red-400"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		tone: "default"
+	}
+});
+function EntityCard({ cardTitle, cardSubtitle, icon, iconTone = "default", iconSize = "md", chips, meta, footer, emphasis, density, interactive, className, contentClassName, href, preview, expandableContent, defaultExpanded = false, onClick, ...cardProps }) {
+	const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
 	const Wrapper = href ? "a" : "div";
+	const isInteractive = interactive ?? !!(onClick || href);
+	const handleExpandClick = (e) => {
+		e.stopPropagation();
+		setIsExpanded(!isExpanded);
+	};
 	const cardContent = /* @__PURE__ */ jsx(Card, {
-		className: cn(entityCardVariants({ emphasis }), className),
+		className: cn(entityCardVariants({
+			emphasis,
+			interactive: isInteractive
+		}), className),
+		onClick,
 		...cardProps,
 		children: /* @__PURE__ */ jsx(CardContent, {
 			className: cn(entityCardVariants({ density }), contentClassName),
@@ -37,27 +75,50 @@ function EntityCard({ cardTitle, cardSubtitle, chips, meta, footer, emphasis, de
 				className: "space-y-3",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-start justify-between gap-2",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "truncate text-lg font-medium",
-								children: cardTitle
-							}), cardSubtitle && /* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground text-base",
-								children: cardSubtitle
+						className: "flex items-start gap-3",
+						children: [icon && /* @__PURE__ */ jsx("div", {
+							className: iconContainerVariants({
+								size: iconSize,
+								tone: iconTone
+							}),
+							children: icon
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-1 items-start justify-between gap-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "group-hover:text-primary truncate text-lg font-medium transition-colors",
+									children: cardTitle
+								}), cardSubtitle && /* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground text-sm",
+									children: cardSubtitle
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "inline-flex shrink-0 items-center gap-2",
+								children: [chips, expandableContent && /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: handleExpandClick,
+									className: "hover:bg-muted rounded-md p-1 transition-colors",
+									"aria-expanded": isExpanded,
+									"aria-label": isExpanded ? "Collapse" : "Expand",
+									children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("text-muted-foreground h-4 w-4 transition-transform duration-200", isExpanded && "rotate-180") })
+								})]
 							})]
-						}), chips && /* @__PURE__ */ jsx("div", {
-							className: "inline-flex shrink-0 items-center gap-1",
-							children: chips
 						})]
 					}),
 					meta && /* @__PURE__ */ jsx("div", {
 						className: "space-y-1",
 						children: meta
 					}),
+					expandableContent && /* @__PURE__ */ jsx("div", {
+						className: cn("overflow-hidden transition-all duration-200", isExpanded ? "max-h-96 opacity-100" : "max-h-0 opacity-0"),
+						children: /* @__PURE__ */ jsx("div", {
+							className: "border-border/50 border-t pt-2",
+							children: expandableContent
+						})
+					}),
 					footer && /* @__PURE__ */ jsx("div", {
-						className: "flex items-center justify-between",
+						className: "flex items-center justify-between pt-1",
 						children: footer
 					})
 				]
@@ -69,6 +130,7 @@ function EntityCard({ cardTitle, cardSubtitle, chips, meta, footer, emphasis, de
 		try {
 			const { HoverPreview } = (init_HoverPreview(), __toCommonJS(HoverPreview_exports));
 			return /* @__PURE__ */ jsx(HoverPreview, {
+				className: "bg-red-500",
 				trigger: cardContent,
 				content: preview
 			});

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":[],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nconst entityCardVariants = cva('transition-all hover:shadow-2xs', {\n  variants: {\n    emphasis: {\n      default: '',\n      subtle: 'border-muted/60 bg-muted/20',\n      strong: 'border-primary/50 bg-primary/5',\n    },\n    density: {\n      compact: 'p-3',\n      comfortable: 'p-4 md:p-5',\n    },\n  },\n  defaultVariants: { emphasis: 'default', density: 'comfortable' },\n});\n\nexport type EntityCardProps = React.ComponentProps<typeof Card> &\n  VariantProps<typeof entityCardVariants> & {\n    cardTitle: React.ReactNode;\n    cardSubtitle?: React.ReactNode;\n    chips?: React.ReactNode; // right-aligned small chips\n    meta?: React.ReactNode; // rows of icon+text data\n    footer?: React.ReactNode; // actions area\n    href?: string; // optional link wrapper\n    contentClassName?: string;\n    preview?: React.ReactNode; // hover preview content\n  };\n\nexport function EntityCard({\n  cardTitle,\n  cardSubtitle,\n  chips,\n  meta,\n  footer,\n  emphasis,\n  density,\n  className,\n  contentClassName,\n  href,\n  preview,\n  ...cardProps\n}: EntityCardProps) {\n  const Wrapper: React.ElementType = href ? 'a' : 'div';\n  const cardContent = (\n    <Card\n      className={cn(entityCardVariants({ emphasis }), className)}\n      {...cardProps}\n    >\n      <CardContent\n        className={cn(entityCardVariants({ density }), contentClassName)}\n      >\n        <div className=\"space-y-3\">\n          <div className=\"flex items-start justify-between gap-2\">\n            <div className=\"min-w-0\">\n              <div className=\"truncate text-lg font-medium\">{cardTitle}</div>\n              {cardSubtitle && (\n                <div className=\"text-muted-foreground text-base\">\n                  {cardSubtitle}\n                </div>\n              )}\n            </div>\n            {chips && (\n              <div className=\"inline-flex shrink-0 items-center gap-1\">\n                {chips}\n              </div>\n            )}\n          </div>\n          {meta && <div className=\"space-y-1\">{meta}</div>}\n          {footer && (\n            <div className=\"flex items-center justify-between\">{footer}</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n\n  const maybePreview = (() => {\n    if (!preview) return cardContent;\n    try {\n      /* eslint-disable @typescript-eslint/no-require-imports */\n      const { HoverPreview } =\n        require('./HoverPreview') as typeof import('./HoverPreview');\n      /* eslint-enable @typescript-eslint/no-require-imports */\n      return <HoverPreview trigger={cardContent} content={preview} />;\n    } catch {\n      return cardContent;\n    }\n  })();\n\n  return (\n    <Wrapper href={href} className={href ? 'block' : undefined}>\n      {maybePreview}\n    </Wrapper>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAOA,MAAM,qBAAqB,IAAI,mCAAmC;CAChE,UAAU;EACR,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EAAE,UAAU;EAAW,SAAS;EAAe;CACjE,CAAC;AAcF,SAAgB,WAAW,EACzB,WACA,cACA,OACA,MACA,QACA,UACA,SACA,WACA,kBACA,MACA,SACA,GAAG,aACe;CAClB,MAAM,UAA6B,OAAO,MAAM;CAChD,MAAM,cACJ,oBAAC;EACC,WAAW,GAAG,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU;EAC1D,GAAI;YAEJ,oBAAC;GACC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,iBAAiB;aAEhE,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAI,WAAU;kBAAgC;SAAgB,EAC9D,gBACC,oBAAC;QAAI,WAAU;kBACZ;SACG;QAEJ,EACL,SACC,oBAAC;OAAI,WAAU;iBACZ;QACG;OAEJ;KACL,QAAQ,oBAAC;MAAI,WAAU;gBAAa;OAAW;KAC/C,UACC,oBAAC;MAAI,WAAU;gBAAqC;OAAa;;KAE/D;IACM;GACT;CAGT,MAAM,sBAAsB;AAC1B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;GAEF,MAAM,EAAE;AAGR,UAAO,oBAAC;IAAa,SAAS;IAAa,SAAS;KAAW;UACzD;AACN,UAAO;;KAEP;AAEJ,QACE,oBAAC;EAAc;EAAM,WAAW,OAAO,UAAU;YAC9C;GACO"}
+{"version":3,"file":"EntityCard.js","names":[],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { ChevronDown } from 'lucide-react';\n\nconst entityCardVariants = cva(\n  'transition-all duration-200 hover:shadow-md group',\n  {\n    variants: {\n      emphasis: {\n        default: '',\n        subtle: 'border-muted/60 bg-muted/20',\n        strong: 'border-primary/50 bg-primary/5',\n        accentGradient:\n          'border-transparent bg-gradient-to-br from-primary/10 via-background to-secondary/10 ring-1 ring-primary/20',\n      },\n      density: {\n        compact: 'p-3',\n        comfortable: 'p-4 md:p-5',\n      },\n      interactive: {\n        true: 'cursor-pointer hover:scale-[1.02] transform-gpu hover:border-primary/40',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      emphasis: 'default',\n      density: 'comfortable',\n      interactive: false,\n    },\n  }\n);\n\nconst iconContainerVariants = cva(\n  'flex shrink-0 items-center justify-center rounded-lg',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 w-8',\n        md: 'h-10 w-10',\n        lg: 'h-12 w-12',\n      },\n      tone: {\n        default: 'bg-muted text-muted-foreground',\n        primary: 'bg-primary/10 text-primary',\n        success: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400',\n        warning: 'bg-amber-500/10 text-amber-600 dark:text-amber-400',\n        info: 'bg-blue-500/10 text-blue-600 dark:text-blue-400',\n        danger: 'bg-red-500/10 text-red-600 dark:text-red-400',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  }\n);\n\nexport type EntityCardIconTone =\n  | 'default'\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'danger';\n\nexport type EntityCardProps = React.ComponentProps<typeof Card> &\n  VariantProps<typeof entityCardVariants> & {\n    cardTitle: React.ReactNode;\n    cardSubtitle?: React.ReactNode;\n    /** Icon element to display on the left */\n    icon?: React.ReactNode;\n    /** Icon container styling */\n    iconTone?: EntityCardIconTone;\n    iconSize?: 'sm' | 'md' | 'lg';\n    chips?: React.ReactNode; // right-aligned small chips\n    meta?: React.ReactNode; // rows of icon+text data\n    footer?: React.ReactNode; // actions area\n    href?: string; // optional link wrapper\n    contentClassName?: string;\n    preview?: React.ReactNode; // hover preview content\n    /** Expandable content section */\n    expandableContent?: React.ReactNode;\n    /** Default expanded state */\n    defaultExpanded?: boolean;\n  };\n\nexport function EntityCard({\n  cardTitle,\n  cardSubtitle,\n  icon,\n  iconTone = 'default',\n  iconSize = 'md',\n  chips,\n  meta,\n  footer,\n  emphasis,\n  density,\n  interactive,\n  className,\n  contentClassName,\n  href,\n  preview,\n  expandableContent,\n  defaultExpanded = false,\n  onClick,\n  ...cardProps\n}: EntityCardProps) {\n  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);\n  const Wrapper: React.ElementType = href ? 'a' : 'div';\n  const isInteractive = interactive ?? !!(onClick || href);\n\n  const handleExpandClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setIsExpanded(!isExpanded);\n  };\n\n  const cardContent = (\n    <Card\n      className={cn(\n        entityCardVariants({ emphasis, interactive: isInteractive }),\n        className\n      )}\n      onClick={onClick}\n      {...cardProps}\n    >\n      <CardContent\n        className={cn(entityCardVariants({ density }), contentClassName)}\n      >\n        <div className=\"space-y-3\">\n          <div className=\"flex items-start gap-3\">\n            {icon && (\n              <div\n                className={iconContainerVariants({\n                  size: iconSize,\n                  tone: iconTone,\n                })}\n              >\n                {icon}\n              </div>\n            )}\n            <div className=\"flex flex-1 items-start justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"group-hover:text-primary truncate text-lg font-medium transition-colors\">\n                  {cardTitle}\n                </div>\n                {cardSubtitle && (\n                  <div className=\"text-muted-foreground text-sm\">\n                    {cardSubtitle}\n                  </div>\n                )}\n              </div>\n              <div className=\"inline-flex shrink-0 items-center gap-2\">\n                {chips}\n                {expandableContent && (\n                  <button\n                    type=\"button\"\n                    onClick={handleExpandClick}\n                    className=\"hover:bg-muted rounded-md p-1 transition-colors\"\n                    aria-expanded={isExpanded}\n                    aria-label={isExpanded ? 'Collapse' : 'Expand'}\n                  >\n                    <ChevronDown\n                      className={cn(\n                        'text-muted-foreground h-4 w-4 transition-transform duration-200',\n                        isExpanded && 'rotate-180'\n                      )}\n                    />\n                  </button>\n                )}\n              </div>\n            </div>\n          </div>\n          {meta && <div className=\"space-y-1\">{meta}</div>}\n          {expandableContent && (\n            <div\n              className={cn(\n                'overflow-hidden transition-all duration-200',\n                isExpanded ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'\n              )}\n            >\n              <div className=\"border-border/50 border-t pt-2\">\n                {expandableContent}\n              </div>\n            </div>\n          )}\n          {footer && (\n            <div className=\"flex items-center justify-between pt-1\">\n              {footer}\n            </div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n\n  const maybePreview = (() => {\n    if (!preview) return cardContent;\n    try {\n      /* eslint-disable @typescript-eslint/no-require-imports */\n      const { HoverPreview } =\n        require('./HoverPreview') as typeof import('./HoverPreview');\n      /* eslint-enable @typescript-eslint/no-require-imports */\n      return (\n        <HoverPreview\n          className=\"bg-red-500\"\n          trigger={cardContent}\n          content={preview}\n        />\n      );\n    } catch {\n      return cardContent;\n    }\n  })();\n\n  return (\n    <Wrapper href={href} className={href ? 'block' : undefined}>\n      {maybePreview}\n    </Wrapper>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAQA,MAAM,qBAAqB,IACzB,qDACA;CACE,UAAU;EACR,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,gBACE;GACH;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACD,aAAa;GACX,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,UAAU;EACV,SAAS;EACT,aAAa;EACd;CACF,CACF;AAED,MAAM,wBAAwB,IAC5B,wDACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,MAAM;GACN,QAAQ;GACT;EACF;CACD,iBAAiB;EAAE,MAAM;EAAM,MAAM;EAAW;CACjD,CACF;AA+BD,SAAgB,WAAW,EACzB,WACA,cACA,MACA,WAAW,WACX,WAAW,MACX,OACA,MACA,QACA,UACA,SACA,aACA,WACA,kBACA,MACA,SACA,mBACA,kBAAkB,OAClB,SACA,GAAG,aACe;CAClB,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,gBAAgB;CACnE,MAAM,UAA6B,OAAO,MAAM;CAChD,MAAM,gBAAgB,eAAe,CAAC,EAAE,WAAW;CAEnD,MAAM,qBAAqB,MAAwB;AACjD,IAAE,iBAAiB;AACnB,gBAAc,CAAC,WAAW;;CAG5B,MAAM,cACJ,oBAAC;EACC,WAAW,GACT,mBAAmB;GAAE;GAAU,aAAa;GAAe,CAAC,EAC5D,UACD;EACQ;EACT,GAAI;YAEJ,oBAAC;GACC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,iBAAiB;aAEhE,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACZ,QACC,oBAAC;OACC,WAAW,sBAAsB;QAC/B,MAAM;QACN,MAAM;QACP,CAAC;iBAED;QACG,EAER,qBAAC;OAAI,WAAU;kBACb,qBAAC;QAAI,WAAU;mBACb,oBAAC;SAAI,WAAU;mBACZ;UACG,EACL,gBACC,oBAAC;SAAI,WAAU;mBACZ;UACG;SAEJ,EACN,qBAAC;QAAI,WAAU;mBACZ,OACA,qBACC,oBAAC;SACC,MAAK;SACL,SAAS;SACT,WAAU;SACV,iBAAe;SACf,cAAY,aAAa,aAAa;mBAEtC,oBAAC,eACC,WAAW,GACT,mEACA,cAAc,aACf,GACD;UACK;SAEP;QACF;OACF;KACL,QAAQ,oBAAC;MAAI,WAAU;gBAAa;OAAW;KAC/C,qBACC,oBAAC;MACC,WAAW,GACT,+CACA,aAAa,yBAAyB,oBACvC;gBAED,oBAAC;OAAI,WAAU;iBACZ;QACG;OACF;KAEP,UACC,oBAAC;MAAI,WAAU;gBACZ;OACG;;KAEJ;IACM;GACT;CAGT,MAAM,sBAAsB;AAC1B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;GAEF,MAAM,EAAE;AAGR,UACE,oBAAC;IACC,WAAU;IACV,SAAS;IACT,SAAS;KACT;UAEE;AACN,UAAO;;KAEP;AAEJ,QACE,oBAAC;EAAc;EAAM,WAAW,OAAO,UAAU;YAC9C;GACO"}

package/dist/components/molecules/FiltersToolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/molecules/FiltersToolbar.d.ts
 interface ActiveFilterChip {
@@ -30,7 +30,7 @@ declare function FiltersToolbar({
   debounceMs,
   activeChips,
   onClearAll
-}: FiltersToolbarProps): react_jsx_runtime70.JSX.Element;
+}: FiltersToolbarProps): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { FiltersToolbar };
 //# sourceMappingURL=FiltersToolbar.d.ts.map

package/dist/components/molecules/HoverPreview.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 
 //#region src/components/molecules/HoverPreview.d.ts
 interface HoverPreviewProps {
@@ -15,7 +15,7 @@ declare function HoverPreview({
   align,
   sideOffset,
   className
-}: HoverPreviewProps): react_jsx_runtime52.JSX.Element;
+}: HoverPreviewProps): react_jsx_runtime51.JSX.Element;
 //#endregion
 export { HoverPreview };
 //# sourceMappingURL=HoverPreview.d.ts.map

package/dist/components/molecules/LangSwitch.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/molecules/LangSwitch.d.ts
 interface LangOption {
@@ -17,7 +17,7 @@ declare function LangSwitch({
   options,
   onChange,
   size
-}: LangSwitchProps): react_jsx_runtime43.JSX.Element;
+}: LangSwitchProps): react_jsx_runtime42.JSX.Element;
 //#endregion
 export { LangSwitch, LangSwitchProps };
 //# sourceMappingURL=LangSwitch.d.ts.map

package/dist/components/molecules/LoaderBlock.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime75 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/molecules/LoaderBlock.d.ts
 interface LoaderBlockProps {
@@ -13,7 +13,7 @@ declare function LoaderBlock({
   description,
   className,
   size
-}: LoaderBlockProps): react_jsx_runtime75.JSX.Element;
+}: LoaderBlockProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { LoaderBlock };
 //# sourceMappingURL=LoaderBlock.d.ts.map

package/dist/components/molecules/NavMain.d.ts

@@ -1,5 +1,5 @@
 import { HeaderNavItem } from "../../types/navigation.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/molecules/NavMain.d.ts
 declare function NavMain({
@@ -8,7 +8,7 @@ declare function NavMain({
 }: {
   items: HeaderNavItem[];
   className?: string;
-}): react_jsx_runtime18.JSX.Element;
+}): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { NavMain };
 //# sourceMappingURL=NavMain.d.ts.map

package/dist/components/molecules/NavUser.d.ts

@@ -1,5 +1,5 @@
 import { UserMenuItem } from "../../types/navigation.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/molecules/NavUser.d.ts
 declare function NavUser({
@@ -12,7 +12,7 @@ declare function NavUser({
   email?: string;
   imageUrl?: string;
   items: UserMenuItem[];
-}): react_jsx_runtime19.JSX.Element;
+}): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { NavUser };
 //# sourceMappingURL=NavUser.d.ts.map

package/dist/components/molecules/OverviewCard.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/components/molecules/OverviewCard.d.ts
 interface OverviewCardProps {
@@ -15,7 +15,7 @@ declare function OverviewCard({
   href,
   preview,
   ctaLabel
-}: OverviewCardProps): react_jsx_runtime51.JSX.Element;
+}: OverviewCardProps): react_jsx_runtime50.JSX.Element;
 //#endregion
 export { OverviewCard };
 //# sourceMappingURL=OverviewCard.d.ts.map

package/dist/components/molecules/SkeletonBlock/index.web.d.ts

@@ -1,5 +1,5 @@
 import { SkeletonBlockProps } from "./types.js";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 
 //#region src/components/molecules/SkeletonBlock/index.web.d.ts
 declare function SkeletonBlock({
@@ -7,7 +7,7 @@ declare function SkeletonBlock({
   h,
   rounded,
   className
-}: SkeletonBlockProps): react_jsx_runtime110.JSX.Element;
+}: SkeletonBlockProps): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { SkeletonBlock };
 //# sourceMappingURL=index.web.d.ts.map

package/dist/components/molecules/SkeletonCircle/index.web.d.ts

@@ -1,12 +1,12 @@
 import { SkeletonCircleProps } from "./types.js";
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 
 //#region src/components/molecules/SkeletonCircle/index.web.d.ts
 declare function SkeletonCircle({
   size,
   sizeClass,
   className
-}: SkeletonCircleProps): react_jsx_runtime109.JSX.Element;
+}: SkeletonCircleProps): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { SkeletonCircle };
 //# sourceMappingURL=index.web.d.ts.map

package/dist/components/molecules/SkeletonList/index.web.d.ts

@@ -1,11 +1,11 @@
 import { SkeletonListProps } from "./types.js";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/molecules/SkeletonList/index.web.d.ts
 declare function SkeletonList({
   count,
   className
-}: SkeletonListProps): react_jsx_runtime111.JSX.Element;
+}: SkeletonListProps): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { SkeletonList };
 //# sourceMappingURL=index.web.d.ts.map