@contractspec/bundle.library 3.7.6 → 3.8.2

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

@@ -1,17 +1,17 @@
 // src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
-  FileText,
   Boxes,
-  Settings,
-  Globe,
-  Shield,
   Database,
-  MessageSquare,
+  FileText,
+  Globe,
   Layout,
+  MessageSquare,
+  Settings,
+  Shield,
   Workflow
 } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 "use client";
 var domainIconMap = {
@@ -169,7 +169,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -228,13 +228,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx2(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -251,7 +251,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx2(Users, {
             className: "h-3.5 w-3.5"
@@ -267,7 +267,7 @@ function FeatureHoverPreview({ feature }) {
 // src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
 import { EntityCard, StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
 import { HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Zap as Zap2, Radio as Radio2, Layout as Layout3, Shield as Shield3 } from "lucide-react";
+import { Layout as Layout3, Radio as Radio2, Shield as Shield3, Zap as Zap2 } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var stabilityTone = {
@@ -306,7 +306,7 @@ function FeatureCard({
       size: "sm"
     }),
     meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "text-muted-foreground line-clamp-2 text-sm",
+      className: "line-clamp-2 text-muted-foreground text-sm",
       children: meta.description
     }) : undefined,
     preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
@@ -314,7 +314,7 @@ function FeatureCard({
     }),
     footer: /* @__PURE__ */ jsxs2(HStack2, {
       gap: "md",
-      className: "text-muted-foreground w-full justify-between text-xs",
+      className: "w-full justify-between text-muted-foreground text-xs",
       children: [
         /* @__PURE__ */ jsxs2(HStack2, {
           gap: "sm",

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

@@ -1,17 +1,17 @@
 // src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
-  FileText,
   Boxes,
-  Settings,
-  Globe,
-  Shield,
   Database,
-  MessageSquare,
+  FileText,
+  Globe,
   Layout,
+  MessageSquare,
+  Settings,
+  Shield,
   Workflow
 } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 "use client";
 var domainIconMap = {
@@ -169,7 +169,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -228,13 +228,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx2(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -251,7 +251,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx2(Users, {
             className: "h-3.5 w-3.5"
@@ -267,7 +267,7 @@ function FeatureHoverPreview({ feature }) {
 // src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
 import { EntityCard, StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
 import { HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Zap as Zap2, Radio as Radio2, Layout as Layout3, Shield as Shield3 } from "lucide-react";
+import { Layout as Layout3, Radio as Radio2, Shield as Shield3, Zap as Zap2 } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var stabilityTone = {
@@ -306,7 +306,7 @@ function FeatureCard({
       size: "sm"
     }),
     meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "text-muted-foreground line-clamp-2 text-sm",
+      className: "line-clamp-2 text-muted-foreground text-sm",
       children: meta.description
     }) : undefined,
     preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
@@ -314,7 +314,7 @@ function FeatureCard({
     }),
     footer: /* @__PURE__ */ jsxs2(HStack2, {
       gap: "md",
-      className: "text-muted-foreground w-full justify-between text-xs",
+      className: "w-full justify-between text-muted-foreground text-xs",
       children: [
         /* @__PURE__ */ jsxs2(HStack2, {
           gap: "sm",

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

@@ -1,8 +1,8 @@
 // src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ChevronDown, Boxes } from "lucide-react";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { StatusChip } from "@contractspec/lib.design-system";
+import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Boxes, ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function FeatureCategoryHeader({
@@ -16,20 +16,20 @@ function FeatureCategoryHeader({
   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),
+    className: cn("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 transition-colors hover:bg-muted/50", "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",
+            className: "text-muted-foreground transition-colors group-hover:text-foreground",
             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",
+            className: "font-semibold text-lg capitalize transition-colors group-hover:text-primary",
             children: title
           }),
           /* @__PURE__ */ jsx(StatusChip, {
@@ -40,7 +40,7 @@ function FeatureCategoryHeader({
         ]
       }),
       /* @__PURE__ */ jsx(ChevronDown, {
-        className: cn("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90")
+        className: cn("h-5 w-5 text-muted-foreground transition-transform duration-200", isCollapsed && "-rotate-90")
       })
     ]
   });

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

@@ -1,8 +1,8 @@
 // src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ChevronDown, Boxes } from "lucide-react";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { StatusChip } from "@contractspec/lib.design-system";
+import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Boxes, ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 function FeatureCategoryHeader({
@@ -16,20 +16,20 @@ function FeatureCategoryHeader({
   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),
+    className: cn("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 transition-colors hover:bg-muted/50", "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",
+            className: "text-muted-foreground transition-colors group-hover:text-foreground",
             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",
+            className: "font-semibold text-lg capitalize transition-colors group-hover:text-primary",
             children: title
           }),
           /* @__PURE__ */ jsx(StatusChip, {
@@ -40,7 +40,7 @@ function FeatureCategoryHeader({
         ]
       }),
       /* @__PURE__ */ jsx(ChevronDown, {
-        className: cn("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90")
+        className: cn("h-5 w-5 text-muted-foreground transition-transform duration-200", isCollapsed && "-rotate-90")
       })
     ]
   });

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

@@ -1,6 +1,6 @@
 // src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
 import { Button, Input } from "@contractspec/lib.design-system";
-import { VStack, HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";

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

@@ -1,6 +1,6 @@
 // src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
 import { Button, Input } from "@contractspec/lib.design-system";
-import { VStack, HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 "use client";

package/dist/node/presentation/features/molecules/FeatureHoverPreview/FeatureHoverPreview.js

@@ -76,7 +76,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -135,13 +135,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -158,7 +158,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx(Users, {
             className: "h-3.5 w-3.5"

package/dist/node/presentation/features/molecules/FeatureHoverPreview/index.js

@@ -76,7 +76,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -135,13 +135,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -158,7 +158,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx(Users, {
             className: "h-3.5 w-3.5"

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

@@ -1,17 +1,17 @@
 // src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
-  FileText,
   Boxes,
-  Settings,
-  Globe,
-  Shield,
   Database,
-  MessageSquare,
+  FileText,
+  Globe,
   Layout,
+  MessageSquare,
+  Settings,
+  Shield,
   Workflow
 } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 "use client";
 var domainIconMap = {
@@ -169,7 +169,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -228,13 +228,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx2(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -251,7 +251,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx2(Users, {
             className: "h-3.5 w-3.5"
@@ -267,7 +267,7 @@ function FeatureHoverPreview({ feature }) {
 // src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
 import { EntityCard, StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
 import { HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Zap as Zap2, Radio as Radio2, Layout as Layout3, Shield as Shield3 } from "lucide-react";
+import { Layout as Layout3, Radio as Radio2, Shield as Shield3, Zap as Zap2 } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var stabilityTone = {
@@ -306,7 +306,7 @@ function FeatureCard({
       size: "sm"
     }),
     meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "text-muted-foreground line-clamp-2 text-sm",
+      className: "line-clamp-2 text-muted-foreground text-sm",
       children: meta.description
     }) : undefined,
     preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
@@ -314,7 +314,7 @@ function FeatureCard({
     }),
     footer: /* @__PURE__ */ jsxs2(HStack2, {
       gap: "md",
-      className: "text-muted-foreground w-full justify-between text-xs",
+      className: "w-full justify-between text-muted-foreground text-xs",
       children: [
         /* @__PURE__ */ jsxs2(HStack2, {
           gap: "sm",
@@ -361,12 +361,59 @@ function FeatureCard({
     })
   });
 }
-// src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { VStack, HStack as HStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
+// src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
+import { StatusChip as StatusChip3 } from "@contractspec/lib.design-system";
+import { HStack as HStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Boxes as Boxes2, ChevronDown } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
+function FeatureCategoryHeader({
+  title,
+  count,
+  icon,
+  isCollapsed = false,
+  onToggle,
+  className
+}) {
+  return /* @__PURE__ */ jsxs3("button", {
+    type: "button",
+    onClick: onToggle,
+    className: cn2("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 transition-colors hover:bg-muted/50", "group cursor-pointer", className),
+    children: [
+      /* @__PURE__ */ jsxs3(HStack3, {
+        gap: "sm",
+        className: "items-center",
+        children: [
+          /* @__PURE__ */ jsx4("div", {
+            className: "text-muted-foreground transition-colors group-hover:text-foreground",
+            children: icon || /* @__PURE__ */ jsx4(Boxes2, {
+              className: "h-5 w-5"
+            })
+          }),
+          /* @__PURE__ */ jsx4("span", {
+            className: "font-semibold text-lg capitalize transition-colors group-hover:text-primary",
+            children: title
+          }),
+          /* @__PURE__ */ jsx4(StatusChip3, {
+            tone: "neutral",
+            label: `${count} ${count === 1 ? "feature" : "features"}`,
+            size: "sm"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx4(ChevronDown, {
+        className: cn2("h-5 w-5 text-muted-foreground transition-transform duration-200", isCollapsed && "-rotate-90")
+      })
+    ]
+  });
+}
+// src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
+import { Button, Input } from "@contractspec/lib.design-system";
+import { HStack as HStack4, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+"use client";
 function FeatureFiltersBar({
   uniqueTags,
   uniqueStabilities,
@@ -378,23 +425,23 @@ function FeatureFiltersBar({
   hasActiveFilters,
   className
 }) {
-  return /* @__PURE__ */ jsxs3(VStack, {
+  return /* @__PURE__ */ jsxs4(VStack, {
     gap: "md",
-    className: cn2("w-full", className),
+    className: cn3("w-full", className),
     children: [
-      /* @__PURE__ */ jsxs3(HStack3, {
+      /* @__PURE__ */ jsxs4(HStack4, {
         gap: "md",
         justify: "between",
         className: "w-full",
         children: [
-          /* @__PURE__ */ jsx4(Input, {
+          /* @__PURE__ */ jsx5(Input, {
             placeholder: "Search features...",
             value: filters.search,
             onChange: (e) => setSearch(e.target.value),
             className: "max-w-md",
             "aria-label": "Search features"
           }),
-          hasActiveFilters && /* @__PURE__ */ jsx4(Button, {
+          hasActiveFilters && /* @__PURE__ */ jsx5(Button, {
             variant: "ghost",
             size: "sm",
             onClick: clearFilters,
@@ -402,15 +449,15 @@ function FeatureFiltersBar({
           })
         ]
       }),
-      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
+      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "text-muted-foreground text-sm",
             children: "Stability:"
           }),
-          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx4(Button, {
+          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx5(Button, {
             variant: filters.stability.includes(stability) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleStability(stability),
@@ -419,15 +466,15 @@ function FeatureFiltersBar({
           }, stability))
         ]
       }),
-      uniqueTags.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
+      uniqueTags.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "text-muted-foreground text-sm",
             children: "Tags:"
           }),
-          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs3(Button, {
+          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs4(Button, {
             variant: filters.tags.includes(tag) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleTag(tag),
@@ -437,7 +484,7 @@ function FeatureFiltersBar({
               tag
             ]
           }, tag)),
-          uniqueTags.length > 10 && /* @__PURE__ */ jsxs3("span", {
+          uniqueTags.length > 10 && /* @__PURE__ */ jsxs4("span", {
             className: "text-muted-foreground text-sm",
             children: [
               "+",
@@ -450,53 +497,6 @@ function FeatureFiltersBar({
     ]
   });
 }
-// src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
-import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ChevronDown, Boxes as Boxes2 } from "lucide-react";
-import { HStack as HStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { StatusChip as StatusChip3 } from "@contractspec/lib.design-system";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
-function FeatureCategoryHeader({
-  title,
-  count,
-  icon,
-  isCollapsed = false,
-  onToggle,
-  className
-}) {
-  return /* @__PURE__ */ jsxs4("button", {
-    type: "button",
-    onClick: onToggle,
-    className: cn3("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__ */ jsxs4(HStack4, {
-        gap: "sm",
-        className: "items-center",
-        children: [
-          /* @__PURE__ */ jsx5("div", {
-            className: "text-muted-foreground group-hover:text-foreground transition-colors",
-            children: icon || /* @__PURE__ */ jsx5(Boxes2, {
-              className: "h-5 w-5"
-            })
-          }),
-          /* @__PURE__ */ jsx5("span", {
-            className: "group-hover:text-primary text-lg font-semibold capitalize transition-colors",
-            children: title
-          }),
-          /* @__PURE__ */ jsx5(StatusChip3, {
-            tone: "neutral",
-            label: `${count} ${count === 1 ? "feature" : "features"}`,
-            size: "sm"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx5(ChevronDown, {
-        className: cn3("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90")
-      })
-    ]
-  });
-}
 export {
   FeatureHoverPreview,
   FeatureFiltersBar,