@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/presentation/features/hooks/useFeatureRegistry.js

@@ -0,0 +1,37 @@
+'use client';
+
+import { getContractSpecFeatureRegistry } from "../../../features/registry.js";
+import { useMemo } from "react";
+
+//#region src/presentation/features/hooks/useFeatureRegistry.ts
+/**
+* Hook to access the ContractSpec feature registry.
+* Provides feature listing and filtering capabilities.
+*/
+function useFeatureRegistry() {
+	const registry = useMemo(() => getContractSpecFeatureRegistry(), []);
+	return useMemo(() => {
+		const features = registry.list();
+		return {
+			features,
+			getFeature: (key) => registry.get(key),
+			getByTag: (tag) => registry.listByTag(tag),
+			getByOwner: (owner) => registry.listByOwner(owner),
+			getUniqueTags: () => registry.getUniqueTags(),
+			getUniqueDomains: () => {
+				const domains = /* @__PURE__ */ new Set();
+				for (const f of features) if (f.meta.domain) domains.add(f.meta.domain);
+				return [...domains].sort();
+			},
+			getUniqueStabilities: () => {
+				const stabilities = /* @__PURE__ */ new Set();
+				for (const f of features) if (f.meta.stability) stabilities.add(f.meta.stability);
+				return [...stabilities].sort();
+			}
+		};
+	}, [registry]);
+}
+
+//#endregion
+export { useFeatureRegistry };
+//# sourceMappingURL=useFeatureRegistry.js.map

