@contractspec/lib.design-system 1.47.0 → 1.48.1

package/dist/components/legal/atoms/LegalText.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types16 from "class-variance-authority/types";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
 
 //#region src/components/legal/atoms/LegalText.d.ts
 declare const textVariants: (props?: ({
   tone?: "default" | "danger" | "muted" | null | undefined;
   size?: "base" | "sm" | "lg" | null | undefined;
   spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
-} & class_variance_authority_types16.ClassProp) | undefined) => string;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
 type LegalTextProps = React.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof textVariants> & {
   as?: 'p' | 'div' | 'span';
 };
@@ -19,7 +19,7 @@ declare function LegalText({
   spacing,
   className,
   ...props
-}: LegalTextProps): react_jsx_runtime77.JSX.Element;
+}: LegalTextProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { LegalText };
 //# sourceMappingURL=LegalText.d.ts.map

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

@@ -1,7 +1,7 @@
 import * as React from "react";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types20 from "class-variance-authority/types";
+import * as class_variance_authority_types9 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_types20.ClassProp) | undefined) => string;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 type LegalTOCProps = {
   items: TocItem[];
   activeHref?: string;
@@ -25,7 +25,7 @@ declare function LegalTOC({
   size,
   className,
   ...props
-}: LegalTOCProps): react_jsx_runtime83.JSX.Element;
+}: LegalTOCProps): react_jsx_runtime60.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,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"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime34.JSX.Element;
+}: MarketingCardProps): react_jsx_runtime35.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime34 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_runtime33.JSX.Element;
+}: MarketingCardsSectionProps): react_jsx_runtime34.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_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime38 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_runtime37.JSX.Element;
+}: MarketingComparisonSectionProps): react_jsx_runtime38.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_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime36 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_runtime35.JSX.Element;
+}: MarketingIconCardProps): react_jsx_runtime36.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_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_types3 from "class-variance-authority/types";
 
@@ -28,7 +28,7 @@ declare function MarketingSection({
   tone,
   padding,
   className
-}: MarketingSectionProps): react_jsx_runtime32.JSX.Element;
+}: MarketingSectionProps): react_jsx_runtime33.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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime37 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_runtime36.JSX.Element;
+}: MarketingStepCardProps): react_jsx_runtime37.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_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime71 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_runtime70.JSX.Element;
+}: AiLinkButtonProps): react_jsx_runtime71.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_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime45 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_runtime44.JSX.Element | null;
+}): react_jsx_runtime45.JSX.Element | null;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -8,6 +8,7 @@ declare function CodeBlock({
   filename,
   showLineNumbers,
   showCopyButton,
+  onCopy,
   className,
   ...props
 }: CodeBlockProps): react_jsx_runtime115.JSX.Element;

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

