@contractspec/lib.design-system 1.48.0 → 1.49.0

package/dist/components/agent/AgentMonitor.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/agent/AgentMonitor.d.ts
 interface AgentSessionSnapshot {
@@ -23,7 +23,7 @@ declare function AgentMonitor({
   highlightStatus,
   onSelectSession,
   className
-}: AgentMonitorProps): react_jsx_runtime19.JSX.Element;
+}: AgentMonitorProps): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { AgentMonitor };
 //# sourceMappingURL=AgentMonitor.d.ts.map

package/dist/components/agent/ApprovalQueue.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { ApprovalRequest } from "@contractspec/lib.ai-agent/approval";
 
 //#region src/components/agent/ApprovalQueue.d.ts
@@ -20,7 +20,7 @@ declare function ApprovalQueue({
   onReject,
   className,
   emptyState
-}: ApprovalQueueProps): react_jsx_runtime18.JSX.Element;
+}: ApprovalQueueProps): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ApprovalQueue };
 //# sourceMappingURL=ApprovalQueue.d.ts.map

package/dist/components/atoms/ActionButtons.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "./Button.js";
 import * as React from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types1 from "class-variance-authority/types";
 
@@ -13,14 +13,14 @@ type ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> & VariantProps<typeo
   label?: React.ReactNode;
   iconLeft?: React.ReactNode;
 };
-declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime6.JSX.Element;
-declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime6.JSX.Element;
-declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime6.JSX.Element;
+declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime7.JSX.Element;
+declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
 declare function ToggleButton(props: Omit<ActionBtnProps, 'iconLeft'> & {
   active?: boolean;
-}): react_jsx_runtime6.JSX.Element;
-declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime6.JSX.Element;
-declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime6.JSX.Element;
+}): react_jsx_runtime7.JSX.Element;
+declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };
 //# sourceMappingURL=ActionButtons.d.ts.map

package/dist/components/atoms/ButtonLink.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "./Button.js";
 import { LinkProps } from "./Link.web.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/atoms/ButtonLink.d.ts
 type ButtonLinkProps = Omit<ButtonProps, 'onClick'> & Pick<LinkProps, 'href' | 'target' | 'rel' | 'onClick'> & {
@@ -16,7 +16,7 @@ declare function ButtonLink({
   children,
   onClick,
   ...btn
-}: ButtonLinkProps): react_jsx_runtime0.JSX.Element;
+}: ButtonLinkProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ButtonLink };
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/atoms/Cta.d.ts