package/dist/presentation/features/hooks/useFeatureRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureRegistry.js","names":[],"sources":["../../../../src/presentation/features/hooks/useFeatureRegistry.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport type { FeatureModuleSpec } from '@contractspec/lib.contracts/features';\nimport { getContractSpecFeatureRegistry } from '../../../features/registry';\n\nexport interface UseFeatureRegistryReturn {\n  /** All registered features. */\n  features: FeatureModuleSpec[];\n  /** Get a feature by its key. */\n  getFeature: (key: string) => FeatureModuleSpec | undefined;\n  /** Get features with a specific tag. */\n  getByTag: (tag: string) => FeatureModuleSpec[];\n  /** Get features by owner. */\n  getByOwner: (owner: string) => FeatureModuleSpec[];\n  /** Get all unique tags across features. */\n  getUniqueTags: () => string[];\n  /** Get all unique domains across features. */\n  getUniqueDomains: () => string[];\n  /** Get all unique stability values across features. */\n  getUniqueStabilities: () => string[];\n}\n\n/**\n * Hook to access the ContractSpec feature registry.\n * Provides feature listing and filtering capabilities.\n */\nexport function useFeatureRegistry(): UseFeatureRegistryReturn {\n  const registry = useMemo(() => getContractSpecFeatureRegistry(), []);\n\n  return useMemo(() => {\n    const features = registry.list();\n\n    return {\n      features,\n      getFeature: (key: string) => registry.get(key),\n      getByTag: (tag: string) => registry.listByTag(tag),\n      getByOwner: (owner: string) => registry.listByOwner(owner),\n      getUniqueTags: () => registry.getUniqueTags(),\n      getUniqueDomains: () => {\n        const domains = new Set<string>();\n        for (const f of features) {\n          if (f.meta.domain) domains.add(f.meta.domain);\n        }\n        return [...domains].sort();\n      },\n      getUniqueStabilities: () => {\n        const stabilities = new Set<string>();\n        for (const f of features) {\n          if (f.meta.stability) stabilities.add(f.meta.stability);\n        }\n        return [...stabilities].sort();\n      },\n    };\n  }, [registry]);\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,qBAA+C;CAC7D,MAAM,WAAW,cAAc,gCAAgC,EAAE,EAAE,CAAC;AAEpE,QAAO,cAAc;EACnB,MAAM,WAAW,SAAS,MAAM;AAEhC,SAAO;GACL;GACA,aAAa,QAAgB,SAAS,IAAI,IAAI;GAC9C,WAAW,QAAgB,SAAS,UAAU,IAAI;GAClD,aAAa,UAAkB,SAAS,YAAY,MAAM;GAC1D,qBAAqB,SAAS,eAAe;GAC7C,wBAAwB;IACtB,MAAM,0BAAU,IAAI,KAAa;AACjC,SAAK,MAAM,KAAK,SACd,KAAI,EAAE,KAAK,OAAQ,SAAQ,IAAI,EAAE,KAAK,OAAO;AAE/C,WAAO,CAAC,GAAG,QAAQ,CAAC,MAAM;;GAE5B,4BAA4B;IAC1B,MAAM,8BAAc,IAAI,KAAa;AACrC,SAAK,MAAM,KAAK,SACd,KAAI,EAAE,KAAK,UAAW,aAAY,IAAI,EAAE,KAAK,UAAU;AAEzD,WAAO,CAAC,GAAG,YAAY,CAAC,MAAM;;GAEjC;IACA,CAAC,SAAS,CAAC"}

package/dist/presentation/features/hooks/useRelatedDocs.d.ts

@@ -0,0 +1,13 @@
+//#region src/presentation/features/hooks/useRelatedDocs.d.ts
+/**
+ * Hook to fetch documentation blocks related to a specific key or set of tags.
+ */
+declare function useRelatedDocs(key: string, tags?: string[]): {
+  id: string;
+  title: string;
+  summary: string | undefined;
+  route: string;
+}[];
+//#endregion
+export { useRelatedDocs };
+//# sourceMappingURL=useRelatedDocs.d.ts.map

package/dist/presentation/features/hooks/useRelatedDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelatedDocs.d.ts","names":[],"sources":["../../../../src/presentation/features/hooks/useRelatedDocs.ts"],"mappings":";;AAQA;;iBAAgB,cAAA,CAAe,GAAA,UAAa,IAAA"}

package/dist/presentation/features/hooks/useRelatedDocs.js

@@ -0,0 +1,32 @@
+'use client';
+
+import { useMemo } from "react";
+import { defaultDocRegistry } from "@contractspec/lib.contracts";
+
+//#region src/presentation/features/hooks/useRelatedDocs.ts
+/**
+* Hook to fetch documentation blocks related to a specific key or set of tags.
+*/
+function useRelatedDocs(key, tags) {
+	return useMemo(() => {
+		try {
+			return defaultDocRegistry.list().filter(({ block }) => {
+				const keyMatch = block.id.toLowerCase().includes(key.toLowerCase()) || block.title.toLowerCase().includes(key.toLowerCase());
+				const tagMatch = tags?.some((t) => block.tags?.some((bt) => bt.toLowerCase().includes(t.toLowerCase())));
+				return keyMatch || tagMatch;
+			}).map(({ block, route }) => ({
+				id: block.id,
+				title: block.title,
+				summary: block.summary,
+				route
+			}));
+		} catch (e) {
+			console.error("Failed to fetch related docs:", e);
+			return [];
+		}
+	}, [key, tags]);
+}
+
+//#endregion
+export { useRelatedDocs };
+//# sourceMappingURL=useRelatedDocs.js.map

package/dist/presentation/features/hooks/useRelatedDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelatedDocs.js","names":[],"sources":["../../../../src/presentation/features/hooks/useRelatedDocs.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { defaultDocRegistry } from '@contractspec/lib.contracts';\n\n/**\n * Hook to fetch documentation blocks related to a specific key or set of tags.\n */\nexport function useRelatedDocs(key: string, tags?: string[]) {\n  const docs = useMemo(() => {\n    try {\n      const allDocs = defaultDocRegistry.list();\n      return allDocs\n        .filter(({ block }) => {\n          // Match by key in ID or title\n          const keyMatch =\n            block.id.toLowerCase().includes(key.toLowerCase()) ||\n            block.title.toLowerCase().includes(key.toLowerCase());\n\n          // Match by tags\n          const tagMatch = tags?.some((t) =>\n            block.tags?.some((bt) => bt.toLowerCase().includes(t.toLowerCase()))\n          );\n\n          return keyMatch || tagMatch;\n        })\n        .map(({ block, route }) => ({\n          id: block.id,\n          title: block.title,\n          summary: block.summary,\n          route,\n        }));\n    } catch (e) {\n      console.error('Failed to fetch related docs:', e);\n      return [];\n    }\n  }, [key, tags]);\n\n  return docs;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,eAAe,KAAa,MAAiB;AA8B3D,QA7Ba,cAAc;AACzB,MAAI;AAEF,UADgB,mBAAmB,MAAM,CAEtC,QAAQ,EAAE,YAAY;IAErB,MAAM,WACJ,MAAM,GAAG,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC,IAClD,MAAM,MAAM,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC;IAGvD,MAAM,WAAW,MAAM,MAAM,MAC3B,MAAM,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CACrE;AAED,WAAO,YAAY;KACnB,CACD,KAAK,EAAE,OAAO,aAAa;IAC1B,IAAI,MAAM;IACV,OAAO,MAAM;IACb,SAAS,MAAM;IACf;IACD,EAAE;WACE,GAAG;AACV,WAAQ,MAAM,iCAAiC,EAAE;AACjD,UAAO,EAAE;;IAEV,CAAC,KAAK,KAAK,CAAC"}

package/dist/presentation/features/index.d.ts

@@ -0,0 +1,57 @@
+import { FeatureIcon, FeatureIconProps, getFeatureIconTone } from "./atoms/FeatureIcon/FeatureIcon.js";
+import "./atoms/FeatureIcon/index.js";
+import { UseFeatureRegistryReturn, useFeatureRegistry } from "./hooks/useFeatureRegistry.js";
+import { FeatureFilters, UseFeatureFiltersReturn, useFeatureFilters } from "./hooks/useFeatureFilters.js";
+import { UseContractsRegistryReturn, useContractsRegistry } from "./hooks/useContractsRegistry.js";
+import "./hooks/index.js";
+import { useRelatedDocs } from "./hooks/useRelatedDocs.js";
+import { FeatureCardProps } from "./molecules/FeatureCard/types.js";
+import { FeatureCard } from "./molecules/FeatureCard/FeatureCard.js";
+import "./molecules/FeatureCard/index.js";
+import { FeatureFiltersBarProps } from "./molecules/FeatureFilters/types.js";
+import { FeatureFiltersBar } from "./molecules/FeatureFilters/FeatureFilters.js";
+import "./molecules/FeatureFilters/index.js";
+import { FeatureHoverPreview, FeatureHoverPreviewProps } from "./molecules/FeatureHoverPreview/FeatureHoverPreview.js";
+import "./molecules/FeatureHoverPreview/index.js";
+import { FeatureCategoryHeader, FeatureCategoryHeaderProps } from "./molecules/FeatureCategoryHeader/FeatureCategoryHeader.js";
+import "./molecules/FeatureCategoryHeader/index.js";
+import { FeatureDiscoveryProps, FeatureGroupBy, FeatureViewMode } from "./organisms/FeatureDiscovery/types.js";
+import { FeatureDiscovery } from "./organisms/FeatureDiscovery/FeatureDiscovery.js";
+import "./organisms/FeatureDiscovery/index.js";
+import { FeatureDetailProps } from "./organisms/FeatureDetail/types.js";
+import { FeatureDetail } from "./organisms/FeatureDetail/FeatureDetail.js";
+import "./organisms/FeatureDetail/index.js";
+import { FeatureOperationsList } from "./organisms/FeatureOperationsList.js";
+import { FeatureEventsList } from "./organisms/FeatureEventsList.js";
+import { FeaturePresentationsList } from "./organisms/FeaturePresentationsList.js";
+import { FeatureDataViewsList } from "./organisms/FeatureDataViewsList.js";
+import { FeatureFormsList } from "./organisms/FeatureFormsList.js";
+import { FeatureOverviewTemplate, FeatureOverviewTemplateProps } from "./templates/FeatureOverviewTemplate/FeatureOverviewTemplate.js";
+import "./templates/FeatureOverviewTemplate/index.js";
+import { FeatureListTemplateProps } from "./templates/types.js";
+import { FeatureOperationsTemplate } from "./templates/FeatureOperationsTemplate/FeatureOperationsTemplate.js";
+import "./templates/FeatureOperationsTemplate/index.js";
+import { FeatureEventsTemplate } from "./templates/FeatureEventsTemplate/FeatureEventsTemplate.js";
+import "./templates/FeatureEventsTemplate/index.js";
+import { FeaturePresentationsTemplate } from "./templates/FeaturePresentationsTemplate/FeaturePresentationsTemplate.js";
+import "./templates/FeaturePresentationsTemplate/index.js";
+import { FeatureDataViewsTemplate } from "./templates/FeatureDataViewsTemplate/FeatureDataViewsTemplate.js";
+import "./templates/FeatureDataViewsTemplate/index.js";
+import { FeatureFormsTemplate } from "./templates/FeatureFormsTemplate/FeatureFormsTemplate.js";
+import "./templates/FeatureFormsTemplate/index.js";
+import { FeatureOperationDetailTemplateProps } from "./templates/FeatureOperationDetailTemplate/types.js";
+import { FeatureOperationDetailTemplate } from "./templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.js";
+import "./templates/FeatureOperationDetailTemplate/index.js";
+import { FeatureEventDetailTemplateProps } from "./templates/FeatureEventDetailTemplate/types.js";
+import { FeatureEventDetailTemplate } from "./templates/FeatureEventDetailTemplate/FeatureEventDetailTemplate.js";
+import "./templates/FeatureEventDetailTemplate/index.js";
+import { FeaturePresentationDetailTemplateProps } from "./templates/FeaturePresentationDetailTemplate/types.js";
+import { FeaturePresentationDetailTemplate } from "./templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.js";
+import "./templates/FeaturePresentationDetailTemplate/index.js";
+import { FeatureDataViewDetailTemplateProps } from "./templates/FeatureDataViewDetailTemplate/types.js";
+import { FeatureDataViewDetailTemplate } from "./templates/FeatureDataViewDetailTemplate/FeatureDataViewDetailTemplate.js";
+import "./templates/FeatureDataViewDetailTemplate/index.js";
+import { FeatureFormDetailTemplateProps } from "./templates/FeatureFormDetailTemplate/types.js";
+import { FeatureFormDetailTemplate } from "./templates/FeatureFormDetailTemplate/FeatureFormDetailTemplate.js";
+import "./templates/FeatureFormDetailTemplate/index.js";
+export { FeatureCard, type FeatureCardProps, FeatureCategoryHeader, type FeatureCategoryHeaderProps, FeatureDataViewDetailTemplate, type FeatureDataViewDetailTemplateProps, FeatureDataViewsList, FeatureDataViewsTemplate, FeatureDetail, type FeatureDetailProps, FeatureDiscovery, type FeatureDiscoveryProps, FeatureEventDetailTemplate, type FeatureEventDetailTemplateProps, FeatureEventsList, FeatureEventsTemplate, type FeatureFilters, FeatureFiltersBar, type FeatureFiltersBarProps, FeatureFormDetailTemplate, type FeatureFormDetailTemplateProps, FeatureFormsList, FeatureFormsTemplate, type FeatureGroupBy, FeatureHoverPreview, type FeatureHoverPreviewProps, FeatureIcon, type FeatureIconProps, type FeatureListTemplateProps, FeatureOperationDetailTemplate, type FeatureOperationDetailTemplateProps, FeatureOperationsList, FeatureOperationsTemplate, FeatureOverviewTemplate, type FeatureOverviewTemplateProps, FeaturePresentationDetailTemplate, type FeaturePresentationDetailTemplateProps, FeaturePresentationsList, FeaturePresentationsTemplate, type FeatureViewMode, type UseContractsRegistryReturn, type UseFeatureFiltersReturn, type UseFeatureRegistryReturn, getFeatureIconTone, useContractsRegistry, useFeatureFilters, useFeatureRegistry, useRelatedDocs };

package/dist/presentation/features/index.js

@@ -0,0 +1,48 @@
+import { FeatureIcon, getFeatureIconTone } from "./atoms/FeatureIcon/FeatureIcon.js";
+import "./atoms/FeatureIcon/index.js";
+import { useFeatureRegistry } from "./hooks/useFeatureRegistry.js";
+import { useFeatureFilters } from "./hooks/useFeatureFilters.js";
+import { useContractsRegistry } from "./hooks/useContractsRegistry.js";
+import "./hooks/index.js";
+import { useRelatedDocs } from "./hooks/useRelatedDocs.js";
+import { FeatureHoverPreview } from "./molecules/FeatureHoverPreview/FeatureHoverPreview.js";
+import "./molecules/FeatureHoverPreview/index.js";
+import { FeatureCard } from "./molecules/FeatureCard/FeatureCard.js";
+import "./molecules/FeatureCard/index.js";
+import { FeatureFiltersBar } from "./molecules/FeatureFilters/FeatureFilters.js";
+import "./molecules/FeatureFilters/index.js";
+import { FeatureCategoryHeader } from "./molecules/FeatureCategoryHeader/FeatureCategoryHeader.js";
+import "./molecules/FeatureCategoryHeader/index.js";
+import { FeatureDiscovery } from "./organisms/FeatureDiscovery/FeatureDiscovery.js";
+import "./organisms/FeatureDiscovery/index.js";
+import { FeatureDetail } from "./organisms/FeatureDetail/FeatureDetail.js";
+import "./organisms/FeatureDetail/index.js";
+import { FeatureOperationsList } from "./organisms/FeatureOperationsList.js";
+import { FeatureEventsList } from "./organisms/FeatureEventsList.js";
+import { FeaturePresentationsList } from "./organisms/FeaturePresentationsList.js";
+import { FeatureDataViewsList } from "./organisms/FeatureDataViewsList.js";
+import { FeatureFormsList } from "./organisms/FeatureFormsList.js";
+import { FeatureOverviewTemplate } from "./templates/FeatureOverviewTemplate/FeatureOverviewTemplate.js";
+import "./templates/FeatureOverviewTemplate/index.js";
+import { FeatureOperationsTemplate } from "./templates/FeatureOperationsTemplate/FeatureOperationsTemplate.js";
+import "./templates/FeatureOperationsTemplate/index.js";
+import { FeatureEventsTemplate } from "./templates/FeatureEventsTemplate/FeatureEventsTemplate.js";
+import "./templates/FeatureEventsTemplate/index.js";
+import { FeaturePresentationsTemplate } from "./templates/FeaturePresentationsTemplate/FeaturePresentationsTemplate.js";
+import "./templates/FeaturePresentationsTemplate/index.js";
+import { FeatureDataViewsTemplate } from "./templates/FeatureDataViewsTemplate/FeatureDataViewsTemplate.js";
+import "./templates/FeatureDataViewsTemplate/index.js";
+import { FeatureFormsTemplate } from "./templates/FeatureFormsTemplate/FeatureFormsTemplate.js";
+import "./templates/FeatureFormsTemplate/index.js";
+import { FeatureOperationDetailTemplate } from "./templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.js";
+import "./templates/FeatureOperationDetailTemplate/index.js";
+import { FeatureEventDetailTemplate } from "./templates/FeatureEventDetailTemplate/FeatureEventDetailTemplate.js";
+import "./templates/FeatureEventDetailTemplate/index.js";
+import { FeaturePresentationDetailTemplate } from "./templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.js";
+import "./templates/FeaturePresentationDetailTemplate/index.js";
+import { FeatureDataViewDetailTemplate } from "./templates/FeatureDataViewDetailTemplate/FeatureDataViewDetailTemplate.js";
+import "./templates/FeatureDataViewDetailTemplate/index.js";
+import { FeatureFormDetailTemplate } from "./templates/FeatureFormDetailTemplate/FeatureFormDetailTemplate.js";
+import "./templates/FeatureFormDetailTemplate/index.js";
+
+export { FeatureCard, FeatureCategoryHeader, FeatureDataViewDetailTemplate, FeatureDataViewsList, FeatureDataViewsTemplate, FeatureDetail, FeatureDiscovery, FeatureEventDetailTemplate, FeatureEventsList, FeatureEventsTemplate, FeatureFiltersBar, FeatureFormDetailTemplate, FeatureFormsList, FeatureFormsTemplate, FeatureHoverPreview, FeatureIcon, FeatureOperationDetailTemplate, FeatureOperationsList, FeatureOperationsTemplate, FeatureOverviewTemplate, FeaturePresentationDetailTemplate, FeaturePresentationsList, FeaturePresentationsTemplate, getFeatureIconTone, useContractsRegistry, useFeatureFilters, useFeatureRegistry, useRelatedDocs };

package/dist/presentation/features/molecules/FeatureCard/FeatureCard.d.ts

@@ -0,0 +1,17 @@
+import { FeatureCardProps } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/features/molecules/FeatureCard/FeatureCard.d.ts
+/**
+ * Enhanced card component for displaying a feature module.
+ * Shows icon, title, description, stability badge, stats, and capability indicators.
+ * Includes hover preview with full feature details.
+ */
+declare function FeatureCard({
+  feature,
+  onSelect,
+  className
+}: FeatureCardProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeatureCard };
+//# sourceMappingURL=FeatureCard.d.ts.map

package/dist/presentation/features/molecules/FeatureCard/FeatureCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureCard/FeatureCard.tsx"],"mappings":";;;;;;;AAqBA;;iBAAgB,WAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/molecules/FeatureCard/FeatureCard.js

@@ -0,0 +1,83 @@
+'use client';
+
+import { FeatureIcon, getFeatureIconTone } from "../../atoms/FeatureIcon/FeatureIcon.js";
+import "../../atoms/FeatureIcon/index.js";
+import { FeatureHoverPreview } from "../FeatureHoverPreview/FeatureHoverPreview.js";
+import "../FeatureHoverPreview/index.js";
+import { Layout, Radio, Shield, Zap } from "lucide-react";
+import { EntityCard, StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+
+//#region src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
+const stabilityTone = {
+	stable: "success",
+	beta: "warning",
+	experimental: "info",
+	deprecated: "danger"
+};
+/**
+* Enhanced card component for displaying a feature module.
+* Shows icon, title, description, stability badge, stats, and capability indicators.
+* Includes hover preview with full feature details.
+*/
+function FeatureCard({ feature, onSelect, className }) {
+	const { meta, operations, events, presentations, capabilities } = feature;
+	const tone = stabilityTone[meta.stability] ?? "neutral";
+	const iconTone = getFeatureIconTone(meta.stability);
+	const emphasis = meta.stability === "stable" ? "strong" : "default";
+	const handleClick = onSelect ? () => onSelect(feature) : void 0;
+	const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
+	return /* @__PURE__ */ jsx(EntityCard, {
+		cardTitle: meta.title,
+		cardSubtitle: meta.key,
+		className,
+		onClick: handleClick,
+		emphasis,
+		icon: /* @__PURE__ */ jsx(FeatureIcon, {
+			domain: meta.domain,
+			tags: meta.tags,
+			stability: meta.stability,
+			size: "md"
+		}),
+		iconTone,
+		chips: /* @__PURE__ */ jsx(StatusChip, {
+			tone,
+			label: meta.stability ?? "unknown",
+			size: "sm"
+		}),
+		meta: meta.description ? /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground line-clamp-2 text-sm",
+			children: meta.description
+		}) : void 0,
+		preview: /* @__PURE__ */ jsx(FeatureHoverPreview, { feature }),
+		footer: /* @__PURE__ */ jsxs(HStack, {
+			gap: "md",
+			className: "text-muted-foreground w-full justify-between text-xs",
+			children: [/* @__PURE__ */ jsxs(HStack, {
+				gap: "sm",
+				children: [
+					operations?.length ? /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Zap, { className: "h-3 w-3 text-amber-500" }), operations.length]
+					}) : null,
+					events?.length ? /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Radio, { className: "h-3 w-3 text-blue-500" }), events.length]
+					}) : null,
+					presentations?.length ? /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Layout, { className: "h-3 w-3 text-purple-500" }), presentations.length]
+					}) : null
+				]
+			}), hasCapabilities && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx(Shield, { className: "h-3 w-3 text-emerald-500" }), (capabilities?.provides?.length ?? 0) + (capabilities?.requires?.length ?? 0)]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { FeatureCard };
+//# sourceMappingURL=FeatureCard.js.map

