@contractspec/bundle.library 3.8.9 → 3.8.11

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

@@ -1,506 +1,2 @@
 // @bun
-// src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import {
-  Boxes,
-  Database,
-  FileText,
-  Globe,
-  Layout,
-  MessageSquare,
-  Settings,
-  Shield,
-  Workflow
-} from "lucide-react";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-"use client";
-var domainIconMap = {
-  platform: Settings,
-  documentation: FileText,
-  docs: FileText,
-  integration: Workflow,
-  api: Globe,
-  security: Shield,
-  data: Database,
-  messaging: MessageSquare,
-  ui: Layout,
-  presentation: Layout
-};
-var tagIconMap = {
-  documentation: FileText,
-  guides: FileText,
-  "api-reference": Globe,
-  presentations: Layout,
-  ui: Layout,
-  rendering: Layout,
-  mcp: Workflow,
-  integration: Workflow,
-  security: Shield,
-  auth: Shield,
-  data: Database,
-  storage: Database
-};
-var stabilityToneMap = {
-  stable: "success",
-  beta: "warning",
-  experimental: "info",
-  deprecated: "danger"
-};
-var sizeClasses = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-function FeatureIcon({
-  domain,
-  tags = [],
-  stability,
-  icon: IconOverride,
-  size = "md",
-  className
-}) {
-  const Icon = React.useMemo(() => {
-    if (IconOverride)
-      return IconOverride;
-    if (domain) {
-      const domainIcon = domainIconMap[domain.toLowerCase()];
-      if (domainIcon)
-        return domainIcon;
-    }
-    for (const tag of tags) {
-      const tagIcon = tagIconMap[tag.toLowerCase()];
-      if (tagIcon)
-        return tagIcon;
-    }
-    return Boxes;
-  }, [domain, tags, IconOverride]);
-  const tone = stability ? stabilityToneMap[stability] || "primary" : "primary";
-  const toneClasses = {
-    success: "text-emerald-600 dark:text-emerald-400",
-    warning: "text-amber-600 dark:text-amber-400",
-    info: "text-blue-600 dark:text-blue-400",
-    danger: "text-red-600 dark:text-red-400",
-    primary: "text-primary"
-  };
-  return /* @__PURE__ */ jsx(Icon, {
-    className: cn(sizeClasses[size], toneClasses[tone], className)
-  });
-}
-function getFeatureIconTone(stability) {
-  if (!stability)
-    return "primary";
-  return stabilityToneMap[stability] || "primary";
-}
-// src/presentation/features/molecules/FeatureHoverPreview/FeatureHoverPreview.tsx
-import { StatusChip } from "@contractspec/lib.design-system";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import {
-  ArrowRight,
-  Layout as Layout2,
-  Radio,
-  Shield as Shield2,
-  Tag,
-  Users,
-  Zap
-} from "lucide-react";
-import { jsx as jsx2, jsxs, Fragment } from "react/jsx-runtime";
-"use client";
-function FeatureHoverPreview({ feature }) {
-  const { meta, operations, events, presentations, capabilities } = feature;
-  const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      meta.description && /* @__PURE__ */ jsx2("p", {
-        className: "text-muted-foreground text-sm leading-relaxed",
-        children: meta.description
-      }),
-      /* @__PURE__ */ jsxs(HStack, {
-        gap: "md",
-        className: "py-2",
-        children: [
-          operations?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Zap, {
-                className: "h-4 w-4 text-amber-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: operations.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "ops"
-              })
-            ]
-          }) : null,
-          events?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Radio, {
-                className: "h-4 w-4 text-blue-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: events.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "events"
-              })
-            ]
-          }) : null,
-          presentations?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Layout2, {
-                className: "h-4 w-4 text-purple-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: presentations.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "views"
-              })
-            ]
-          }) : null
-        ]
-      }),
-      hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "space-y-1.5 border-border/50 border-t pt-1",
-        children: [
-          capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
-            gap: "xs",
-            wrap: "wrap",
-            className: "items-start",
-            children: [
-              /* @__PURE__ */ jsx2(Shield2, {
-                className: "mt-0.5 h-3.5 w-3.5 text-emerald-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground text-xs",
-                children: "Provides:"
-              }),
-              capabilities.provides.slice(0, 2).map((cap) => /* @__PURE__ */ jsx2(StatusChip, {
-                tone: "success",
-                label: cap.key,
-                size: "sm"
-              }, cap.key)),
-              capabilities.provides.length > 2 && /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "+",
-                  capabilities.provides.length - 2
-                ]
-              })
-            ]
-          }) : null,
-          capabilities?.requires?.length ? /* @__PURE__ */ jsxs(HStack, {
-            gap: "xs",
-            wrap: "wrap",
-            className: "items-start",
-            children: [
-              /* @__PURE__ */ jsx2(ArrowRight, {
-                className: "mt-0.5 h-3.5 w-3.5 text-blue-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground text-xs",
-                children: "Requires:"
-              }),
-              capabilities.requires.slice(0, 2).map((req) => /* @__PURE__ */ jsx2(StatusChip, {
-                tone: "info",
-                label: req.key,
-                size: "sm"
-              }, req.key)),
-              capabilities.requires.length > 2 && /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "+",
-                  capabilities.requires.length - 2
-                ]
-              })
-            ]
-          }) : null
-        ]
-      }),
-      meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
-        gap: "xs",
-        wrap: "wrap",
-        className: "items-center border-border/50 border-t pt-1",
-        children: [
-          /* @__PURE__ */ jsx2(Tag, {
-            className: "h-3.5 w-3.5 text-muted-foreground"
-          }),
-          meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
-            children: [
-              "#",
-              tag
-            ]
-          }, tag)),
-          meta.tags.length > 4 && /* @__PURE__ */ jsxs("span", {
-            className: "text-muted-foreground text-xs",
-            children: [
-              "+",
-              meta.tags.length - 4
-            ]
-          })
-        ]
-      }) : null,
-      meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
-        gap: "xs",
-        className: "items-center text-muted-foreground text-xs",
-        children: [
-          /* @__PURE__ */ jsx2(Users, {
-            className: "h-3.5 w-3.5"
-          }),
-          /* @__PURE__ */ jsx2("span", {
-            children: meta.owners.join(", ")
-          })
-        ]
-      }) : null
-    ]
-  });
-}
-// 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 { 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 = {
-  stable: "success",
-  beta: "warning",
-  experimental: "info",
-  deprecated: "danger"
-};
-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) : undefined;
-  const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
-  return /* @__PURE__ */ jsx3(EntityCard, {
-    cardTitle: meta.title,
-    cardSubtitle: meta.key,
-    className,
-    onClick: handleClick,
-    emphasis,
-    icon: /* @__PURE__ */ jsx3(FeatureIcon, {
-      domain: meta.domain,
-      tags: meta.tags,
-      stability: meta.stability,
-      size: "md"
-    }),
-    iconTone,
-    chips: /* @__PURE__ */ jsx3(StatusChip2, {
-      tone,
-      label: meta.stability ?? "unknown",
-      size: "sm"
-    }),
-    meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "line-clamp-2 text-muted-foreground text-sm",
-      children: meta.description
-    }) : undefined,
-    preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
-      feature
-    }),
-    footer: /* @__PURE__ */ jsxs2(HStack2, {
-      gap: "md",
-      className: "w-full justify-between text-muted-foreground text-xs",
-      children: [
-        /* @__PURE__ */ jsxs2(HStack2, {
-          gap: "sm",
-          children: [
-            operations?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Zap2, {
-                  className: "h-3 w-3 text-amber-500"
-                }),
-                operations.length
-              ]
-            }) : null,
-            events?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Radio2, {
-                  className: "h-3 w-3 text-blue-500"
-                }),
-                events.length
-              ]
-            }) : null,
-            presentations?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Layout3, {
-                  className: "h-3 w-3 text-purple-500"
-                }),
-                presentations.length
-              ]
-            }) : null
-          ]
-        }),
-        hasCapabilities && /* @__PURE__ */ jsxs2("span", {
-          className: "flex items-center gap-1",
-          children: [
-            /* @__PURE__ */ jsx3(Shield3, {
-              className: "h-3 w-3 text-emerald-500"
-            }),
-            (capabilities?.provides?.length ?? 0) + (capabilities?.requires?.length ?? 0)
-          ]
-        })
-      ]
-    })
-  });
-}
-// 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,
-  filters,
-  setSearch,
-  toggleTag,
-  toggleStability,
-  clearFilters,
-  hasActiveFilters,
-  className
-}) {
-  return /* @__PURE__ */ jsxs4(VStack, {
-    gap: "md",
-    className: cn3("w-full", className),
-    children: [
-      /* @__PURE__ */ jsxs4(HStack4, {
-        gap: "md",
-        justify: "between",
-        className: "w-full",
-        children: [
-          /* @__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__ */ jsx5(Button, {
-            variant: "ghost",
-            size: "sm",
-            onClick: clearFilters,
-            children: "Clear filters"
-          })
-        ]
-      }),
-      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
-        gap: "xs",
-        wrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx5("span", {
-            className: "text-muted-foreground text-sm",
-            children: "Stability:"
-          }),
-          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx5(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__ */ jsxs4(HStack4, {
-        gap: "xs",
-        wrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx5("span", {
-            className: "text-muted-foreground text-sm",
-            children: "Tags:"
-          }),
-          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs4(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__ */ jsxs4("span", {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "+",
-              uniqueTags.length - 10,
-              " more"
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-export {
-  FeatureHoverPreview,
-  FeatureFiltersBar,
-  FeatureCategoryHeader,
-  FeatureCard
-};
+import{cn as o}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as b,Database as M,FileText as C,Globe as r,Layout as z,MessageSquare as u,Settings as x,Shield as O,Workflow as L}from"lucide-react";import*as I from"react";import{jsx as l}from"react/jsx-runtime";var j={platform:x,documentation:C,docs:C,integration:L,api:r,security:O,data:M,messaging:u,ui:z,presentation:z},n={documentation:C,guides:C,"api-reference":r,presentations:z,ui:z,rendering:z,mcp:L,integration:L,security:O,auth:O,data:M,storage:M},p={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"},c={sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"};function w({domain:K,tags:F=[],stability:_,icon:P,size:B="md",className:Q}){let U=I.useMemo(()=>{if(P)return P;if(K){let J=j[K.toLowerCase()];if(J)return J}for(let J of F){let D=n[J.toLowerCase()];if(D)return D}return b},[K,F,P]),Y=_?p[_]||"primary":"primary",Z={success:"text-emerald-600 dark:text-emerald-400",warning:"text-amber-600 dark:text-amber-400",info:"text-blue-600 dark:text-blue-400",danger:"text-red-600 dark:text-red-400",primary:"text-primary"};return l(U,{className:o(c[B],Z[Y],Q)})}function N(K){if(!K)return"primary";return p[K]||"primary"}import{StatusChip as y}from"@contractspec/lib.design-system";import{HStack as A}from"@contractspec/lib.ui-kit-web/ui/stack";import{ArrowRight as e,Layout as a,Radio as t,Shield as i,Tag as s,Users as PP,Zap as FP}from"lucide-react";import{jsx as X,jsxs as $,Fragment as JP}from"react/jsx-runtime";function H({feature:K}){let{meta:F,operations:_,events:P,presentations:B,capabilities:Q}=K,U=Q?.provides?.length||Q?.requires?.length;return $(JP,{children:[F.description&&X("p",{className:"text-muted-foreground text-sm leading-relaxed",children:F.description}),$(A,{gap:"md",className:"py-2",children:[_?.length?$("div",{className:"flex items-center gap-1.5 text-sm",children:[X(FP,{className:"h-4 w-4 text-amber-500"}),X("span",{className:"font-medium",children:_.length}),X("span",{className:"text-muted-foreground",children:"ops"})]}):null,P?.length?$("div",{className:"flex items-center gap-1.5 text-sm",children:[X(t,{className:"h-4 w-4 text-blue-500"}),X("span",{className:"font-medium",children:P.length}),X("span",{className:"text-muted-foreground",children:"events"})]}):null,B?.length?$("div",{className:"flex items-center gap-1.5 text-sm",children:[X(a,{className:"h-4 w-4 text-purple-500"}),X("span",{className:"font-medium",children:B.length}),X("span",{className:"text-muted-foreground",children:"views"})]}):null]}),U&&$("div",{className:"space-y-1.5 border-border/50 border-t pt-1",children:[Q?.provides?.length?$(A,{gap:"xs",wrap:"wrap",className:"items-start",children:[X(i,{className:"mt-0.5 h-3.5 w-3.5 text-emerald-500"}),X("span",{className:"text-muted-foreground text-xs",children:"Provides:"}),Q.provides.slice(0,2).map((Y)=>X(y,{tone:"success",label:Y.key,size:"sm"},Y.key)),Q.provides.length>2&&$("span",{className:"text-muted-foreground text-xs",children:["+",Q.provides.length-2]})]}):null,Q?.requires?.length?$(A,{gap:"xs",wrap:"wrap",className:"items-start",children:[X(e,{className:"mt-0.5 h-3.5 w-3.5 text-blue-500"}),X("span",{className:"text-muted-foreground text-xs",children:"Requires:"}),Q.requires.slice(0,2).map((Y)=>X(y,{tone:"info",label:Y.key,size:"sm"},Y.key)),Q.requires.length>2&&$("span",{className:"text-muted-foreground text-xs",children:["+",Q.requires.length-2]})]}):null]}),F.tags?.length?$(A,{gap:"xs",wrap:"wrap",className:"items-center border-border/50 border-t pt-1",children:[X(s,{className:"h-3.5 w-3.5 text-muted-foreground"}),F.tags.slice(0,4).map((Y)=>$("span",{className:"rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",children:["#",Y]},Y)),F.tags.length>4&&$("span",{className:"text-muted-foreground text-xs",children:["+",F.tags.length-4]})]}):null,F.owners?.length?$(A,{gap:"xs",className:"items-center text-muted-foreground text-xs",children:[X(PP,{className:"h-3.5 w-3.5"}),X("span",{children:F.owners.join(", ")})]}):null]})}import{EntityCard as KP,StatusChip as QP}from"@contractspec/lib.design-system";import{HStack as q}from"@contractspec/lib.ui-kit-web/ui/stack";import{Layout as XP,Radio as YP,Shield as _P,Zap as $P}from"lucide-react";import{jsx as E,jsxs as V}from"react/jsx-runtime";var BP={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"};function h({feature:K,onSelect:F,className:_}){let{meta:P,operations:B,events:Q,presentations:U,capabilities:Y}=K,Z=BP[P.stability]??"neutral",J=N(P.stability),D=P.stability==="stable"?"strong":"default",S=F?()=>F(K):void 0,g=Y?.provides?.length||Y?.requires?.length;return E(KP,{cardTitle:P.title,cardSubtitle:P.key,className:_,onClick:S,emphasis:D,icon:E(w,{domain:P.domain,tags:P.tags,stability:P.stability,size:"md"}),iconTone:J,chips:E(QP,{tone:Z,label:P.stability??"unknown",size:"sm"}),meta:P.description?E("span",{className:"line-clamp-2 text-muted-foreground text-sm",children:P.description}):void 0,preview:E(H,{feature:K}),footer:V(q,{gap:"md",className:"w-full justify-between text-muted-foreground text-xs",children:[V(q,{gap:"sm",children:[B?.length?V("span",{className:"flex items-center gap-1",children:[E($P,{className:"h-3 w-3 text-amber-500"}),B.length]}):null,Q?.length?V("span",{className:"flex items-center gap-1",children:[E(YP,{className:"h-3 w-3 text-blue-500"}),Q.length]}):null,U?.length?V("span",{className:"flex items-center gap-1",children:[E(XP,{className:"h-3 w-3 text-purple-500"}),U.length]}):null]}),g&&V("span",{className:"flex items-center gap-1",children:[E(_P,{className:"h-3 w-3 text-emerald-500"}),(Y?.provides?.length??0)+(Y?.requires?.length??0)]})]})})}import{StatusChip as EP}from"@contractspec/lib.design-system";import{HStack as UP}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as T}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as VP,ChevronDown as GP}from"lucide-react";import{jsx as R,jsxs as d}from"react/jsx-runtime";function k({title:K,count:F,icon:_,isCollapsed:P=!1,onToggle:B,className:Q}){return d("button",{type:"button",onClick:B,className:T("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",Q),children:[d(UP,{gap:"sm",className:"items-center",children:[R("div",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:_||R(VP,{className:"h-5 w-5"})}),R("span",{className:"font-semibold text-lg capitalize transition-colors group-hover:text-primary",children:K}),R(EP,{tone:"neutral",label:`${F} ${F===1?"feature":"features"}`,size:"sm"})]}),R(GP,{className:T("h-5 w-5 text-muted-foreground transition-transform duration-200",P&&"-rotate-90")})]})}import{Button as v,Input as ZP}from"@contractspec/lib.design-system";import{HStack as f,VStack as zP}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as AP}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as W,jsxs as G}from"react/jsx-runtime";function m({uniqueTags:K,uniqueStabilities:F,filters:_,setSearch:P,toggleTag:B,toggleStability:Q,clearFilters:U,hasActiveFilters:Y,className:Z}){return G(zP,{gap:"md",className:AP("w-full",Z),children:[G(f,{gap:"md",justify:"between",className:"w-full",children:[W(ZP,{placeholder:"Search features...",value:_.search,onChange:(J)=>P(J.target.value),className:"max-w-md","aria-label":"Search features"}),Y&&W(v,{variant:"ghost",size:"sm",onClick:U,children:"Clear filters"})]}),F.length>0&&G(f,{gap:"xs",wrap:"wrap",children:[W("span",{className:"text-muted-foreground text-sm",children:"Stability:"}),F.map((J)=>W(v,{variant:_.stability.includes(J)?"default":"outline",size:"sm",onClick:()=>Q(J),"aria-pressed":_.stability.includes(J),children:J},J))]}),K.length>0&&G(f,{gap:"xs",wrap:"wrap",children:[W("span",{className:"text-muted-foreground text-sm",children:"Tags:"}),K.slice(0,10).map((J)=>G(v,{variant:_.tags.includes(J)?"default":"outline",size:"sm",onClick:()=>B(J),"aria-pressed":_.tags.includes(J),children:["#",J]},J)),K.length>10&&G("span",{className:"text-muted-foreground text-sm",children:["+",K.length-10," more"]})]})]})}export{H as FeatureHoverPreview,m as FeatureFiltersBar,k as FeatureCategoryHeader,h as FeatureCard};