@contractspec/lib.design-system 1.46.1 → 1.47.0

package/dist/components/legal/templates/CookiesTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 
 //#region src/components/legal/templates/CookiesTemplate.d.ts
 declare function CookiesTemplate({
@@ -27,7 +27,7 @@ declare function CookiesTemplate({
     title: React.ReactNode;
     content: React.ReactNode;
   }[];
-}): react_jsx_runtime94.JSX.Element;
+}): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { CookiesTemplate };
 //# sourceMappingURL=CookiesTemplate.d.ts.map

package/dist/components/legal/templates/PrivacyTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
 
 //#region src/components/legal/templates/PrivacyTemplate.d.ts
 declare function PrivacyTemplate({
@@ -27,7 +27,7 @@ declare function PrivacyTemplate({
     term: React.ReactNode;
     description: React.ReactNode;
   }[];
-}): react_jsx_runtime93.JSX.Element;
+}): react_jsx_runtime94.JSX.Element;
 //#endregion
 export { PrivacyTemplate };
 //# sourceMappingURL=PrivacyTemplate.d.ts.map

package/dist/components/legal/templates/SalesTermsTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 
 //#region src/components/legal/templates/SalesTermsTemplate.d.ts
 declare function SalesTermsTemplate({
@@ -22,7 +22,7 @@ declare function SalesTermsTemplate({
     title: React.ReactNode;
     content: React.ReactNode;
   }[];
-}): react_jsx_runtime92.JSX.Element;
+}): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { SalesTermsTemplate };
 //# sourceMappingURL=SalesTermsTemplate.d.ts.map

package/dist/components/legal/templates/TermsTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime92 from "react/jsx-runtime";
 
 //#region src/components/legal/templates/TermsTemplate.d.ts
 declare function TermsTemplate({
@@ -22,7 +22,7 @@ declare function TermsTemplate({
     title: React.ReactNode;
     content: React.ReactNode;
   }[];
-}): react_jsx_runtime91.JSX.Element;
+}): react_jsx_runtime92.JSX.Element;
 //#endregion
 export { TermsTemplate };
 //# sourceMappingURL=TermsTemplate.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime33 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_runtime33.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/MarketingCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingCard.js","names":["toneClasses: Record<MarketingCardTone, string>"],"sources":["../../../src/components/marketing/MarketingCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nexport type MarketingCardTone = 'default' | 'muted' | 'elevated';\n\nconst toneClasses: Record<MarketingCardTone, string> = {\n  default: 'border-border/60 bg-card/90',\n  muted: 'border-border/50 bg-muted/50',\n  elevated: 'border-border/50 bg-card shadow-lg shadow-black/5',\n};\n\ntype MarketingCardProps = React.ComponentProps<typeof Card> & {\n  tone?: MarketingCardTone;\n};\n\nexport function MarketingCard({\n  tone = 'default',\n  className,\n  ...props\n}: MarketingCardProps) {\n  return (\n    <Card\n      className={cn(\n        'backdrop-blur transition-shadow',\n        toneClasses[tone],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  CardContent as MarketingCardContent,\n  CardDescription as MarketingCardDescription,\n  CardHeader as MarketingCardHeader,\n  CardTitle as MarketingCardTitle,\n};\n"],"mappings":";;;;;;AAYA,MAAMA,cAAiD;CACrD,SAAS;CACT,OAAO;CACP,UAAU;CACX;AAMD,SAAgB,cAAc,EAC5B,OAAO,WACP,WACA,GAAG,SACkB;AACrB,QACE,oBAAC;EACC,WAAW,GACT,mCACA,YAAY,OACZ,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"MarketingCard.js","names":[],"sources":["../../../src/components/marketing/MarketingCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@contractspec/lib.ui-kit-web/ui/card';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nexport type MarketingCardTone = 'default' | 'muted' | 'elevated';\n\nconst toneClasses: Record<MarketingCardTone, string> = {\n  default: 'border-border/60 bg-card/90',\n  muted: 'border-border/50 bg-muted/50',\n  elevated: 'border-border/50 bg-card shadow-lg shadow-black/5',\n};\n\ntype MarketingCardProps = React.ComponentProps<typeof Card> & {\n  tone?: MarketingCardTone;\n};\n\nexport function MarketingCard({\n  tone = 'default',\n  className,\n  ...props\n}: MarketingCardProps) {\n  return (\n    <Card\n      className={cn(\n        'backdrop-blur transition-shadow',\n        toneClasses[tone],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  CardContent as MarketingCardContent,\n  CardDescription as MarketingCardDescription,\n  CardHeader as MarketingCardHeader,\n  CardTitle as MarketingCardTitle,\n};\n"],"mappings":";;;;;;AAYA,MAAM,cAAiD;CACrD,SAAS;CACT,OAAO;CACP,UAAU;CACX;AAMD,SAAgB,cAAc,EAC5B,OAAO,WACP,WACA,GAAG,SACkB;AACrB,QACE,oBAAC;EACC,WAAW,GACT,mCACA,YAAY,OACZ,UACD;EACD,GAAI;GACJ"}

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_runtime32 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_runtime32.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_runtime36 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_runtime36.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_runtime34 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_runtime34.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_runtime31 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_runtime31.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_runtime35 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_runtime35.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_runtime69 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_runtime69.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_runtime43 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_runtime43.JSX.Element | null;
+}): react_jsx_runtime44.JSX.Element | null;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1,16 @@
+import { CodeBlockProps } from "./types.js";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
+
+//#region src/components/molecules/CodeBlock/CodeBlock.d.ts
+declare function CodeBlock({
+  code,
+  language,
+  filename,
+  showLineNumbers,
+  showCopyButton,
+  className,
+  ...props
+}: CodeBlockProps): react_jsx_runtime115.JSX.Element;
+//#endregion
+export { CodeBlock };
+//# sourceMappingURL=CodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","names":[],"sources":["../../../../src/components/molecules/CodeBlock/CodeBlock.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,SAAA;;;;;;;;GAQb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/CodeBlock/CodeBlock.js