@@ -19,7 +19,7 @@ declare const Cta: React.ForwardRefExoticComponent<Omit<_contractspec_lib_ui_kit
   disabled?: boolean;
 } & VariantProps<(props?: ({
   size?: "sm" | "md" | "lg" | "touch" | null | undefined;
-  emphasis?: "strong" | "default" | "subtle" | null | undefined;
+  emphasis?: "default" | "strong" | "subtle" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string> & {
   capture?: (cta: string) => void;
   ctaName?: string;

package/dist/components/atoms/Cta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cta.d.ts","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAsBa,KAAG,KAAA,CAAA,0BAAA,KAgFf,uCAAA,CAhFe,WAAA;EAHD,QAAM,iBAAA;;;;EAGL,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;;;;;;;;;;;aAHD,KAAA,CAAM"}
+{"version":3,"file":"Cta.d.ts","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAsBa,KAAG,KAAA,CAAA,0BAAA,KAiEf,uCAAA,CAjEe,WAAA;EAHD,QAAM,iBAAA;;;;EAGL,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;;;;;;;;;;;aAHD,KAAA,CAAM"}

package/dist/components/atoms/Cta.js

@@ -28,8 +28,6 @@ const Cta = React.forwardRef(({ capture, ctaName, as = "button", href, onClick,
 	const handleClick = (e) => {
 		if (ctaName) try {
 			if (capture) capture(ctaName);
-			const ph = globalThis.posthog;
-			if (ph && typeof ph.capture === "function") ph.capture("cta_click", { cta: ctaName });
 		} catch {}
 		onClick?.(e);
 	};

package/dist/components/atoms/Cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cta.js","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ButtonLink } from './ButtonLink';\n\nconst _ctaVariants = cva('', {\n  variants: {\n    size: { sm: 'sm', md: 'md', lg: 'lg', touch: 'touch' },\n    emphasis: { default: 'default', subtle: 'secondary', strong: 'default' },\n  },\n  defaultVariants: { size: 'touch', emphasis: 'default' },\n});\n\nexport type CtaProps = ButtonProps &\n  VariantProps<typeof _ctaVariants> & {\n    capture?: (cta: string) => void;\n    ctaName?: string;\n    as?: 'button' | 'a';\n    href?: string;\n    children?: React.ReactNode;\n  };\n\nexport const Cta = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  CtaProps\n>(\n  (\n    {\n      capture,\n      ctaName,\n      as = 'button',\n      href,\n      onClick,\n      size = 'touch',\n      emphasis = 'default',\n      children,\n      ...props\n    },\n    _ref\n  ) => {\n    const handleClick: React.MouseEventHandler<\n      HTMLButtonElement | HTMLAnchorElement\n    > = (e) => {\n      if (ctaName) {\n        try {\n          if (capture) capture(ctaName);\n          // Optional PostHog fallback if present globally\n          const ph = (globalThis as unknown as { posthog?: unknown }).posthog;\n          if (\n            ph &&\n            typeof (ph as { capture?: unknown }).capture === 'function'\n          ) {\n            (\n              ph as {\n                capture: (\n                  event: string,\n                  props?: Record<string, unknown>\n                ) => void;\n              }\n            ).capture('cta_click', { cta: ctaName });\n          }\n        } catch {\n          /* noop */\n        }\n      }\n      onClick?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n    };\n\n    const uiSize = size as ButtonProps['size'];\n    const uiVariant = (\n      emphasis === 'subtle' ? 'secondary' : 'default'\n    ) as ButtonProps['variant'];\n\n    if (as === 'a') {\n      return (\n        <ButtonLink\n          size={uiSize}\n          variant={uiVariant}\n          {...props}\n          href={href}\n          onClick={\n            handleClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n          }\n        >\n          {children}\n        </ButtonLink>\n      );\n    }\n\n    return (\n      <Button\n        size={uiSize}\n        variant={uiVariant}\n        onClick={\n          handleClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\nCta.displayName = 'Cta';\n"],"mappings":";;;;;;;AAKqB,IAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GAAE,IAAI;GAAM,IAAI;GAAM,IAAI;GAAM,OAAO;GAAS;EACtD,UAAU;GAAE,SAAS;GAAW,QAAQ;GAAa,QAAQ;GAAW;EACzE;CACD,iBAAiB;EAAE,MAAM;EAAS,UAAU;EAAW;CACxD,CAAC;AAWF,MAAa,MAAM,MAAM,YAKrB,EACE,SACA,SACA,KAAK,UACL,MACA,SACA,OAAO,SACP,WAAW,WACX,UACA,GAAG,SAEL,SACG;CACH,MAAM,eAED,MAAM;AACT,MAAI,QACF,KAAI;AACF,OAAI,QAAS,SAAQ,QAAQ;GAE7B,MAAM,KAAM,WAAgD;AAC5D,OACE,MACA,OAAQ,GAA6B,YAAY,WAEjD,CACE,GAMA,QAAQ,aAAa,EAAE,KAAK,SAAS,CAAC;UAEpC;AAIV,YAAU,EAAoD;;CAGhE,MAAM,SAAS;CACf,MAAM,YACJ,aAAa,WAAW,cAAc;AAGxC,KAAI,OAAO,IACT,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,GAAI;EACE;EACN,SACE;EAGD;GACU;AAIjB,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,SACE;EAEF,GAAI;EAEH;GACM;EAGd;AACD,IAAI,cAAc"}
+{"version":3,"file":"Cta.js","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ButtonLink } from './ButtonLink';\n\nconst _ctaVariants = cva('', {\n  variants: {\n    size: { sm: 'sm', md: 'md', lg: 'lg', touch: 'touch' },\n    emphasis: { default: 'default', subtle: 'secondary', strong: 'default' },\n  },\n  defaultVariants: { size: 'touch', emphasis: 'default' },\n});\n\nexport type CtaProps = ButtonProps &\n  VariantProps<typeof _ctaVariants> & {\n    capture?: (cta: string) => void;\n    ctaName?: string;\n    as?: 'button' | 'a';\n    href?: string;\n    children?: React.ReactNode;\n  };\n\nexport const Cta = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  CtaProps\n>(\n  (\n    {\n      capture,\n      ctaName,\n      as = 'button',\n      href,\n      onClick,\n      size = 'touch',\n      emphasis = 'default',\n      children,\n      ...props\n    },\n    _ref\n  ) => {\n    const handleClick: React.MouseEventHandler<\n      HTMLButtonElement | HTMLAnchorElement\n    > = (e) => {\n      if (ctaName) {\n        try {\n          if (capture) capture(ctaName);\n        } catch {\n          /* noop */\n        }\n      }\n      onClick?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n    };\n\n    const uiSize = size as ButtonProps['size'];\n    const uiVariant = (\n      emphasis === 'subtle' ? 'secondary' : 'default'\n    ) as ButtonProps['variant'];\n\n    if (as === 'a') {\n      return (\n        <ButtonLink\n          size={uiSize}\n          variant={uiVariant}\n          {...props}\n          href={href}\n          onClick={\n            handleClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n          }\n        >\n          {children}\n        </ButtonLink>\n      );\n    }\n\n    return (\n      <Button\n        size={uiSize}\n        variant={uiVariant}\n        onClick={\n          handleClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\nCta.displayName = 'Cta';\n"],"mappings":";;;;;;;AAKqB,IAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GAAE,IAAI;GAAM,IAAI;GAAM,IAAI;GAAM,OAAO;GAAS;EACtD,UAAU;GAAE,SAAS;GAAW,QAAQ;GAAa,QAAQ;GAAW;EACzE;CACD,iBAAiB;EAAE,MAAM;EAAS,UAAU;EAAW;CACxD,CAAC;AAWF,MAAa,MAAM,MAAM,YAKrB,EACE,SACA,SACA,KAAK,UACL,MACA,SACA,OAAO,SACP,WAAW,WACX,UACA,GAAG,SAEL,SACG;CACH,MAAM,eAED,MAAM;AACT,MAAI,QACF,KAAI;AACF,OAAI,QAAS,SAAQ,QAAQ;UACvB;AAIV,YAAU,EAAoD;;CAGhE,MAAM,SAAS;CACf,MAAM,YACJ,aAAa,WAAW,cAAc;AAGxC,KAAI,OAAO,IACT,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,GAAI;EACE;EACN,SACE;EAGD;GACU;AAIjB,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,SACE;EAEF,GAAI;EAEH;GACM;EAGd;AACD,IAAI,cAAc"}

package/dist/components/atoms/DataChips.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
@@ -14,25 +14,25 @@ declare function DateChip({
   ...v
 }: {
   value?: string | Date | null;
-} & ChipVariants): react_jsx_runtime12.JSX.Element | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
 declare function TimeChip({
   value,
   ...v
 }: {
   value?: string | Date | null;
-} & ChipVariants): react_jsx_runtime12.JSX.Element | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
 declare function PlaceChip({
   label,
   ...v
 }: {
   label?: React.ReactNode;
-} & ChipVariants): react_jsx_runtime12.JSX.Element | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
 declare function DurationChip({
   minutes,
   ...v
 }: {
   minutes?: number | null;
-} & ChipVariants): react_jsx_runtime12.JSX.Element | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
 //#endregion
 export { DateChip, DurationChip, PlaceChip, TimeChip };
 //# sourceMappingURL=DataChips.d.ts.map

package/dist/components/atoms/EmptyState.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { EmptyStateProps } from "@contractspec/lib.ui-kit-web/ui/empty-state";
 
 //#region src/components/atoms/EmptyState.d.ts
-declare function EmptyState$1(props: EmptyStateProps): react_jsx_runtime4.JSX.Element;
+declare function EmptyState$1(props: EmptyStateProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { EmptyState$1 as EmptyState };
 //# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/atoms/Input.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { InputProps } from "@contractspec/lib.ui-kit-web/ui/input";
 
 //#region src/components/atoms/Input.d.ts
@@ -30,7 +30,7 @@ declare function Input$1({
   className,
   keyboard,
   ...rest
-}: InputProps$1): react_jsx_runtime2.JSX.Element;
+}: InputProps$1): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Input$1 as Input };
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/atoms/Link.d.ts

@@ -1,12 +1,12 @@
 import { AnchorHTMLAttributes } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/atoms/Link.d.ts
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 declare function Link({
   children,
   ...props
-}: LinkProps): react_jsx_runtime1.JSX.Element;
+}: LinkProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Link };
 //# sourceMappingURL=Link.d.ts.map

package/dist/components/atoms/Stepper.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { StepperProps } from "@contractspec/lib.ui-kit-web/ui/stepper";
 
 //#region src/components/atoms/Stepper.d.ts
-declare function Stepper$1(props: StepperProps): react_jsx_runtime5.JSX.Element;
+declare function Stepper$1(props: StepperProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Stepper$1 as Stepper };
 //# sourceMappingURL=Stepper.d.ts.map

package/dist/components/atoms/Textarea.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardOptions } from "../../lib/keyboard.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { TextareaProps } from "@contractspec/lib.ui-kit-web/ui/textarea";
 
 //#region src/components/atoms/Textarea.d.ts
@@ -32,7 +32,7 @@ declare function Textarea$1({
   rows,
   keyboard,
   ...rest
-}: TextareaProps$1): react_jsx_runtime3.JSX.Element;
+}: TextareaProps$1): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Textarea$1 as Textarea };
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/data-view/DataViewRenderer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DataViewSpec } from "@contractspec/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewRenderer.d.ts
@@ -42,7 +42,7 @@ declare function DataViewRenderer({
   onFilterChange,
   pagination,
   onPageChange
-}: DataViewRendererProps): react_jsx_runtime20.JSX.Element;
+}: DataViewRendererProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DataViewRenderer };
 //# sourceMappingURL=DataViewRenderer.d.ts.map