package/dist/presentation/features/molecules/FeatureCard/FeatureCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.js","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureCard/FeatureCard.tsx"],"sourcesContent":["'use client';\n\nimport { EntityCard, StatusChip } from '@contractspec/lib.design-system';\nimport { HStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { Zap, Radio, Layout, Shield } from 'lucide-react';\nimport { FeatureIcon, getFeatureIconTone } from '../../atoms/FeatureIcon';\nimport { FeatureHoverPreview } from '../FeatureHoverPreview';\nimport type { FeatureCardProps } from './types';\n\nconst stabilityTone = {\n  stable: 'success' as const,\n  beta: 'warning' as const,\n  experimental: 'info' as const,\n  deprecated: 'danger' as const,\n};\n\n/**\n * Enhanced card component for displaying a feature module.\n * Shows icon, title, description, stability badge, stats, and capability indicators.\n * Includes hover preview with full feature details.\n */\nexport function FeatureCard({\n  feature,\n  onSelect,\n  className,\n}: FeatureCardProps) {\n  const { meta, operations, events, presentations, capabilities } = feature;\n\n  const tone =\n    stabilityTone[meta.stability as keyof typeof stabilityTone] ?? 'neutral';\n\n  const iconTone = getFeatureIconTone(meta.stability);\n\n  // Use strong emphasis for stable features for visual highlight\n  const emphasis = meta.stability === 'stable' ? 'strong' : 'default';\n\n  const handleClick = onSelect ? () => onSelect(feature) : undefined;\n\n  const hasCapabilities =\n    capabilities?.provides?.length || capabilities?.requires?.length;\n\n  return (\n    <EntityCard\n      cardTitle={meta.title}\n      cardSubtitle={meta.key}\n      className={className}\n      onClick={handleClick}\n      emphasis={emphasis}\n      icon={\n        <FeatureIcon\n          domain={meta.domain}\n          tags={meta.tags}\n          stability={meta.stability}\n          size=\"md\"\n        />\n      }\n      iconTone={iconTone}\n      chips={\n        <StatusChip tone={tone} label={meta.stability ?? 'unknown'} size=\"sm\" />\n      }\n      meta={\n        meta.description ? (\n          <span className=\"text-muted-foreground line-clamp-2 text-sm\">\n            {meta.description}\n          </span>\n        ) : undefined\n      }\n      preview={<FeatureHoverPreview feature={feature} />}\n      footer={\n        <HStack\n          gap=\"md\"\n          className=\"text-muted-foreground w-full justify-between text-xs\"\n        >\n          <HStack gap=\"sm\">\n            {operations?.length ? (\n              <span className=\"flex items-center gap-1\">\n                <Zap className=\"h-3 w-3 text-amber-500\" />\n                {operations.length}\n              </span>\n            ) : null}\n            {events?.length ? (\n              <span className=\"flex items-center gap-1\">\n                <Radio className=\"h-3 w-3 text-blue-500\" />\n                {events.length}\n              </span>\n            ) : null}\n            {presentations?.length ? (\n              <span className=\"flex items-center gap-1\">\n                <Layout className=\"h-3 w-3 text-purple-500\" />\n                {presentations.length}\n              </span>\n            ) : null}\n          </HStack>\n          {hasCapabilities && (\n            <span className=\"flex items-center gap-1\">\n              <Shield className=\"h-3 w-3 text-emerald-500\" />\n              {(capabilities?.provides?.length ?? 0) +\n                (capabilities?.requires?.length ?? 0)}\n            </span>\n          )}\n        </HStack>\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,gBAAgB;CACpB,QAAQ;CACR,MAAM;CACN,cAAc;CACd,YAAY;CACb;;;;;;AAOD,SAAgB,YAAY,EAC1B,SACA,UACA,aACmB;CACnB,MAAM,EAAE,MAAM,YAAY,QAAQ,eAAe,iBAAiB;CAElE,MAAM,OACJ,cAAc,KAAK,cAA4C;CAEjE,MAAM,WAAW,mBAAmB,KAAK,UAAU;CAGnD,MAAM,WAAW,KAAK,cAAc,WAAW,WAAW;CAE1D,MAAM,cAAc,iBAAiB,SAAS,QAAQ,GAAG;CAEzD,MAAM,kBACJ,cAAc,UAAU,UAAU,cAAc,UAAU;AAE5D,QACE,oBAAC;EACC,WAAW,KAAK;EAChB,cAAc,KAAK;EACR;EACX,SAAS;EACC;EACV,MACE,oBAAC;GACC,QAAQ,KAAK;GACb,MAAM,KAAK;GACX,WAAW,KAAK;GAChB,MAAK;IACL;EAEM;EACV,OACE,oBAAC;GAAiB;GAAM,OAAO,KAAK,aAAa;GAAW,MAAK;IAAO;EAE1E,MACE,KAAK,cACH,oBAAC;GAAK,WAAU;aACb,KAAK;IACD,GACL;EAEN,SAAS,oBAAC,uBAA6B,UAAW;EAClD,QACE,qBAAC;GACC,KAAI;GACJ,WAAU;cAEV,qBAAC;IAAO,KAAI;;KACT,YAAY,SACX,qBAAC;MAAK,WAAU;iBACd,oBAAC,OAAI,WAAU,2BAA2B,EACzC,WAAW;OACP,GACL;KACH,QAAQ,SACP,qBAAC;MAAK,WAAU;iBACd,oBAAC,SAAM,WAAU,0BAA0B,EAC1C,OAAO;OACH,GACL;KACH,eAAe,SACd,qBAAC;MAAK,WAAU;iBACd,oBAAC,UAAO,WAAU,4BAA4B,EAC7C,cAAc;OACV,GACL;;KACG,EACR,mBACC,qBAAC;IAAK,WAAU;eACd,oBAAC,UAAO,WAAU,6BAA6B,GAC7C,cAAc,UAAU,UAAU,MACjC,cAAc,UAAU,UAAU;KAChC;IAEF;GAEX"}

package/dist/presentation/features/molecules/FeatureCard/index.d.ts

@@ -0,0 +1,3 @@
+import { FeatureCardProps } from "./types.js";
+import { FeatureCard } from "./FeatureCard.js";
+export { FeatureCard, type FeatureCardProps };

package/dist/presentation/features/molecules/FeatureCard/index.js

@@ -0,0 +1,3 @@
+import { FeatureCard } from "./FeatureCard.js";
+
+export { FeatureCard };

package/dist/presentation/features/molecules/FeatureCard/types.d.ts

@@ -0,0 +1,14 @@
+import { FeatureModuleSpec } from "@contractspec/lib.contracts/features";
+
+//#region src/presentation/features/molecules/FeatureCard/types.d.ts
+interface FeatureCardProps {
+  /** The feature to display. */
+  feature: FeatureModuleSpec;
+  /** Callback when the card is clicked. */
+  onSelect?: (feature: FeatureModuleSpec) => void;
+  /** Additional class name. */
+  className?: string;
+}
+//#endregion
+export { FeatureCardProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/presentation/features/molecules/FeatureCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureCard/types.ts"],"mappings":";;;UAEiB,gBAAA;;EAEf,OAAA,EAAS,iBAAA;EAFsB;EAI/B,QAAA,IAAY,OAAA,EAAS,iBAAA;EAAiB;EAEtC,SAAA;AAAA"}

package/dist/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.d.ts
+interface FeatureCategoryHeaderProps {
+  /** Category/domain title */
+  title: string;
+  /** Number of features in this category */
+  count: number;
+  /** Icon for the category */
+  icon?: React.ReactNode;
+  /** Whether the section is collapsed */
+  isCollapsed?: boolean;
+  /** Toggle collapse state */
+  onToggle?: () => void;
+  /** Additional class name */
+  className?: string;
+}
+/**
+ * Category/domain section header for grouped feature display.
+ */
+declare function FeatureCategoryHeader({
+  title,
+  count,
+  icon,
+  isCollapsed,
+  onToggle,
+  className
+}: FeatureCategoryHeaderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeatureCategoryHeader, FeatureCategoryHeaderProps };
+//# sourceMappingURL=FeatureCategoryHeader.d.ts.map

package/dist/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCategoryHeader.d.ts","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx"],"mappings":";;;;UAQiB,0BAAA;;EAEf,KAAA;EAFe;EAIf,KAAA;;EAEA,IAAA,GAAO,KAAA,CAAM,SAAA;EAJb;EAMA,WAAA;EAFA;EAIA,QAAA;EAJa;EAMb,SAAA;AAAA;;;;iBAMc,qBAAA,CAAA;EACd,KAAA;EACA,KAAA;EACA,IAAA;EACA,WAAA;EACA,QAAA;EACA;AAAA,GACC,0BAAA,GAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.js

@@ -0,0 +1,43 @@
+'use client';
+
+import "react";
+import { Boxes, ChevronDown } from "lucide-react";
+import { StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+
+//#region src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
+/**
+* Category/domain section header for grouped feature display.
+*/
+function FeatureCategoryHeader({ title, count, icon, isCollapsed = false, onToggle, className }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: onToggle,
+		className: cn("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 hover:bg-muted/50 transition-colors", "group cursor-pointer", className),
+		children: [/* @__PURE__ */ jsxs(HStack, {
+			gap: "sm",
+			className: "items-center",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground group-hover:text-foreground transition-colors",
+					children: icon || /* @__PURE__ */ jsx(Boxes, { className: "h-5 w-5" })
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "group-hover:text-primary text-lg font-semibold capitalize transition-colors",
+					children: title
+				}),
+				/* @__PURE__ */ jsx(StatusChip, {
+					tone: "neutral",
+					label: `${count} ${count === 1 ? "feature" : "features"}`,
+					size: "sm"
+				})
+			]
+		}), /* @__PURE__ */ jsx(ChevronDown, { className: cn("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90") })]
+	});
+}
+
+//#endregion
+export { FeatureCategoryHeader };
+//# sourceMappingURL=FeatureCategoryHeader.js.map

