@contractspec/bundle.library 3.8.10 → 3.8.11

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

@@ -1,366 +1 @@
-// 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)
-          ]
-        })
-      ]
-    })
-  });
-}
-export {
-  FeatureCard
-};
+import{cn as h}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as I,Database as W,FileText as D,Globe as w,Layout as G,MessageSquare as k,Settings as g,Shield as N,Workflow as q}from"lucide-react";import*as H from"react";import{jsx as u}from"react/jsx-runtime";var y={platform:g,documentation:D,docs:D,integration:q,api:w,security:N,data:W,messaging:k,ui:G,presentation:G},S={documentation:D,guides:D,"api-reference":w,presentations:G,ui:G,rendering:G,mcp:q,integration:q,security:N,auth:N,data:W,storage:W},L={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"},d={sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"};function F({domain:Y,tags:V=[],stability:$,icon:J,size:A="md",className:K}){let B=H.useMemo(()=>{if(J)return J;if(Y){let E=y[Y.toLowerCase()];if(E)return E}for(let E of V){let z=S[E.toLowerCase()];if(z)return z}return I},[Y,V,J]),Q=$?L[$]||"primary":"primary",R={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 u(B,{className:h(d[A],R[Q],K)})}function M(Y){if(!Y)return"primary";return L[Y]||"primary"}import{StatusChip as f}from"@contractspec/lib.design-system";import{HStack as Z}from"@contractspec/lib.ui-kit-web/ui/stack";import{ArrowRight as p,Layout as m,Radio as b,Shield as r,Tag as j,Users as x,Zap as l}from"lucide-react";import{jsx as P,jsxs as X,Fragment as n}from"react/jsx-runtime";function O({feature:Y}){let{meta:V,operations:$,events:J,presentations:A,capabilities:K}=Y,B=K?.provides?.length||K?.requires?.length;return X(n,{children:[V.description&&P("p",{className:"text-muted-foreground text-sm leading-relaxed",children:V.description}),X(Z,{gap:"md",className:"py-2",children:[$?.length?X("div",{className:"flex items-center gap-1.5 text-sm",children:[P(l,{className:"h-4 w-4 text-amber-500"}),P("span",{className:"font-medium",children:$.length}),P("span",{className:"text-muted-foreground",children:"ops"})]}):null,J?.length?X("div",{className:"flex items-center gap-1.5 text-sm",children:[P(b,{className:"h-4 w-4 text-blue-500"}),P("span",{className:"font-medium",children:J.length}),P("span",{className:"text-muted-foreground",children:"events"})]}):null,A?.length?X("div",{className:"flex items-center gap-1.5 text-sm",children:[P(m,{className:"h-4 w-4 text-purple-500"}),P("span",{className:"font-medium",children:A.length}),P("span",{className:"text-muted-foreground",children:"views"})]}):null]}),B&&X("div",{className:"space-y-1.5 border-border/50 border-t pt-1",children:[K?.provides?.length?X(Z,{gap:"xs",wrap:"wrap",className:"items-start",children:[P(r,{className:"mt-0.5 h-3.5 w-3.5 text-emerald-500"}),P("span",{className:"text-muted-foreground text-xs",children:"Provides:"}),K.provides.slice(0,2).map((Q)=>P(f,{tone:"success",label:Q.key,size:"sm"},Q.key)),K.provides.length>2&&X("span",{className:"text-muted-foreground text-xs",children:["+",K.provides.length-2]})]}):null,K?.requires?.length?X(Z,{gap:"xs",wrap:"wrap",className:"items-start",children:[P(p,{className:"mt-0.5 h-3.5 w-3.5 text-blue-500"}),P("span",{className:"text-muted-foreground text-xs",children:"Requires:"}),K.requires.slice(0,2).map((Q)=>P(f,{tone:"info",label:Q.key,size:"sm"},Q.key)),K.requires.length>2&&X("span",{className:"text-muted-foreground text-xs",children:["+",K.requires.length-2]})]}):null]}),V.tags?.length?X(Z,{gap:"xs",wrap:"wrap",className:"items-center border-border/50 border-t pt-1",children:[P(j,{className:"h-3.5 w-3.5 text-muted-foreground"}),V.tags.slice(0,4).map((Q)=>X("span",{className:"rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",children:["#",Q]},Q)),V.tags.length>4&&X("span",{className:"text-muted-foreground text-xs",children:["+",V.tags.length-4]})]}):null,V.owners?.length?X(Z,{gap:"xs",className:"items-center text-muted-foreground text-xs",children:[P(x,{className:"h-3.5 w-3.5"}),P("span",{children:V.owners.join(", ")})]}):null]})}import{EntityCard as o,StatusChip as c}from"@contractspec/lib.design-system";import{HStack as C}from"@contractspec/lib.ui-kit-web/ui/stack";import{Layout as i,Radio as t,Shield as e,Zap as s}from"lucide-react";import{jsx as _,jsxs as U}from"react/jsx-runtime";var a={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"};function WP({feature:Y,onSelect:V,className:$}){let{meta:J,operations:A,events:K,presentations:B,capabilities:Q}=Y,R=a[J.stability]??"neutral",E=M(J.stability),z=J.stability==="stable"?"strong":"default",T=V?()=>V(Y):void 0,v=Q?.provides?.length||Q?.requires?.length;return _(o,{cardTitle:J.title,cardSubtitle:J.key,className:$,onClick:T,emphasis:z,icon:_(F,{domain:J.domain,tags:J.tags,stability:J.stability,size:"md"}),iconTone:E,chips:_(c,{tone:R,label:J.stability??"unknown",size:"sm"}),meta:J.description?_("span",{className:"line-clamp-2 text-muted-foreground text-sm",children:J.description}):void 0,preview:_(O,{feature:Y}),footer:U(C,{gap:"md",className:"w-full justify-between text-muted-foreground text-xs",children:[U(C,{gap:"sm",children:[A?.length?U("span",{className:"flex items-center gap-1",children:[_(s,{className:"h-3 w-3 text-amber-500"}),A.length]}):null,K?.length?U("span",{className:"flex items-center gap-1",children:[_(t,{className:"h-3 w-3 text-blue-500"}),K.length]}):null,B?.length?U("span",{className:"flex items-center gap-1",children:[_(i,{className:"h-3 w-3 text-purple-500"}),B.length]}):null]}),v&&U("span",{className:"flex items-center gap-1",children:[_(e,{className:"h-3 w-3 text-emerald-500"}),(Q?.provides?.length??0)+(Q?.requires?.length??0)]})]})})}export{WP as FeatureCard};