package/dist/components/data-view/DataViewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewRenderer.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,qBAAA;QACT;UACE;EAFO,IAAA,CAAA,EAGR,MAHQ,CAAA,MAAA,EAAA,OAAqB,CAAA,GAAA,IAAA;EAC9B,SAAA,CAAA,EAAA,MAAA;EACE,aAAA,CAAA,EAAA,CAAA,IAAA,EAGe,MAHf,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAG2C,KAAA,CAAM,SAHjD;EACD,QAAA,CAAA,EAAA,CAAA,IAAA,EAGW,MAHX,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAEgB,UAAA,CAAA,EAAA,CAAA,IAAA,EAEH,MAFG,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAA4B,aAAM,CAAA,EAGzC,KAAA,CAAM,SAHmC;EACvC,UAAA,CAAA,EAGL,KAAA,CAAM,SAHD;EACE,MAAA,CAAA,EAGX,KAAA,CAAM,SAHK;EACJ,MAAM,CAAA,EAAA,MAAA;EACT,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACV,OAAM,CAAA,EAKL,MALK,CAAA,MAAA,EAAA,OAAA,CAAA;EAKL,cAAA,CAAA,EAAA,CAAA,OAAA,EACiB,MADjB,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EACiB,UAAA,CAAA,EAAA;IAAM,IAAA,EAAA,MAAA;IAWnB,QAAA,EAAA,MAAgB;IAC9B,KAAA,EAAA,MAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEA,iBALc,gBAAA,CAKd;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,UAAA;EAAA,MAAA;EAAA,MAAA;EAAA,cAAA;EAAA,OAAA;EAAA,cAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAYC,qBAZD,CAAA,EAYsB,mBAAA,CAAA,GAAA,CAAA,OAZtB"}
+{"version":3,"file":"DataViewRenderer.d.ts","names":[],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,qBAAA;QACT;UACE;EAFO,IAAA,CAAA,EAGR,MAHQ,CAAA,MAAA,EAAA,OAAqB,CAAA,GAAA,IAAA;EAC9B,SAAA,CAAA,EAAA,MAAA;EACE,aAAA,CAAA,EAAA,CAAA,IAAA,EAGe,MAHf,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAG2C,KAAA,CAAM,SAHjD;EACD,QAAA,CAAA,EAAA,CAAA,IAAA,EAGW,MAHX,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAEgB,UAAA,CAAA,EAAA,CAAA,IAAA,EAEH,MAFG,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAA4B,aAAM,CAAA,EAGzC,KAAA,CAAM,SAHmC;EACvC,UAAA,CAAA,EAGL,KAAA,CAAM,SAHD;EACE,MAAA,CAAA,EAGX,KAAA,CAAM,SAHK;EACJ,MAAM,CAAA,EAAA,MAAA;EACT,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACV,OAAM,CAAA,EAKL,MALK,CAAA,MAAA,EAAA,OAAA,CAAA;EAKL,cAAA,CAAA,EAAA,CAAA,OAAA,EACiB,MADjB,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EACiB,UAAA,CAAA,EAAA;IAAM,IAAA,EAAA,MAAA;IAWnB,QAAA,EAAA,MAAgB;IAC9B,KAAA,EAAA,MAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEA,iBALc,gBAAA,CAKd;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,UAAA;EAAA,MAAA;EAAA,MAAA;EAAA,cAAA;EAAA,OAAA;EAAA,cAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAYC,qBAZD,CAAA,EAYsB,kBAAA,CAAA,GAAA,CAAA,OAZtB"}

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

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

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/CommandTabs/CommandTabs.d.ts

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

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.d.ts

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

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

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

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

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