package/dist/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCategoryHeader.js","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { ChevronDown, Boxes } from 'lucide-react';\nimport { HStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { StatusChip } from '@contractspec/lib.design-system';\n\nexport interface FeatureCategoryHeaderProps {\n  /** Category/domain title */\n  title: string;\n  /** Number of features in this category */\n  count: number;\n  /** Icon for the category */\n  icon?: React.ReactNode;\n  /** Whether the section is collapsed */\n  isCollapsed?: boolean;\n  /** Toggle collapse state */\n  onToggle?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Category/domain section header for grouped feature display.\n */\nexport function FeatureCategoryHeader({\n  title,\n  count,\n  icon,\n  isCollapsed = false,\n  onToggle,\n  className,\n}: FeatureCategoryHeaderProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={cn(\n        'flex w-full items-center justify-between rounded-lg px-4 py-3',\n        'bg-muted/30 hover:bg-muted/50 transition-colors',\n        'group cursor-pointer',\n        className\n      )}\n    >\n      <HStack gap=\"sm\" className=\"items-center\">\n        <div className=\"text-muted-foreground group-hover:text-foreground transition-colors\">\n          {icon || <Boxes className=\"h-5 w-5\" />}\n        </div>\n        <span className=\"group-hover:text-primary text-lg font-semibold capitalize transition-colors\">\n          {title}\n        </span>\n        <StatusChip\n          tone=\"neutral\"\n          label={`${count} ${count === 1 ? 'feature' : 'features'}`}\n          size=\"sm\"\n        />\n      </HStack>\n      <ChevronDown\n        className={cn(\n          'text-muted-foreground h-5 w-5 transition-transform duration-200',\n          isCollapsed && '-rotate-90'\n        )}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgB,sBAAsB,EACpC,OACA,OACA,MACA,cAAc,OACd,UACA,aAC6B;AAC7B,QACE,qBAAC;EACC,MAAK;EACL,SAAS;EACT,WAAW,GACT,iEACA,mDACA,wBACA,UACD;aAED,qBAAC;GAAO,KAAI;GAAK,WAAU;;IACzB,oBAAC;KAAI,WAAU;eACZ,QAAQ,oBAAC,SAAM,WAAU,YAAY;MAClC;IACN,oBAAC;KAAK,WAAU;eACb;MACI;IACP,oBAAC;KACC,MAAK;KACL,OAAO,GAAG,MAAM,GAAG,UAAU,IAAI,YAAY;KAC7C,MAAK;MACL;;IACK,EACT,oBAAC,eACC,WAAW,GACT,mEACA,eAAe,aAChB,GACD;GACK"}

package/dist/presentation/features/molecules/FeatureCategoryHeader/index.d.ts

@@ -0,0 +1,2 @@
+import { FeatureCategoryHeader, FeatureCategoryHeaderProps } from "./FeatureCategoryHeader.js";
+export { FeatureCategoryHeader, type FeatureCategoryHeaderProps };

package/dist/presentation/features/molecules/FeatureCategoryHeader/index.js

@@ -0,0 +1,3 @@
+import { FeatureCategoryHeader } from "./FeatureCategoryHeader.js";
+
+export { FeatureCategoryHeader };

package/dist/presentation/features/molecules/FeatureFilters/FeatureFilters.d.ts

@@ -0,0 +1,22 @@
+import { FeatureFiltersBarProps } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/features/molecules/FeatureFilters/FeatureFilters.d.ts
+/**
+ * Filter bar for feature discovery.
+ * Provides search input, stability toggles, and tag pills.
+ */
+declare function FeatureFiltersBar({
+  uniqueTags,
+  uniqueStabilities,
+  filters,
+  setSearch,
+  toggleTag,
+  toggleStability,
+  clearFilters,
+  hasActiveFilters,
+  className
+}: FeatureFiltersBarProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeatureFiltersBar };
+//# sourceMappingURL=FeatureFilters.d.ts.map

package/dist/presentation/features/molecules/FeatureFilters/FeatureFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFilters.d.ts","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx"],"mappings":";;;;;;;AAWA;iBAAgB,iBAAA,CAAA;EACd,UAAA;EACA,iBAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;EACA;AAAA,GACC,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/molecules/FeatureFilters/FeatureFilters.js

@@ -0,0 +1,80 @@
+'use client';
+
+import { Button, Input } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+
+//#region src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
+/**
+* Filter bar for feature discovery.
+* Provides search input, stability toggles, and tag pills.
+*/
+function FeatureFiltersBar({ uniqueTags, uniqueStabilities, filters, setSearch, toggleTag, toggleStability, clearFilters, hasActiveFilters, className }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "md",
+		className: cn("w-full", className),
+		children: [
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "md",
+				justify: "between",
+				className: "w-full",
+				children: [/* @__PURE__ */ jsx(Input, {
+					placeholder: "Search features...",
+					value: filters.search,
+					onChange: (e) => setSearch(e.target.value),
+					className: "max-w-md",
+					"aria-label": "Search features"
+				}), hasActiveFilters && /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					onClick: clearFilters,
+					children: "Clear filters"
+				})]
+			}),
+			uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs(HStack, {
+				gap: "xs",
+				wrap: "wrap",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-sm",
+					children: "Stability:"
+				}), uniqueStabilities.map((stability) => /* @__PURE__ */ jsx(Button, {
+					variant: filters.stability.includes(stability) ? "default" : "outline",
+					size: "sm",
+					onClick: () => toggleStability(stability),
+					"aria-pressed": filters.stability.includes(stability),
+					children: stability
+				}, stability))]
+			}),
+			uniqueTags.length > 0 && /* @__PURE__ */ jsxs(HStack, {
+				gap: "xs",
+				wrap: "wrap",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground text-sm",
+						children: "Tags:"
+					}),
+					uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs(Button, {
+						variant: filters.tags.includes(tag) ? "default" : "outline",
+						size: "sm",
+						onClick: () => toggleTag(tag),
+						"aria-pressed": filters.tags.includes(tag),
+						children: ["#", tag]
+					}, tag)),
+					uniqueTags.length > 10 && /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground text-sm",
+						children: [
+							"+",
+							uniqueTags.length - 10,
+							" more"
+						]
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FeatureFiltersBar };
+//# sourceMappingURL=FeatureFilters.js.map