@@ -0,0 +1,54 @@
+'use client';
+
+import { cn } from "../../../lib/utils.js";
+import { CopyButton } from "../CopyButton/CopyButton.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/CodeBlock/CodeBlock.tsx
+function CodeBlock({ code, language = "typescript", filename, showLineNumbers = false, showCopyButton = true, className, ...props }) {
+	const [highlightedHtml, setHighlightedHtml] = useState(null);
+	useEffect(() => {
+		let mounted = true;
+		async function highlight() {
+			try {
+				const { codeToHtml } = await import("shiki");
+				const html = await codeToHtml(code, {
+					lang: language === "text" ? "plaintext" : language,
+					theme: "vitesse-dark"
+				});
+				if (mounted) setHighlightedHtml(html);
+			} catch (err) {
+				console.error("Failed to highlight code:", err);
+			}
+		}
+		highlight();
+		return () => {
+			mounted = false;
+		};
+	}, [code, language]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative overflow-hidden rounded-lg border border-zinc-800 bg-zinc-950", className),
+		...props,
+		children: [filename && /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-between border-b border-zinc-800 bg-zinc-900/50 px-4 py-2 text-xs text-zinc-400",
+			children: /* @__PURE__ */ jsx("span", { children: filename })
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [showCopyButton && /* @__PURE__ */ jsx(CopyButton, {
+				value: code,
+				className: "absolute top-3 right-3"
+			}), highlightedHtml ? /* @__PURE__ */ jsx("div", {
+				className: cn("overflow-x-auto p-4 font-mono text-[13px] leading-6", "[&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:!p-0", "[&_code]:!bg-transparent", showLineNumbers && "line-numbers"),
+				dangerouslySetInnerHTML: { __html: highlightedHtml }
+			}) : /* @__PURE__ */ jsx("pre", {
+				className: cn("overflow-x-auto p-4 font-mono text-[13px] leading-6 text-zinc-300", showLineNumbers && "line-numbers"),
+				children: /* @__PURE__ */ jsx("code", { children: code })
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CodeBlock };
+//# sourceMappingURL=CodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","names":[],"sources":["../../../../src/components/molecules/CodeBlock/CodeBlock.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../../lib/utils';\nimport { useEffect, useState } from 'react';\nimport { CopyButton } from '../CopyButton';\nimport type { CodeBlockProps } from './types';\n\nexport function CodeBlock({\n  code,\n  language = 'typescript',\n  filename,\n  showLineNumbers = false,\n  showCopyButton = true,\n  className,\n  ...props\n}: CodeBlockProps) {\n  const [highlightedHtml, setHighlightedHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let mounted = true;\n\n    async function highlight() {\n      try {\n        const { codeToHtml } = await import('shiki');\n        const html = await codeToHtml(code, {\n          lang: language === 'text' ? 'plaintext' : language,\n          // theme: 'github-dark-dimmed',\n          theme: 'vitesse-dark',\n        });\n        if (mounted) {\n          setHighlightedHtml(html);\n        }\n      } catch (err) {\n        console.error('Failed to highlight code:', err);\n      }\n    }\n\n    highlight();\n\n    return () => {\n      mounted = false;\n    };\n  }, [code, language]);\n\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-lg border border-zinc-800 bg-zinc-950',\n        className\n      )}\n      {...props}\n    >\n      {filename && (\n        <div className=\"flex items-center justify-between border-b border-zinc-800 bg-zinc-900/50 px-4 py-2 text-xs text-zinc-400\">\n          <span>{filename}</span>\n        </div>\n      )}\n      <div className=\"relative\">\n        {showCopyButton && (\n          <CopyButton value={code} className=\"absolute top-3 right-3\" />\n        )}\n        {highlightedHtml ? (\n          <div\n            className={cn(\n              'overflow-x-auto p-4 font-mono text-[13px] leading-6',\n              '[&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:!p-0',\n              '[&_code]:!bg-transparent',\n              showLineNumbers && 'line-numbers'\n            )}\n            dangerouslySetInnerHTML={{ __html: highlightedHtml }}\n          />\n        ) : (\n          <pre\n            className={cn(\n              'overflow-x-auto p-4 font-mono text-[13px] leading-6 text-zinc-300',\n              showLineNumbers && 'line-numbers'\n            )}\n          >\n            <code>{code}</code>\n          </pre>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EACxB,MACA,WAAW,cACX,UACA,kBAAkB,OAClB,iBAAiB,MACjB,WACA,GAAG,SACc;CACjB,MAAM,CAAC,iBAAiB,sBAAsB,SAAwB,KAAK;AAE3E,iBAAgB;EACd,IAAI,UAAU;EAEd,eAAe,YAAY;AACzB,OAAI;IACF,MAAM,EAAE,eAAe,MAAM,OAAO;IACpC,MAAM,OAAO,MAAM,WAAW,MAAM;KAClC,MAAM,aAAa,SAAS,cAAc;KAE1C,OAAO;KACR,CAAC;AACF,QAAI,QACF,oBAAmB,KAAK;YAEnB,KAAK;AACZ,YAAQ,MAAM,6BAA6B,IAAI;;;AAInD,aAAW;AAEX,eAAa;AACX,aAAU;;IAEX,CAAC,MAAM,SAAS,CAAC;AAEpB,QACE,qBAAC;EACC,WAAW,GACT,0EACA,UACD;EACD,GAAI;aAEH,YACC,oBAAC;GAAI,WAAU;aACb,oBAAC,oBAAM,WAAgB;IACnB,EAER,qBAAC;GAAI,WAAU;cACZ,kBACC,oBAAC;IAAW,OAAO;IAAM,WAAU;KAA2B,EAE/D,kBACC,oBAAC;IACC,WAAW,GACT,uDACA,qDACA,4BACA,mBAAmB,eACpB;IACD,yBAAyB,EAAE,QAAQ,iBAAiB;KACpD,GAEF,oBAAC;IACC,WAAW,GACT,qEACA,mBAAmB,eACpB;cAED,oBAAC,oBAAM,OAAY;KACf;IAEJ;GACF"}

package/dist/components/molecules/CodeBlock/index.d.ts

@@ -0,0 +1,2 @@
+import { CodeBlockProps, CodeLanguage } from "./types.js";
+import { CodeBlock } from "./CodeBlock.js";

package/dist/components/molecules/CodeBlock/types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from "react";
+
+//#region src/components/molecules/CodeBlock/types.d.ts
+type CodeLanguage = 'typescript' | 'tsx' | 'javascript' | 'jsx' | 'bash' | 'shell' | 'json' | 'yaml' | 'graphql' | 'sql' | 'python' | 'go' | 'rust' | 'css' | 'scss' | 'html' | 'markdown' | 'text';
+interface CodeBlockProps extends HTMLAttributes<HTMLDivElement> {
+  /** The code to display */
+  code: string;
+  /** The language for syntax highlighting */
+  language?: CodeLanguage;
+  /** Optional filename to display in header */
+  filename?: string;
+  /** Whether to show line numbers */
+  showLineNumbers?: boolean;
+  /** Whether to show the copy button */
+  showCopyButton?: boolean;
+}
+//#endregion
+export { CodeBlockProps, CodeLanguage };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/CodeBlock/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/CodeBlock/types.ts"],"sourcesContent":[],"mappings":";;;KAEY,YAAA;UAoBK,cAAA,SAAuB,eAAe;EApB3C;EAoBK,IAAA,EAAA,MAAA;EAAsC;EAI1C,QAAA,CAAA,EAAA,YAAA;EAJ2B;EAAc,QAAA,CAAA,EAAA,MAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime40 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_runtime40.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_runtime44 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_runtime44.JSX.Element;
+}): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { CommandSearchTrigger };
 //# sourceMappingURL=CommandSearchTrigger.d.ts.map

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

@@ -0,0 +1,13 @@
+import { CommandTabsProps } from "./types.js";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandTabs/CommandTabs.d.ts
+declare function CommandTabs({
+  commands,
+  initialPreference,
+  className,
+  ...props
+}: CommandTabsProps): react_jsx_runtime117.JSX.Element | null;
+//#endregion
+export { CommandTabs };
+//# sourceMappingURL=CommandTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandTabs.d.ts","names":[],"sources":["../../../../src/components/molecules/CommandTabs/CommandTabs.tsx"],"sourcesContent":[],"mappings":";;;;iBAUgB,WAAA;;;;;GAKb,mBAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/molecules/CommandTabs/CommandTabs.js

@@ -0,0 +1,68 @@
+'use client';
+
+import { cn } from "../../../lib/utils.js";
+import { CopyButton } from "../CopyButton/CopyButton.js";
+import { usePackageManager } from "../../providers/PackageManagerProvider.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandTabs/CommandTabs.tsx
+const STORAGE_KEY = "package-manager-preference";
+function CommandTabs({ commands, initialPreference = "bun", className, ...props }) {
+	const context = usePackageManager();
+	const [localSelected, setLocalSelected] = useState(() => {
+		return initialPreference;
+	});
+	const selected = context?.preference ?? localSelected;
+	const setSelected = context?.setPreference ?? setLocalSelected;
+	useEffect(() => {
+		if (context) return;
+		try {
+			const saved = localStorage.getItem(STORAGE_KEY);
+			if (saved && commands[saved]) setLocalSelected(saved);
+		} catch {}
+	}, [commands, context]);
+	const handleSelect = (pm) => {
+		setSelected(pm);
+		if (!context) try {
+			localStorage.setItem(STORAGE_KEY, pm);
+		} catch {}
+	};
+	const packageManagers = Object.keys(commands);
+	if (packageManagers.length === 0) return null;
+	const effectiveSelected = commands[selected] ? selected : packageManagers[0];
+	if (!effectiveSelected) return null;
+	const currentCommand = commands[effectiveSelected];
+	if (!currentCommand) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative rounded-lg border border-zinc-800 bg-zinc-950", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex items-center border-b border-zinc-800 bg-zinc-900/50 px-2 pt-2",
+			role: "tablist",
+			"aria-label": "Package manager selection",
+			children: packageManagers.map((pm) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": effectiveSelected === pm,
+				onClick: () => handleSelect(pm),
+				className: cn("rounded-t-md border-t border-r border-l border-transparent px-4 py-2 text-xs font-medium text-zinc-400", "transition-colors hover:text-zinc-100", "focus:ring-2 focus:ring-zinc-600 focus:ring-offset-1 focus:ring-offset-zinc-900 focus:outline-none", effectiveSelected === pm && "border-zinc-800 bg-zinc-950 text-zinc-100"),
+				children: pm
+			}, pm))
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "relative p-4",
+			role: "tabpanel",
+			children: [/* @__PURE__ */ jsx(CopyButton, {
+				value: currentCommand,
+				className: "absolute top-3 right-3"
+			}), /* @__PURE__ */ jsx("pre", {
+				className: "overflow-x-auto pr-10 font-mono text-[13px] leading-6 text-white",
+				children: /* @__PURE__ */ jsx("code", { children: currentCommand })
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { CommandTabs };
+//# sourceMappingURL=CommandTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandTabs.js","names":[],"sources":["../../../../src/components/molecules/CommandTabs/CommandTabs.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../../lib/utils';\nimport { useEffect, useState } from 'react';\nimport { CopyButton } from '../CopyButton';\nimport { usePackageManager } from '../../providers/PackageManagerProvider';\nimport type { CommandTabsProps, PackageManager } from './types';\n\nconst STORAGE_KEY = 'package-manager-preference';\n\nexport function CommandTabs({\n  commands,\n  initialPreference = 'bun',\n  className,\n  ...props\n}: CommandTabsProps) {\n  const context = usePackageManager();\n\n  const [localSelected, setLocalSelected] = useState<PackageManager>(() => {\n    return initialPreference;\n  });\n\n  // Use context if available, otherwise use local state\n  const selected = context?.preference ?? localSelected;\n  const setSelected = context?.setPreference ?? setLocalSelected;\n\n  // Hydrate preference from localStorage (only if not using context)\n  useEffect(() => {\n    if (context) return; // Context handles its own persistence\n\n    try {\n      const saved = localStorage.getItem(STORAGE_KEY) as PackageManager | null;\n      if (saved && commands[saved]) {\n        setLocalSelected(saved);\n      }\n    } catch {\n      // localStorage not available\n    }\n  }, [commands, context]);\n\n  const handleSelect = (pm: PackageManager) => {\n    setSelected(pm);\n\n    // Only persist locally if not using context\n    if (!context) {\n      try {\n        localStorage.setItem(STORAGE_KEY, pm);\n      } catch {\n        // localStorage not available\n      }\n    }\n  };\n\n  // Get available package managers from commands\n  const packageManagers = Object.keys(commands) as PackageManager[];\n\n  // Early return if no commands available\n  if (packageManagers.length === 0) return null;\n\n  // Use selected if available, otherwise fallback to first available\n  const effectiveSelected = commands[selected] ? selected : packageManagers[0];\n  if (!effectiveSelected) return null;\n  const currentCommand = commands[effectiveSelected];\n  if (!currentCommand) return null;\n\n  return (\n    <div\n      className={cn(\n        'relative rounded-lg border border-zinc-800 bg-zinc-950',\n        className\n      )}\n      {...props}\n    >\n      <div\n        className=\"flex items-center border-b border-zinc-800 bg-zinc-900/50 px-2 pt-2\"\n        role=\"tablist\"\n        aria-label=\"Package manager selection\"\n      >\n        {packageManagers.map((pm) => (\n          <button\n            key={pm}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={effectiveSelected === pm}\n            onClick={() => handleSelect(pm)}\n            className={cn(\n              'rounded-t-md border-t border-r border-l border-transparent px-4 py-2 text-xs font-medium text-zinc-400',\n              'transition-colors hover:text-zinc-100',\n              'focus:ring-2 focus:ring-zinc-600 focus:ring-offset-1 focus:ring-offset-zinc-900 focus:outline-none',\n              effectiveSelected === pm &&\n                'border-zinc-800 bg-zinc-950 text-zinc-100'\n            )}\n          >\n            {pm}\n          </button>\n        ))}\n      </div>\n      <div className=\"relative p-4\" role=\"tabpanel\">\n        <CopyButton value={currentCommand} className=\"absolute top-3 right-3\" />\n        <pre className=\"overflow-x-auto pr-10 font-mono text-[13px] leading-6 text-white\">\n          <code>{currentCommand}</code>\n        </pre>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,MAAM,cAAc;AAEpB,SAAgB,YAAY,EAC1B,UACA,oBAAoB,OACpB,WACA,GAAG,SACgB;CACnB,MAAM,UAAU,mBAAmB;CAEnC,MAAM,CAAC,eAAe,oBAAoB,eAA+B;AACvE,SAAO;GACP;CAGF,MAAM,WAAW,SAAS,cAAc;CACxC,MAAM,cAAc,SAAS,iBAAiB;AAG9C,iBAAgB;AACd,MAAI,QAAS;AAEb,MAAI;GACF,MAAM,QAAQ,aAAa,QAAQ,YAAY;AAC/C,OAAI,SAAS,SAAS,OACpB,kBAAiB,MAAM;UAEnB;IAGP,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB,OAAuB;AAC3C,cAAY,GAAG;AAGf,MAAI,CAAC,QACH,KAAI;AACF,gBAAa,QAAQ,aAAa,GAAG;UAC/B;;CAOZ,MAAM,kBAAkB,OAAO,KAAK,SAAS;AAG7C,KAAI,gBAAgB,WAAW,EAAG,QAAO;CAGzC,MAAM,oBAAoB,SAAS,YAAY,WAAW,gBAAgB;AAC1E,KAAI,CAAC,kBAAmB,QAAO;CAC/B,MAAM,iBAAiB,SAAS;AAChC,KAAI,CAAC,eAAgB,QAAO;AAE5B,QACE,qBAAC;EACC,WAAW,GACT,0DACA,UACD;EACD,GAAI;aAEJ,oBAAC;GACC,WAAU;GACV,MAAK;GACL,cAAW;aAEV,gBAAgB,KAAK,OACpB,oBAAC;IAEC,MAAK;IACL,MAAK;IACL,iBAAe,sBAAsB;IACrC,eAAe,aAAa,GAAG;IAC/B,WAAW,GACT,0GACA,yCACA,sGACA,sBAAsB,MACpB,4CACH;cAEA;MAbI,GAcE,CACT;IACE,EACN,qBAAC;GAAI,WAAU;GAAe,MAAK;cACjC,oBAAC;IAAW,OAAO;IAAgB,WAAU;KAA2B,EACxE,oBAAC;IAAI,WAAU;cACb,oBAAC,oBAAM,iBAAsB;KACzB;IACF;GACF"}

package/dist/components/molecules/CommandTabs/index.d.ts

@@ -0,0 +1,2 @@
+import { CommandTabsProps, PackageManager, PackageManagerContextValue } from "./types.js";
+import { CommandTabs } from "./CommandTabs.js";

package/dist/components/molecules/CommandTabs/types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from "react";
+
+//#region src/components/molecules/CommandTabs/types.d.ts
+type PackageManager = 'bun' | 'npm' | 'yarn' | 'pnpm';
+interface CommandTabsProps extends HTMLAttributes<HTMLDivElement> {
+  /** Commands for each package manager */
+  commands: Partial<Record<PackageManager, string>>;
+  /** Initial package manager preference (overridden by context if available) */
+  initialPreference?: PackageManager;
+}
+interface PackageManagerContextValue {
+  /** Current package manager preference */
+  preference: PackageManager;
+  /** Set the package manager preference */
+  setPreference: (pm: PackageManager) => void;
+}
+//#endregion
+export { CommandTabsProps, PackageManager, PackageManagerContextValue };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/CommandTabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/CommandTabs/types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;UAEK,gBAAA,SAAyB,eAAe;EAF7C;EAEK,QAAA,EAEL,OAFK,CAEG,MAFc,CAEP,cAFO,EAAA,MAAA,CAAA,CAAA;EAAuB;EAE9B,iBAAA,CAAA,EAEL,cAFK;;AAAf,UAKK,0BAAA,CALL;EAEU;EAJoB,UAAA,EAS5B,cAT4B;EAAc;EAOvC,aAAA,EAAA,CAAA,EAAA,EAIK,cAJqB,EAAA,GAAA,IAE7B"}

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

@@ -0,0 +1,13 @@
+import { CopyButtonProps } from "./types.js";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
+
+//#region src/components/molecules/CopyButton/CopyButton.d.ts
+declare function CopyButton({
+  value,
+  onCopy,
+  className,
+  ...props
+}: CopyButtonProps): react_jsx_runtime116.JSX.Element;
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=CopyButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","names":[],"sources":["../../../../src/components/molecules/CopyButton/CopyButton.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,UAAA;;;;;GAKb,kBAAe,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/CopyButton/CopyButton.js

@@ -0,0 +1,42 @@
+'use client';
+
+import { cn } from "../../../lib/utils.js";
+import { useCallback, useEffect, useState } from "react";
+import { Check, Copy } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/CopyButton/CopyButton.tsx
+function CopyButton({ value, onCopy, className, ...props }) {
+	const [hasCopied, setHasCopied] = useState(false);
+	useEffect(() => {
+		if (!hasCopied) return;
+		const timeout = setTimeout(() => {
+			setHasCopied(false);
+		}, 2e3);
+		return () => clearTimeout(timeout);
+	}, [hasCopied]);
+	const copyToClipboard = useCallback(async () => {
+		try {
+			await navigator.clipboard.writeText(value);
+			setHasCopied(true);
+			onCopy?.();
+		} catch (err) {
+			console.error("Failed to copy to clipboard:", err);
+		}
+	}, [value, onCopy]);
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: cn("relative z-10 inline-flex h-6 w-6 items-center justify-center rounded-md", "border border-zinc-700 bg-zinc-800 text-zinc-400", "transition-all hover:bg-zinc-700 hover:text-zinc-100", "focus:ring-2 focus:ring-zinc-600 focus:ring-offset-2 focus:ring-offset-zinc-900 focus:outline-none", className),
+		onClick: copyToClipboard,
+		"aria-label": hasCopied ? "Copied" : "Copy to clipboard",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: hasCopied ? "Copied" : "Copy"
+		}), hasCopied ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" })]
+	});
+}
+
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=CopyButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","names":[],"sources":["../../../../src/components/molecules/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../../lib/utils';\nimport { Check, Copy } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\nimport type { CopyButtonProps } from './types';\n\nexport function CopyButton({\n  value,\n  onCopy,\n  className,\n  ...props\n}: CopyButtonProps) {\n  const [hasCopied, setHasCopied] = useState(false);\n\n  useEffect(() => {\n    if (!hasCopied) return;\n    const timeout = setTimeout(() => {\n      setHasCopied(false);\n    }, 2000);\n    return () => clearTimeout(timeout);\n  }, [hasCopied]);\n\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setHasCopied(true);\n      onCopy?.();\n    } catch (err) {\n      console.error('Failed to copy to clipboard:', err);\n    }\n  }, [value, onCopy]);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'relative z-10 inline-flex h-6 w-6 items-center justify-center rounded-md',\n        'border border-zinc-700 bg-zinc-800 text-zinc-400',\n        'transition-all hover:bg-zinc-700 hover:text-zinc-100',\n        'focus:ring-2 focus:ring-zinc-600 focus:ring-offset-2 focus:ring-offset-zinc-900 focus:outline-none',\n        className\n      )}\n      onClick={copyToClipboard}\n      aria-label={hasCopied ? 'Copied' : 'Copy to clipboard'}\n      {...props}\n    >\n      <span className=\"sr-only\">{hasCopied ? 'Copied' : 'Copy'}</span>\n      {hasCopied ? <Check className=\"h-3 w-3\" /> : <Copy className=\"h-3 w-3\" />}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAW,EACzB,OACA,QACA,WACA,GAAG,SACe;CAClB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAEjD,iBAAgB;AACd,MAAI,CAAC,UAAW;EAChB,MAAM,UAAU,iBAAiB;AAC/B,gBAAa,MAAM;KAClB,IAAK;AACR,eAAa,aAAa,QAAQ;IACjC,CAAC,UAAU,CAAC;CAEf,MAAM,kBAAkB,YAAY,YAAY;AAC9C,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,gBAAa,KAAK;AAClB,aAAU;WACH,KAAK;AACZ,WAAQ,MAAM,gCAAgC,IAAI;;IAEnD,CAAC,OAAO,OAAO,CAAC;AAEnB,QACE,qBAAC;EACC,MAAK;EACL,WAAW,GACT,4EACA,oDACA,wDACA,sGACA,UACD;EACD,SAAS;EACT,cAAY,YAAY,WAAW;EACnC,GAAI;aAEJ,oBAAC;GAAK,WAAU;aAAW,YAAY,WAAW;IAAc,EAC/D,YAAY,oBAAC,SAAM,WAAU,YAAY,GAAG,oBAAC,QAAK,WAAU,YAAY;GAClE"}

package/dist/components/molecules/CopyButton/index.d.ts

@@ -0,0 +1,2 @@
+import { CopyButtonProps } from "./types.js";
+import { CopyButton } from "./CopyButton.js";

package/dist/components/molecules/CopyButton/types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+
+//#region src/components/molecules/CopyButton/types.d.ts
+interface CopyButtonProps extends HTMLAttributes<HTMLButtonElement> {
+  /** The value to copy to clipboard */
+  value: string;
+  /** Optional callback when copy succeeds */
+  onCopy?: () => void;
+}
+//#endregion
+export { CopyButtonProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/CopyButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/CopyButton/types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,eAAA,SAAwB,eAAe;;EAAvC,KAAA,EAAA,MAAA"}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime46 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";
@@ -32,7 +32,7 @@ declare function EntityCard({
   href,
   preview,
   ...cardProps
-}: EntityCardProps): react_jsx_runtime46.JSX.Element;
+}: EntityCardProps): react_jsx_runtime47.JSX.Element;
 //#endregion
 export { EntityCard };
 //# sourceMappingURL=EntityCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["Wrapper: React.ElementType"],"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,MAAMA,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';\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"}