@@ -1 +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"}
+{"version":3,"file":"CodeBlock.d.ts","names":[],"sources":["../../../../src/components/molecules/CodeBlock/CodeBlock.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,SAAA;;;;;;;;;GASb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -6,8 +6,11 @@ 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 }) {
+function CodeBlock({ code, language = "typescript", filename, showLineNumbers = false, showCopyButton = true, onCopy, className, ...props }) {
 	const [highlightedHtml, setHighlightedHtml] = useState(null);
+	const handleCopy = () => {
+		onCopy?.();
+	};
 	useEffect(() => {
 		let mounted = true;
 		async function highlight() {
@@ -37,7 +40,8 @@ function CodeBlock({ code, language = "typescript", filename, showLineNumbers =
 			className: "relative",
 			children: [showCopyButton && /* @__PURE__ */ jsx(CopyButton, {
 				value: code,
-				className: "absolute top-3 right-3"
+				className: "absolute top-3 right-3",
+				onCopy: handleCopy
 			}), 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 }

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

@@ -1 +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"}
+{"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  onCopy,\n  className,\n  ...props\n}: CodeBlockProps) {\n  const [highlightedHtml, setHighlightedHtml] = useState<string | null>(null);\n\n  const handleCopy = () => {\n    onCopy?.();\n  };\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\n            value={code}\n            className=\"absolute top-3 right-3\"\n            onCopy={handleCopy}\n          />\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,QACA,WACA,GAAG,SACc;CACjB,MAAM,CAAC,iBAAiB,sBAAsB,SAAwB,KAAK;CAE3E,MAAM,mBAAmB;AACvB,YAAU;;AAGZ,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;IACC,OAAO;IACP,WAAU;IACV,QAAQ;KACR,EAEH,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/types.d.ts

@@ -13,6 +13,8 @@ interface CodeBlockProps extends HTMLAttributes<HTMLDivElement> {
   showLineNumbers?: boolean;
   /** Whether to show the copy button */
   showCopyButton?: boolean;
+  /** Optional callback when copy succeeds */
+  onCopy?: () => void;
 }
 //#endregion
 export { CodeBlockProps, CodeLanguage };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime42 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_runtime41.JSX.Element;
+}: CommandPaletteProps): react_jsx_runtime42.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_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime46 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_runtime45.JSX.Element;
+}): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { CommandSearchTrigger };
 //# sourceMappingURL=CommandSearchTrigger.d.ts.map

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

@@ -6,6 +6,7 @@ declare function CommandTabs({
   commands,
   initialPreference,
   className,
+  onCopy,
   ...props
 }: CommandTabsProps): react_jsx_runtime117.JSX.Element | null;
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"CommandTabs.d.ts","names":[],"sources":["../../../../src/components/molecules/CommandTabs/CommandTabs.tsx"],"sourcesContent":[],"mappings":";;;;iBAUgB,WAAA;;;;;;GAMb,mBAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -8,7 +8,7 @@ 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 }) {
+function CommandTabs({ commands, initialPreference = "bun", className, onCopy, ...props }) {
 	const context = usePackageManager();
 	const [localSelected, setLocalSelected] = useState(() => {
 		return initialPreference;
@@ -34,6 +34,12 @@ function CommandTabs({ commands, initialPreference = "bun", className, ...props
 	if (!effectiveSelected) return null;
 	const currentCommand = commands[effectiveSelected];
 	if (!currentCommand) return null;
+	const handleCopy = () => {
+		onCopy?.({
+			command: currentCommand,
+			packageManager: effectiveSelected
+		});
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("relative rounded-lg border border-zinc-800 bg-zinc-950", className),
 		...props,
@@ -54,7 +60,8 @@ function CommandTabs({ commands, initialPreference = "bun", className, ...props
 			role: "tabpanel",
 			children: [/* @__PURE__ */ jsx(CopyButton, {
 				value: currentCommand,
-				className: "absolute top-3 right-3"
+				className: "absolute top-3 right-3",
+				onCopy: handleCopy
 			}), /* @__PURE__ */ jsx("pre", {
 				className: "overflow-x-auto pr-10 font-mono text-[13px] leading-6 text-white",
 				children: /* @__PURE__ */ jsx("code", { children: currentCommand })

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

@@ -1 +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"}
+{"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  onCopy,\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  const handleCopy = () => {\n    onCopy?.({\n      command: currentCommand,\n      packageManager: effectiveSelected,\n    });\n  };\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\n          value={currentCommand}\n          className=\"absolute top-3 right-3\"\n          onCopy={handleCopy}\n        />\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,QACA,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;CAE5B,MAAM,mBAAmB;AACvB,WAAS;GACP,SAAS;GACT,gBAAgB;GACjB,CAAC;;AAGJ,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;IACC,OAAO;IACP,WAAU;IACV,QAAQ;KACR,EACF,oBAAC;IAAI,WAAU;cACb,oBAAC,oBAAM,iBAAsB;KACzB;IACF;GACF"}

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

@@ -2,11 +2,16 @@ import { HTMLAttributes } from "react";
 
 //#region src/components/molecules/CommandTabs/types.d.ts
 type PackageManager = 'bun' | 'npm' | 'yarn' | 'pnpm';
-interface CommandTabsProps extends HTMLAttributes<HTMLDivElement> {
+interface CommandTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'> {
   /** Commands for each package manager */
   commands: Partial<Record<PackageManager, string>>;
   /** Initial package manager preference (overridden by context if available) */
   initialPreference?: PackageManager;
+  /** Optional callback when copy succeeds */
+  onCopy?: (data: {
+    command: string;
+    packageManager: PackageManager;
+  }) => void;
 }
 interface PackageManagerContextValue {
   /** Current package manager preference */

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/CommandTabs/types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;UAEK,gBAAA,SAAyB,KACxC,eAAe;EAHL;EAEK,QAAA,EAKL,OALK,CAKG,MALc,CAKP,cALO,EAAA,MAAA,CAAA,CAAA;EACjB;EAAf,iBAAA,CAAA,EAMoB,cANpB;EAIyB;EAAP,MAAA,CAAA,EAAA,CAAA,IAAA,EAAA;IAAR,OAAA,EAAA,MAAA;IAEU,cAAA,EAE+B,cAF/B;EAE+B,CAAA,EAAA,GAAA,IAAA;;AATP,UAY7B,0BAAA,CAZ6B;EAY7B;cAEH;;sBAEQ"}

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

@@ -20,8 +20,8 @@ function CopyButton({ value, onCopy, className, ...props }) {
 			await navigator.clipboard.writeText(value);
 			setHasCopied(true);
 			onCopy?.();
-		} catch (err) {
-			console.error("Failed to copy to clipboard:", err);
+		} catch {
+			return;
 		}
 	}, [value, onCopy]);
 	return /* @__PURE__ */ jsxs("button", {

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

@@ -1 +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"}
+{"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 {\n      return;\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;UACJ;AACN;;IAED,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/EntityCard.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime48 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_runtime47.JSX.Element;
+}: EntityCardProps): react_jsx_runtime48.JSX.Element;
 //#endregion
 export { EntityCard };
 //# sourceMappingURL=EntityCard.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime70 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_runtime69.JSX.Element;
+}: FiltersToolbarProps): react_jsx_runtime70.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_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime52 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_runtime51.JSX.Element;
+}: HoverPreviewProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { HoverPreview };
 //# sourceMappingURL=HoverPreview.d.ts.map

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

@@ -20,6 +20,7 @@ declare function InstallCommand({
   type,
   dev,
   global,
+  onCopy,
   ...props
 }: InstallCommandProps): react_jsx_runtime118.JSX.Element;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"InstallCommand.d.ts","names":[],"sources":["../../../../src/components/molecules/InstallCommand/InstallCommand.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAwFA;;;;;;;;;iBAAgB,cAAA;WACL;;;;;GAKR,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"InstallCommand.d.ts","names":[],"sources":["../../../../src/components/molecules/InstallCommand/InstallCommand.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAwFA;;;;;;;;;iBAAgB,cAAA;WACL;;;;;;GAMR,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -45,7 +45,7 @@ function buildCommand(pm, packageNames, type, dev, global) {
 * <InstallCommand package="create-next-app" type="exec" />
 * ```
 */
-function InstallCommand({ package: packageName, type = "add", dev = false, global = false, ...props }) {
+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(() => ({
@@ -59,6 +59,7 @@ function InstallCommand({ package: packageName, type = "add", dev = false, globa
 			dev,
 			global
 		]),
+		onCopy,
 		...props
 	});
 }

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

@@ -1 +1 @@
-{"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  ...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} {...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,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;EAEuC,GAAI;GAAS"}
+{"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/InstallCommand/types.d.ts

@@ -1,8 +1,9 @@
+import { PackageManager } from "../CommandTabs/types.js";
 import { HTMLAttributes } from "react";
 
 //#region src/components/molecules/InstallCommand/types.d.ts
 type InstallCommandType = 'add' | 'install' | 'create' | 'run' | 'exec';
-interface InstallCommandProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+interface InstallCommandProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onCopy'> {
   /** The package name(s) to install */
   package: string | string[];
   /** The type of command (defaults to 'add' for package installation) */
@@ -11,6 +12,11 @@ interface InstallCommandProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
   dev?: boolean;
   /** Whether this is a global installation (adds -g flag) */
   global?: boolean;
+  /** Optional callback when copy succeeds */
+  onCopy?: (data: {
+    command: string;
+    packageManager: PackageManager;
+  }) => void;
 }
 //#endregion
 export { InstallCommandProps, InstallCommandType };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/InstallCommand/types.ts"],"sourcesContent":[],"mappings":";;;KAEY,kBAAA;UAEK,mBAAA,SAA4B,KAC3C,eAAe;EAHL;EAEK,OAAA,EAAA,MAAA,GAAA,MAAoB,EAAA;EACpB;EAAf,IAAA,CAAA,EAMO,kBANP;EAMO;EAPoC,GAAA,CAAA,EAAA,OAAA;EAAI"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/InstallCommand/types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,kBAAA;UAEK,mBAAA,SAA4B,KAC3C,eAAe;EAHL;EAEK,OAAA,EAAA,MAAA,GAAA,MAAoB,EAAA;EACpB;EAAf,IAAA,CAAA,EAMO,kBANP;EAMO;EAM4C,GAAA,CAAA,EAAA,OAAA;EAbR;EAAI,MAAA,CAAA,EAAA,OAAA;;;;oBAaI"}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime43 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_runtime42.JSX.Element;
+}: LangSwitchProps): react_jsx_runtime43.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_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime75 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_runtime74.JSX.Element;
+}: LoaderBlockProps): react_jsx_runtime75.JSX.Element;
 //#endregion
 export { LoaderBlock };
 //# sourceMappingURL=LoaderBlock.d.ts.map

package/dist/components/molecules/NavItemCard.js

@@ -12,6 +12,7 @@ function NavItemCard({ item, 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", {