package/dist/presentation/features/molecules/FeatureFilters/FeatureFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFilters.js","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx"],"sourcesContent":["'use client';\n\nimport { Button, Input } from '@contractspec/lib.design-system';\nimport { VStack, HStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { FeatureFiltersBarProps } from './types';\n\n/**\n * Filter bar for feature discovery.\n * Provides search input, stability toggles, and tag pills.\n */\nexport function FeatureFiltersBar({\n  uniqueTags,\n  uniqueStabilities,\n  filters,\n  setSearch,\n  toggleTag,\n  toggleStability,\n  clearFilters,\n  hasActiveFilters,\n  className,\n}: FeatureFiltersBarProps) {\n  return (\n    <VStack gap=\"md\" className={cn('w-full', className)}>\n      <HStack gap=\"md\" justify=\"between\" className=\"w-full\">\n        <Input\n          placeholder=\"Search features...\"\n          value={filters.search}\n          onChange={(e) => setSearch(e.target.value)}\n          className=\"max-w-md\"\n          aria-label=\"Search features\"\n        />\n        {hasActiveFilters && (\n          <Button variant=\"ghost\" size=\"sm\" onClick={clearFilters}>\n            Clear filters\n          </Button>\n        )}\n      </HStack>\n\n      {uniqueStabilities.length > 0 && (\n        <HStack gap=\"xs\" wrap=\"wrap\">\n          <span className=\"text-muted-foreground text-sm\">Stability:</span>\n          {uniqueStabilities.map((stability) => (\n            <Button\n              key={stability}\n              variant={\n                filters.stability.includes(stability) ? 'default' : 'outline'\n              }\n              size=\"sm\"\n              onClick={() => toggleStability(stability)}\n              aria-pressed={filters.stability.includes(stability)}\n            >\n              {stability}\n            </Button>\n          ))}\n        </HStack>\n      )}\n\n      {uniqueTags.length > 0 && (\n        <HStack gap=\"xs\" wrap=\"wrap\">\n          <span className=\"text-muted-foreground text-sm\">Tags:</span>\n          {uniqueTags.slice(0, 10).map((tag) => (\n            <Button\n              key={tag}\n              variant={filters.tags.includes(tag) ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => toggleTag(tag)}\n              aria-pressed={filters.tags.includes(tag)}\n            >\n              #{tag}\n            </Button>\n          ))}\n          {uniqueTags.length > 10 && (\n            <span className=\"text-muted-foreground text-sm\">\n              +{uniqueTags.length - 10} more\n            </span>\n          )}\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,kBAAkB,EAChC,YACA,mBACA,SACA,WACA,WACA,iBACA,cACA,kBACA,aACyB;AACzB,QACE,qBAAC;EAAO,KAAI;EAAK,WAAW,GAAG,UAAU,UAAU;;GACjD,qBAAC;IAAO,KAAI;IAAK,SAAQ;IAAU,WAAU;eAC3C,oBAAC;KACC,aAAY;KACZ,OAAO,QAAQ;KACf,WAAW,MAAM,UAAU,EAAE,OAAO,MAAM;KAC1C,WAAU;KACV,cAAW;MACX,EACD,oBACC,oBAAC;KAAO,SAAQ;KAAQ,MAAK;KAAK,SAAS;eAAc;MAEhD;KAEJ;GAER,kBAAkB,SAAS,KAC1B,qBAAC;IAAO,KAAI;IAAK,MAAK;eACpB,oBAAC;KAAK,WAAU;eAAgC;MAAiB,EAChE,kBAAkB,KAAK,cACtB,oBAAC;KAEC,SACE,QAAQ,UAAU,SAAS,UAAU,GAAG,YAAY;KAEtD,MAAK;KACL,eAAe,gBAAgB,UAAU;KACzC,gBAAc,QAAQ,UAAU,SAAS,UAAU;eAElD;OARI,UASE,CACT;KACK;GAGV,WAAW,SAAS,KACnB,qBAAC;IAAO,KAAI;IAAK,MAAK;;KACpB,oBAAC;MAAK,WAAU;gBAAgC;OAAY;KAC3D,WAAW,MAAM,GAAG,GAAG,CAAC,KAAK,QAC5B,qBAAC;MAEC,SAAS,QAAQ,KAAK,SAAS,IAAI,GAAG,YAAY;MAClD,MAAK;MACL,eAAe,UAAU,IAAI;MAC7B,gBAAc,QAAQ,KAAK,SAAS,IAAI;iBACzC,KACG;QANG,IAOE,CACT;KACD,WAAW,SAAS,MACnB,qBAAC;MAAK,WAAU;;OAAgC;OAC5C,WAAW,SAAS;OAAG;;OACpB;;KAEF;;GAEJ"}

package/dist/presentation/features/molecules/FeatureFilters/index.d.ts

@@ -0,0 +1,3 @@
+import { FeatureFiltersBarProps } from "./types.js";
+import { FeatureFiltersBar } from "./FeatureFilters.js";
+export { FeatureFiltersBar, type FeatureFiltersBarProps };

package/dist/presentation/features/molecules/FeatureFilters/index.js

@@ -0,0 +1,3 @@
+import { FeatureFiltersBar } from "./FeatureFilters.js";
+
+export { FeatureFiltersBar };

package/dist/presentation/features/molecules/FeatureFilters/types.d.ts

@@ -0,0 +1,26 @@
+import { FeatureFilters, UseFeatureFiltersReturn } from "../../hooks/useFeatureFilters.js";
+
+//#region src/presentation/features/molecules/FeatureFilters/types.d.ts
+interface FeatureFiltersBarProps {
+  /** Available tags to filter by. */
+  uniqueTags: string[];
+  /** Available stabilities to filter by. */
+  uniqueStabilities: string[];
+  /** Current filter state. */
+  filters: FeatureFilters;
+  /** Set the search query. */
+  setSearch: UseFeatureFiltersReturn['setSearch'];
+  /** Toggle a tag filter. */
+  toggleTag: UseFeatureFiltersReturn['toggleTag'];
+  /** Toggle a stability filter. */
+  toggleStability: UseFeatureFiltersReturn['toggleStability'];
+  /** Clear all filters. */
+  clearFilters: UseFeatureFiltersReturn['clearFilters'];
+  /** Whether any filters are active. */
+  hasActiveFilters: boolean;
+  /** Additional class name. */
+  className?: string;
+}
+//#endregion
+export { FeatureFiltersBarProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/presentation/features/molecules/FeatureFilters/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/presentation/features/molecules/FeatureFilters/types.ts"],"mappings":";;;UAKiB,sBAAA;;EAEf,UAAA;EAFqC;EAIrC,iBAAA;EAES;EAAT,OAAA,EAAS,cAAA;EAIE;EAFX,SAAA,EAAW,uBAAA;EAMG;EAJd,SAAA,EAAW,uBAAA;EAI0B;EAFrC,eAAA,EAAiB,uBAAA;EARjB;EAUA,YAAA,EAAc,uBAAA;EARL;EAUT,gBAAA;EARW;EAUX,SAAA;AAAA"}