@contractspec/lib.design-system 3.10.0 → 3.11.0

package/dist/components/native/FlatListScreen.mobile.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as R}from"react/jsx-runtime";import{VStack as K}from"@contractspec/lib.ui-kit/ui/stack";import{Text as b}from"@contractspec/lib.ui-kit/ui/text";import{cva as v}from"class-variance-authority";import{FlatList as I,RefreshControl as L}from"react-native";import{SafeAreaView as P}from"react-native-safe-area-context";const k=v("",{variants:{padding:{none:"",sm:"px-3 py-3",md:"px-4 py-4",lg:"px-5 py-5"}},defaultVariants:{padding:"none"}});export function FlatListScreen({children:M,data:O,renderItem:Q,header:z,className:T,contentClassName:U,edges:W=["top","left","right"],showsVerticalScrollIndicator:X=!1,keyboardShouldPersistTaps:Y="handled",onRefresh:B,refreshing:D=!1,emptyComponent:G,emptyText:Z="No items found",padding:$,...A}){const E=()=>{if(G)return G;return q(K,{align:"center",justify:"center",className:"py-20",children:q(b,{className:"text-center text-muted-foreground",children:Z})})},F=z?q(K,{className:[k({padding:$}),U].filter(Boolean).join(" "),children:z}):void 0;return R(P,{style:{flex:1},edges:W,children:[q(I,{data:O,renderItem:Q,keyExtractor:(H,N)=>{const J=H;return J?.id?.toString()||J?.key?.toString()||String(N)},showsVerticalScrollIndicator:X,keyboardShouldPersistTaps:Y,ListHeaderComponent:F,ListEmptyComponent:E,refreshing:D,refreshControl:B?q(L,{refreshing:D,onRefresh:B}):void 0,...A}),M]})}

package/dist/components/native/SheetMenu.mobile.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as M}from"react/jsx-runtime";import{Dialog as F,DialogContent as G,DialogHeader as I,DialogTitle as J}from"@contractspec/lib.ui-kit-web/ui/dialog";import{Text as K,View as L}from"react-native";export function SheetMenu({open:A,onOpenChange:B,title:E="Menu",children:z}){return M(F,{open:A,onOpenChange:B,children:[q(I,{children:q(J,{children:E})}),q(G,{children:q(L,{className:"gap-2",children:typeof z==="string"?q(K,{children:z}):z})})]})}

package/dist/components/organisms/AcademyLayout.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as A}from"react/jsx-runtime";import{Breadcrumb as K,BreadcrumbItem as M,BreadcrumbLink as O,BreadcrumbList as Q,BreadcrumbPage as T,BreadcrumbSeparator as U}from"@contractspec/lib.ui-kit-web/ui/breadcrumb";import{cn as V}from"@contractspec/lib.ui-kit-web/ui/utils";import*as W from"react";export function AcademyLayout({header:D,toc:E,breadcrumb:v,children:F,rightPanel:G,footer:H,className:J}){return A("div",{className:V("min-h-svh bg-background",J),children:[D,A("div",{className:"mx-auto grid w-full max-w-7xl grid-cols-1 gap-6 px-4 py-6 md:grid-cols-[220px_minmax(0,1fr)_240px]",children:[q("aside",{className:"sticky top-24 hidden self-start md:block",children:E}),A("main",{className:"min-w-0",children:[v&&v.items?.length?q("div",{className:"mb-4",children:q(K,{children:q(Q,{children:v.items.map((z,C)=>A(W.Fragment,{children:[q(M,{children:z.href?q(O,{href:z.href,children:z.label}):q(T,{children:z.label})}),C<v.items.length-1&&q(U,{})]},C))})})}):null,q("article",{className:"prose max-w-none text-foreground",children:F})]}),q("aside",{className:"sticky top-24 hidden self-start lg:block",children:G})]}),H]})}

package/dist/components/organisms/AppHeader.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as A,Fragment as K}from"react/jsx-runtime";import{Separator as G}from"@contractspec/lib.ui-kit-web/ui/separator";import{cn as I}from"@contractspec/lib.ui-kit-web/ui/utils";import{Header as J}from"./Header";export function AppHeader({breadcrumb:B,toolbarRight:C,className:D,...E}){return z("div",{className:I("w-full border-b bg-background/95 backdrop-blur-xs supports-backdrop-filter:bg-background/60",D),children:A("div",{className:"mx-auto w-full max-w-7xl px-2 md:px-4",children:[z(J,{...E}),(B||C)&&A(K,{children:[z(G,{}),A("div",{className:"flex items-center justify-between gap-3 py-2",children:[z("div",{className:"min-w-0 overflow-hidden text-ellipsis",children:B}),z("div",{className:"flex items-center gap-2",children:C})]})]})]})})}

package/dist/components/organisms/AppHeader.mobile.js

@@ -0,0 +1 @@
+import{jsx as d,jsxs as F}from"react/jsx-runtime";import{cn as K}from"@contractspec/lib.ui-kit/ui/utils";import*as L from"react";import{Pressable as Q,Text as E,View as q}from"react-native";import{BottomTabs as U}from"../native/BottomTabs.mobile";import{SheetMenu as W}from"../native/SheetMenu.mobile";export function AppHeader({logo:z,toolbarRight:G,className:H,menuContent:I,bottomTabs:A}){const[J,D]=L.useState(!1);return F(q,{className:K("border-b bg-background",H),children:[F(q,{className:"flex-row items-center justify-between px-3 py-2",children:[d(Q,{accessibilityLabel:"Open menu",onPress:()=>D(!0),children:d(E,{className:"text-lg",children:"\u2630"})}),d(q,{className:"px-2",children:typeof z==="string"?d(E,{className:"font-bold text-xl",children:z}):z}),d(q,{className:"flex-row items-center gap-2",children:G})]}),A&&A.length>0&&d(U,{items:A}),d(W,{open:J,onOpenChange:D,title:"Menu",children:I})]})}

package/dist/components/organisms/AppLayout.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as D,Fragment as v}from"react/jsx-runtime";import{Breadcrumb as Q,BreadcrumbItem as T,BreadcrumbLink as U,BreadcrumbList as V,BreadcrumbPage as W,BreadcrumbSeparator as X}from"@contractspec/lib.ui-kit-web/ui/breadcrumb";import{Separator as Y}from"@contractspec/lib.ui-kit-web/ui/separator";import{cn as Z}from"@contractspec/lib.ui-kit-web/ui/utils";import*as $ from"react";import{AppSidebar as q}from"./AppSidebar";export function AppLayout({header:K,sidebar:C,breadcrumb:E,children:M,footer:H,className:O}){return D("div",{className:Z("min-h-svh bg-background",O),children:[K,D("div",{className:"mx-auto grid w-full max-w-7xl grid-cols-1 gap-4 px-4 py-4 md:grid-cols-[260px_minmax(0,1fr)]",children:[z("aside",{className:"hidden md:block",children:C?z(q,{sections:C.sections,top:C.top,bottom:C.bottom,className:C.className,density:C.density}):z("div",{})}),D("main",{className:"min-w-0",children:[E&&E.items?.length?z("div",{className:"mb-2",children:z(Q,{children:z(V,{children:E.items.map((G,J)=>D($.Fragment,{children:[z(T,{children:G.href?z(U,{href:G.href,children:G.label}):z(W,{children:G.label})}),J<E.items.length-1&&z(X,{})]},J))})})}):null,M]})]}),H&&D(v,{children:[z(Y,{className:"mt-4"}),H]})]})}

package/dist/components/organisms/AppSidebar.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as A}from"react/jsx-runtime";import{Sidebar as X,SidebarContent as Y,SidebarFooter as Z,SidebarGroup as $,SidebarGroupContent as g,SidebarGroupLabel as k,SidebarHeader as F,SidebarInput as H,SidebarMenu as L,SidebarMenuBadge as R,SidebarMenuButton as V,SidebarMenuItem as B,SidebarProvider as C,SidebarRail as I}from"@contractspec/lib.ui-kit-web/ui/sidebar";import{cn as N}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as v}from"class-variance-authority";export function AppSidebar({sections:J,top:K,bottom:O,searchPlaceholder:E="Search\u2026",className:Q,density:T}){const U=v("",{variants:{density:{compact:"text-sm",comfortable:"text-base"}},defaultVariants:{density:"comfortable"}});return q(C,{children:A(X,{className:N(U({density:T}),Q),children:[q(I,{}),A(F,{children:[K,q(H,{placeholder:E,"aria-label":E})]}),q(Y,{children:J.map((D,W)=>A($,{children:[D.title&&q(k,{children:D.title}),q(g,{children:q(L,{children:D.items.map((z)=>A(B,{children:[q(V,{asChild:!!z.href,isActive:!1,children:A("a",{href:z.href,target:z.target,className:"inline-flex items-center gap-2",children:[z.icon,q("span",{children:z.label})]})}),z.badge!=null&&q(R,{children:String(z.badge)})]},z.href))})})]},W))}),q(Z,{children:O})]})})}

package/dist/components/organisms/EmptyDataList.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as v}from"react/jsx-runtime";import{Empty as W,EmptyContent as X,EmptyDescription as Y,EmptyHeader as Z,EmptyMedia as $,EmptyTitle as k}from"@contractspec/lib.ui-kit-web/ui/empty";import{Button as C}from"../atoms/Button";export function EmptyDataList({emptyListTitle:A,emptyListDescription:F,createButton:O,secondaryButton:P,media:G,mediaVariant:Q="icon",learnMoreHref:g,learnMoreLabel:z,learnMoreEndIcon:J,onLearnMore:R,handleLearnMore:S,className:U}){const K=R??S;return v(W,{className:U,children:[v(Z,{children:[G?q($,{variant:Q,children:G}):null,A?q(k,{children:A}):null,F?q(Y,{children:F}):null]}),q(X,{children:v("div",{className:"flex gap-2",children:[O,P]})}),(g||K)&&z?q(C,{variant:"link",asChild:Boolean(g),className:"text-muted-foreground",size:"sm",onPress:g?void 0:K,children:g?v("a",{href:g,children:[z," ",J]}):v("span",{children:[z," ",J]})}):null]})}

package/dist/components/organisms/EmptyDataList.mobile.js

@@ -0,0 +1 @@
+import{jsx as g,jsxs as F}from"react/jsx-runtime";import{Empty as K,EmptyContent as O,EmptyDescription as P,EmptyHeader as Q,EmptyMedia as R,EmptyTitle as U}from"@contractspec/lib.ui-kit/ui/empty";import{HStack as W}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as A}from"@contractspec/lib.ui-kit-web/ui/text";export function EmptyDataList({emptyListTitle:q,emptyListDescription:v,createButton:G,secondaryButton:X,media:z,mediaVariant:I="icon",learnMoreHref:Y,learnMoreLabel:Z,learnMoreEndIcon:$,onLearnMore:C,handleLearnMore:M,className:J}){return F(K,{className:J,children:[F(Q,{children:[z?g(R,{variant:I,children:z}):null,q?g(U,{children:g(A,{children:q})}):null,v?g(P,{children:g(A,{children:v})}):null]}),g(O,{children:g(W,{className:"gap-2",children:G})})]})}export default EmptyDataList;

package/dist/components/organisms/EmptySearchResult.js

@@ -0,0 +1 @@
+import{jsx as v,jsxs as B}from"react/jsx-runtime";import{Empty as X,EmptyContent as Y,EmptyDescription as Z,EmptyHeader as $,EmptyTitle as k}from"@contractspec/lib.ui-kit-web/ui/empty";import*as q from"react";import{Input as H}from"../atoms/Input";export function EmptySearchResult({emptySearchTitle:F,emtptySearchTitle:G,emptySearchDescription:J,emtptySearchDescription:K,onSearchChange:L,handleSearchChange:M,className:O}){const P=F??G??"No results",z=J??K??"Try another search.",U=L??M,[V,W]=q.useState("");return B(X,{className:O,children:[B($,{children:[v(k,{children:P}),z?v(Z,{children:z}):null]}),v(Y,{children:v(H,{value:V,onChange:(A)=>{W(A.target.value);U?.(A.target.value)},placeholder:"Search\u2026",keyboard:{kind:"search"}})})]})}

package/dist/components/organisms/FAQSection.js

@@ -0,0 +1 @@
+import{jsx as v,jsxs as E}from"react/jsx-runtime";import{Accordion as X,AccordionContent as Y,AccordionItem as Z,AccordionTrigger as $}from"@contractspec/lib.ui-kit-web/ui/accordion";import{VStack as K}from"@contractspec/lib.ui-kit-web/ui/stack";import*as R from"react";export function FAQSection({title:L,subtitle:F,children:M,className:P,items:z,accordionType:B="single",collapsible:Q=!0,defaultOpenIndex:G=0,accordionClassName:U}){const D=Array.isArray(z)&&z.length>0,W=R.useMemo(()=>{if(!D)return;if(B==="multiple")return;return`item-${Math.max(0,Math.min((z?.length??1)-1,G))}`},[D,B,G,z]);return v("section",{className:`py-12 sm:py-16 lg:py-24 ${P||""}`,children:E("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[E(K,{className:"gap-2 text-center",children:[v("h2",{className:"font-bold text-3xl md:text-4xl",children:L}),F?v("p",{className:"mx-auto max-w-2xl text-base text-muted-foreground",children:F}):null]}),v("div",{className:"mx-auto mt-8 max-w-3xl",children:D?v(K,{className:"mt-8",children:v(X,{type:B,collapsible:Q,defaultValue:W,className:U,children:z?.map((H,J)=>E(Z,{value:`item-${J}`,children:[v($,{className:"px-6",children:v("span",{className:"font-medium text-foreground text-lg",children:H.question})}),v(Y,{className:"px-6",children:v("p",{className:"text-muted-foreground",children:H.answer})})]},J))})}):M})]})})}

package/dist/components/organisms/FeatureCarousel.js

@@ -0,0 +1 @@
+import{jsx as g,jsxs as z}from"react/jsx-runtime";import{Card as E,CardContent as F}from"@contractspec/lib.ui-kit-web/ui/card";import{Carousel as G,CarouselContent as H,CarouselItem as J,CarouselNext as K,CarouselPrevious as L}from"@contractspec/lib.ui-kit-web/ui/carousel";export function FeatureCarousel({slides:A,className:B}){return g("div",{className:B,children:z(G,{children:[g(H,{children:A.map((q,D)=>g(J,{children:g(E,{children:z(F,{className:"grid grid-cols-1 gap-4 p-6 md:grid-cols-2",children:[z("div",{className:"space-y-2",children:[g("div",{className:"font-semibold text-2xl",children:q.title}),q.description&&g("div",{className:"text-base text-muted-foreground",children:q.description})]}),g("div",{className:"flex items-center justify-center",children:q.media})]})})},D))}),g(L,{}),g(K,{})]})})}

package/dist/components/organisms/FeaturesSection.js

@@ -0,0 +1 @@
+import{jsx as g,jsxs as z}from"react/jsx-runtime";import{VStack as E}from"@contractspec/lib.ui-kit-web/ui/stack";import{cva as F}from"class-variance-authority";const G=F("",{variants:{density:{compact:"py-10",comfortable:"py-12 sm:py-16 lg:py-24"}},defaultVariants:{density:"comfortable"}});export function FeaturesSection({title:A,subtitle:q,children:B,className:C,density:D}){return g("section",{className:[G({density:D}),C].filter(Boolean).join(" "),children:z("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[z(E,{className:"gap-2 text-center",children:[g("h2",{className:"font-bold text-3xl md:text-4xl",children:A}),q?g("p",{className:"mx-auto max-w-2xl text-base text-muted-foreground",children:q}):null]}),g("div",{className:"mt-10",children:B})]})})}

package/dist/components/organisms/Footer.js

@@ -0,0 +1 @@
+import{jsx as d,jsxs as A}from"react/jsx-runtime";import{VStack as G}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as H}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as I}from"class-variance-authority";const J=I("border-t px-4 text-base",{variants:{variant:{default:"",marketing:"bg-muted/30"},density:{compact:"py-4",comfortable:"py-6"}},defaultVariants:{density:"comfortable",variant:"default"}});export function Footer({left:B,center:C,right:D,links:q,className:E,variant:F}){return A("footer",{className:H(J({variant:F}),E),children:[A("div",{className:"grid grid-cols-1 items-center gap-3 sm:grid-cols-3",children:[d("div",{className:"flex items-center gap-3",children:B}),d("div",{className:"text-center text-muted-foreground",children:C}),d(G,{children:D})]}),q&&q.length>0&&d("div",{className:"mt-4 flex flex-wrap items-center justify-center gap-3 text-base text-muted-foreground",children:q.map((z)=>d("a",{href:z.href,className:"hover:text-foreground",children:z.label},String(z.href)))})]})}

package/dist/components/organisms/GridLayout.js

@@ -0,0 +1 @@
+import{jsx as M}from"react/jsx-runtime";import{cn as H}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as I}from"class-variance-authority";import{useResponsive as J}from"../../platform/useResponsive";const K=I("grid",{variants:{gap:{sm:"gap-3",md:"gap-4",lg:"gap-6"}},defaultVariants:{gap:"md"}});export function GridLayout({children:B,className:D,columns:z,gap:E}){const{screen:A}=J(),q=A==="desktop"?z?.desktop??1:A==="tablet"?z?.tablet??1:z?.mobile??1,F=q===1?"grid-cols-1":q===2?"grid-cols-2":q===3?"grid-cols-3":q===4?"grid-cols-4":"grid-cols-1";return M("div",{className:H(K({gap:E}),F,D),children:B})}export default GridLayout;

package/dist/components/organisms/Header.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as G,Fragment as U}from"react/jsx-runtime";import{Separator as X}from"@contractspec/lib.ui-kit-web/ui/separator";import{Sheet as Y,SheetContent as Z,SheetTitle as $,SheetTrigger as q}from"@contractspec/lib.ui-kit-web/ui/sheet";import{cn as P}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as Q}from"class-variance-authority";import{Menu as C}from"lucide-react";import{Button as D}from"../atoms/Button";import{ButtonLink as F}from"../atoms/ButtonLink";import{NavMain as A}from"../molecules/NavMain";import{NavUser as R}from"../molecules/NavUser";import{AppSidebar as L}from"./AppSidebar";const T=Q("hidden items-center justify-between gap-4 md:flex",{variants:{density:{compact:"px-3 py-1",comfortable:"px-4 py-2"}},defaultVariants:{density:"comfortable"}});const V=Q("flex items-center justify-between md:hidden",{variants:{density:{compact:"px-2 py-1",comfortable:"px-3 py-2"}},defaultVariants:{density:"comfortable"}});export function DesktopHeader({logo:I,nav:K,userMenu:E,cta:J,className:O,density:W}){return G("header",{className:P(T({density:W}),O),children:[G("div",{className:"flex items-center gap-4",children:[I,z(X,{orientation:"vertical",className:"h-6"}),z(A,{items:K})]}),G("div",{className:"flex items-center gap-2",children:[J&&z(F,{variant:J.variant,href:J.href,children:J.label}),E&&z(R,{...E})]})]})}export function MobileHeader({logo:I,userMenu:K,mobileSidebar:E,className:J,density:O}){return G("header",{className:P(V({density:O}),J),children:[G(Y,{children:[z(q,{asChild:!0,children:z(D,{variant:"ghost",size:"icon","aria-label":"Open menu",children:z(C,{className:"h-5 w-5"})})}),G(Z,{side:"left",className:"w-[300px] p-0",children:[z($,{className:"sr-only",children:"Menu"}),E?z(L,{sections:E.sections,top:E.top,bottom:E.bottom,className:"h-svh"}):z("div",{className:"p-4",children:"No sidebar configured"})]})]}),z("div",{className:"flex-1 px-2",children:I}),z("div",{className:"flex items-center gap-2",children:K&&z(R,{...K})})]})}export function Header(I){return G(U,{children:[z(MobileHeader,{...I}),z(DesktopHeader,{...I})]})}

package/dist/components/organisms/Header.mobile.js

@@ -0,0 +1 @@
+import{jsx as v}from"react/jsx-runtime";import{VStack as q}from"@contractspec/lib.ui-kit/ui/stack";export function Header({logo:h}){return v(q,{className:"px-3 py-2",children:h})}export const DesktopHeader=Header;export const MobileHeader=Header;

package/dist/components/organisms/HeroResponsive.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useResponsive as a}from"../../platform/useResponsive";import{HeroSection as r}from"./HeroSection";export function HeroResponsive({title:o,subtitle:i,primaryCta:s,secondaryCta:n,className:p}){const{screen:e}=a();return t(r,{title:t("div",{className:`${e==="desktop"?"text-5xl":e==="tablet"?"text-4xl":"text-3xl"}`,children:o}),subtitle:i,primaryCta:s,secondaryCta:n,className:[p,e==="desktop"?"gap-6":e==="tablet"?"gap-4":"gap-3"].filter(Boolean).join(" ")})}

package/dist/components/organisms/HeroSection.js

@@ -0,0 +1 @@
+import{jsx as q}from"react/jsx-runtime";import{Hero as G}from"@contractspec/lib.ui-kit-web/ui/marketing/Hero";import{cva as I}from"class-variance-authority";const J=I("relative overflow-hidden bg-linear-to-b from-background to-muted/20",{variants:{density:{compact:"py-12",comfortable:"py-16 sm:py-24 lg:py-32"}},defaultVariants:{density:"comfortable"}});export function HeroSection({title:z,subtitle:A,primaryCta:B,secondaryCta:D,className:E,density:F}){return q("section",{className:[J({density:F}),E].filter(Boolean).join(" "),children:q("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:q(G,{title:z,subtitle:A,primaryCta:B,secondaryCta:D})})})}

package/dist/components/organisms/ListCardPage.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as H}from"react/jsx-runtime";import{Card as U,CardContent as W}from"@contractspec/lib.ui-kit-web/ui/card";import{VStack as G}from"@contractspec/lib.ui-kit-web/ui/stack";import{cva as I}from"class-variance-authority";import{useResponsive as X}from"../../platform/useResponsive";const Y=I("",{variants:{density:{compact:"gap-3",comfortable:"gap-4 md:gap-5"}},defaultVariants:{density:"comfortable"}});const Z=I("grid",{variants:{size:{sm:"gap-3",md:"gap-4",lg:"gap-6"}},defaultVariants:{size:"md"}});export function ListCardPage({title:J,subtitle:D,items:K,renderCard:L,className:M,columns:B,density:O,size:P}){const{screen:E}=X(),A=E==="desktop"?B?.desktop??3:E==="tablet"?B?.tablet??2:B?.mobile??1,Q=A===1?"grid-cols-1":A===2?"grid-cols-2":A===3?"grid-cols-3":A===4?"grid-cols-4":"grid-cols-3";return H(G,{className:[Y({density:O}),M].filter(Boolean).join(" "),children:[H(G,{className:"gap-1",children:[q("h1",{className:"font-bold text-2xl md:text-3xl",children:J}),D?q("p",{className:"text-base text-muted-foreground",children:D}):null]}),q("div",{className:[Z({size:P}),Q].join(" "),children:K.map((T,F)=>q(U,{className:"border-none shadow-2xs",children:q(W,{className:"p-4 md:p-5 lg:p-6",children:L(T,F)})},F))})]})}

package/dist/components/organisms/ListGridPage.js

@@ -0,0 +1 @@
+import{jsx as A,jsxs as J}from"react/jsx-runtime";import{VStack as H}from"@contractspec/lib.ui-kit-web/ui/stack";import{cva as K}from"class-variance-authority";import{useResponsive as Y}from"../../platform/useResponsive";const Z=K("",{variants:{density:{compact:"gap-3",comfortable:"gap-4 md:gap-5 lg:gap-6"}},defaultVariants:{density:"comfortable"}});const $=K("",{variants:{size:{sm:"gap-3",md:"gap-4",lg:"gap-6"}},defaultVariants:{size:"md"}});export function ListGridPage({title:L,subtitle:D,items:M,renderItem:O,className:P,columns:B,density:Q,size:T}){const{screen:E}=Y(),q=E==="desktop"?B?.desktop??3:E==="tablet"?B?.tablet??2:B?.mobile??1,U=`grid ${$({size:T})}`,W=q===1?"grid-cols-1":q===2?"grid-cols-2":q===3?"grid-cols-3":q===4?"grid-cols-4":"grid-cols-3";return J(H,{className:[Z({density:Q}),P].filter(Boolean).join(" "),children:[J(H,{className:"gap-1",children:[A("h1",{className:"font-bold text-2xl md:text-3xl",children:L}),D?A("p",{className:"text-base text-muted-foreground",children:D}):null]}),A("div",{className:`${U} ${W}`,children:M.map((X,F)=>A("div",{children:O(X,F)},F))})]})}

package/dist/components/organisms/ListPageResponsive.js

@@ -0,0 +1 @@
+import{jsx as B}from"react/jsx-runtime";import{ListPage as z}from"@contractspec/lib.ui-kit-web/ui/organisms/ListPage";import{useResponsive as A}from"../../platform/useResponsive";export function ListPageResponsive(d){const{screen:h}=A(),q=[d.className,h==="desktop"?"space-y-6":h==="tablet"?"space-y-5":"space-y-4"].filter(Boolean).join(" ");return B(z,{...d,className:q})}

package/dist/components/organisms/ListTablePage.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as H}from"react/jsx-runtime";import{useContractTable as U}from"@contractspec/lib.presentation-runtime-react";import{VStack as F}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as G}from"@contractspec/lib.ui-kit-web/ui/text";import{cva as W}from"class-variance-authority";import{DataTable as X}from"../data-table/DataTable";const Y=W("",{variants:{density:{compact:"gap-3",comfortable:"gap-4 md:gap-5"}},defaultVariants:{density:"comfortable"}});export function ListTablePage({title:J,subtitle:B,items:K,columns:L,className:M,density:O,renderActions:E}){const P=U({data:K,columns:[...L.map((g,q)=>({id:`column.${q}`,header:g.header,cell:({item:Q,rowIndex:R})=>g.cell(Q,R)})),...E?[{id:"actions",header:"Actions",label:"Actions",canSort:!1,canHide:!1,canResize:!1,cell:({item:g,rowIndex:q})=>E(g,q)}]:[]]});return H(F,{className:[Y({density:O}),M].filter(Boolean).join(" "),children:[H(F,{className:"gap-1",children:[z(G,{className:"font-bold text-2xl md:text-3xl",children:J}),B?z(G,{className:"text-base text-muted-foreground",children:B}):null]}),z(X,{controller:P})]})}

package/dist/components/organisms/ListTablePage.mobile.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as H}from"react/jsx-runtime";import{useContractTable as U}from"@contractspec/lib.presentation-runtime-react";import{VStack as F}from"@contractspec/lib.ui-kit/ui/stack";import{Text as G}from"@contractspec/lib.ui-kit/ui/text";import{cva as W}from"class-variance-authority";import{DataTable as X}from"../data-table/DataTable";const Y=W("",{variants:{density:{compact:"gap-3",comfortable:"gap-4 md:gap-5"}},defaultVariants:{density:"comfortable"}});export function ListTablePage({title:J,subtitle:B,items:K,columns:L,className:M,density:O,renderActions:E}){const P=U({data:K,columns:[...L.map((g,q)=>({id:`column.${q}`,header:g.header,cell:({item:Q,rowIndex:R})=>g.cell(Q,R)})),...E?[{id:"actions",header:"Actions",label:"Actions",canSort:!1,canHide:!1,canResize:!1,cell:({item:g,rowIndex:q})=>E(g,q)}]:[]]});return H(F,{className:[Y({density:O}),M].filter(Boolean).join(" "),children:[H(F,{className:"gap-1",children:[z(G,{className:"font-bold text-2xl md:text-3xl",children:J}),B?z(G,{className:"text-base text-muted-foreground",children:B}):null]}),z(X,{controller:P})]})}

package/dist/components/organisms/MarketingHeader.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as J,Fragment as I}from"react/jsx-runtime";import{NavigationMenu as M,NavigationMenuContent as L,NavigationMenuItem as C,NavigationMenuLink as P,NavigationMenuList as k,NavigationMenuTrigger as N}from"@contractspec/lib.ui-kit-web/ui/navigation-menu";import{Separator as d}from"@contractspec/lib.ui-kit-web/ui/separator";import{Sheet as p,SheetContent as S,SheetHeader as v,SheetTrigger as h}from"@contractspec/lib.ui-kit-web/ui/sheet";import{Box as Y,HStack as W,VStack as b}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as q}from"@contractspec/lib.ui-kit-web/ui/text";import{cn as D}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as u}from"class-variance-authority";import{Menu as f}from"lucide-react";import*as g from"react";import{Button as y}from"../atoms/Button";import{ButtonLink as F}from"../atoms/ButtonLink";import{CommandSearchTrigger as U}from"../molecules/CommandSearchTrigger";import{LangSwitchDropdown as _}from"../molecules/LangSwitchDropdown";import{MobileNavMenu as l}from"../molecules/MobileNavMenu";import{NavItemCard as w}from"../molecules/NavItemCard";import{NavUser as j}from"../molecules/NavUser";const x=u("flex items-center justify-between gap-4",{variants:{density:{compact:"px-3 py-2",comfortable:"px-4 py-3"}},defaultVariants:{density:"comfortable"}});export function MarketingHeader({logo:V,nav:X=[],navLinkClassName:Z,userMenu:$,cta:A,className:H,density:B,right:O,commandPaletteGroups:K,langSwitchProps:Q}){const[T,G]=g.useState(!1);return z(W,{as:"header",className:D("sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur-xs supports-backdrop-filter:bg-background/60",H),children:J(W,{className:D("mx-auto w-full max-w-7xl items-center justify-center",x({density:B})),children:[z(b,{className:"flex items-center gap-2 md:hidden",children:J(p,{open:T,onOpenChange:G,children:[z(h,{asChild:!0,children:z(y,{variant:"ghost",size:"icon","aria-label":"Open menu",children:z(f,{className:"h-5 w-5"})})}),J(S,{side:"left",className:"w-[320px] p-4",children:[!!K?.length&&z(v,{children:z(U,{groups:K})}),A&&z(b,{className:"mb-3",children:z(F,{variant:A.variant,size:A.size,href:A.href,onClick:A.onClick,children:z(q,{children:A.label})})}),z(l,{items:X})]})]})}),V,z(W,{className:"hidden items-center gap-4 md:flex",children:X.length>0&&J(I,{children:[z(d,{orientation:"vertical",className:"h-6"}),z(M,{className:"hidden md:flex",children:z(k,{children:X.map((E)=>z(C,{children:E.items&&E.items.length>0?J(I,{children:[z(N,{className:Z,children:E.label}),z(L,{children:z("div",{className:"grid w-[760px] grid-cols-3 gap-3 p-3",children:E.items.map((R)=>z(w,{item:R},R.href))})})]}):z(P,{className:Z,href:E.href||"#",children:E.label})},String(E.key??E.href??E.label)))})})]})}),J(W,{className:"flex items-center gap-2",children:[!!K?.length&&z(Y,{className:"hidden items-center gap-2 md:flex",children:z(U,{groups:K})}),Q?.options?.length>1&&z(_,{value:Q.value,onChange:Q.onChange,options:Q.options}),O&&z(Y,{className:"hidden md:flex",children:O}),A&&z(Y,{className:"hidden md:flex",children:z(F,{variant:A.variant,size:A.size,href:A.href,onClick:A.onClick,children:z(q,{children:A.label})})}),$&&z(j,{...$})]})]})})}

package/dist/components/organisms/MarketingHeaderDesktop.js

@@ -0,0 +1 @@
+import{jsx as z,jsxs as E,Fragment as O}from"react/jsx-runtime";import{NavigationMenu as X,NavigationMenuContent as Y,NavigationMenuItem as Z,NavigationMenuLink as $,NavigationMenuList as S,NavigationMenuTrigger as T}from"@contractspec/lib.ui-kit-web/ui/navigation-menu";import{Separator as V}from"@contractspec/lib.ui-kit-web/ui/separator";import{cn as K}from"@contractspec/lib.ui-kit-web/ui/utils";import{cva as b}from"class-variance-authority";import{ButtonLink as p}from"../atoms/ButtonLink";import{NavItemCard as q}from"../molecules/NavItemCard";import{NavUser as B}from"../molecules/NavUser";const F=b("hidden items-center justify-between gap-4 md:flex",{variants:{density:{compact:"px-3 py-2",comfortable:"px-4 py-3"}},defaultVariants:{density:"comfortable"}});export function MarketingHeaderDesktop({logo:P,nav:G=[],userMenu:H,cta:D,className:Q,density:R,right:W}){return z("div",{className:K("w-full border-b bg-background/95 backdrop-blur-xs supports-backdrop-filter:bg-background/60",Q),children:E("div",{className:K("mx-auto w-full max-w-7xl",F({density:R})),children:[E("div",{className:"flex items-center gap-4",children:[P,G.length>0&&E(O,{children:[z(V,{orientation:"vertical",className:"h-6"}),z(X,{children:z(S,{children:G.map((A)=>z(Z,{children:A.items&&A.items.length>0?E(O,{children:[z(T,{children:A.label}),z(Y,{children:z("div",{className:"grid w-[760px] grid-cols-3 gap-3 p-3",children:A.items.map((J)=>z(q,{item:J},J.href))})})]}):z($,{href:A.href||"#",children:A.label})},String(A.key??A.href??A.label)))})})]})]}),E("div",{className:"flex items-center gap-2",children:[W,D&&z(p,{variant:D.variant,size:D.size,href:D.href,onClick:D.onClick,children:D.label}),H&&z(B,{...H})]})]})})}

package/dist/components/organisms/MarketingHeaderMobile.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as z}from"react/jsx-runtime";import{Sheet as X,SheetContent as Y,SheetFooter as Z,SheetHeader as $,SheetTitle as k,SheetTrigger as B}from"@contractspec/lib.ui-kit-web/ui/sheet";import{VStack as F}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as H}from"@contractspec/lib.ui-kit-web/ui/utils";import{Menu as O}from"lucide-react";import*as R from"react";import{Button as V}from"../atoms/Button";import{CommandSearchTrigger as b}from"../molecules/CommandSearchTrigger";import{LangSwitchDropdown as D}from"../molecules/LangSwitchDropdown";import{MobileNavMenu as L}from"../molecules/MobileNavMenu";export function MarketingHeaderMobile({logo:I,nav:J=[],className:K,right:Q,commandPaletteGroups:E,langSwitchProps:A}){const[U,W]=R.useState(!1);return q("div",{className:H("w-full border-b bg-background/95 backdrop-blur-xs supports-backdrop-filter:bg-background/60 md:hidden",K),children:z("div",{className:"mx-auto flex w-full max-w-7xl items-center justify-between px-3 py-2",children:[z("div",{className:"flex items-center gap-2",children:[z(X,{open:U,onOpenChange:W,children:[q(B,{asChild:!0,children:q(V,{variant:"ghost",size:"icon","aria-label":"Open menu",children:q(O,{className:"h-5 w-5"})})}),z(Y,{side:"left",className:"w-[320px] p-4",children:[z($,{children:[q(k,{children:"Menu"}),!!E?.length&&q("div",{className:"mb-3",children:q(b,{groups:E,compact:!0})})]}),q(F,{children:q(L,{items:J})}),q(Z,{children:Q})]})]}),I]}),q("div",{className:"flex items-center gap-2",children:A?.options?.length>1&&q(D,{value:A.value,options:A.options,onChange:A.onChange})})]})})}

package/dist/components/organisms/MarketingLayout.js

@@ -0,0 +1 @@
+import{jsx as C,jsxs as D}from"react/jsx-runtime";import{VStack as A}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as B}from"@contractspec/lib.ui-kit-web/ui/utils";export function MarketingLayout({header:g,children:q,footer:v,className:z}){return D(A,{gap:"none",className:B("min-h-svh bg-background",z),children:[g,C("main",{id:"main",className:"flex-1",children:q}),v]})}

package/dist/components/organisms/ModelComparisonView.js

@@ -0,0 +1 @@
+import{jsx as q,jsxs as F}from"react/jsx-runtime";import{Card as K,CardContent as L,CardHeader as Q,CardTitle as U}from"@contractspec/lib.ui-kit-web/ui/card";import{cn as I}from"@contractspec/lib.ui-kit-web/ui/utils";import{RankBadge as V}from"../atoms/RankBadge";import{DimensionScoresCard as W}from"../molecules/DimensionScoresCard";import{StatCard as X}from"../molecules/StatCard";export function ModelComparisonView({models:A,title:G="Model Comparison",className:z}){if(A.length===0)return q(K,{className:z,children:q(L,{className:"py-8 text-center",children:q("p",{className:"text-muted-foreground",children:"No models selected for comparison."})})});return F("div",{className:I("flex flex-col gap-4",z),children:[q("h2",{className:"font-semibold text-xl",children:G}),q("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4",children:A.map((v)=>q(X,{label:v.displayName??v.modelId,value:Math.round(v.compositeScore*10)/10,hint:v.providerKey,icon:q(V,{rank:v.rank,previousRank:v.previousRank,size:"sm"})},v.modelId))}),q("div",{className:I("grid gap-4",A.length===1&&"grid-cols-1",A.length===2&&"grid-cols-1 md:grid-cols-2",A.length>=3&&"grid-cols-1 md:grid-cols-2 lg:grid-cols-3"),children:A.map((v)=>q(W,{dimensionScores:v.dimensionScores,title:v.displayName??v.modelId,size:"sm"},v.modelId))}),A.length>=2&&q(Y,{models:A})]})}function Y({models:A}){const G=Array.from(new Set(A.flatMap((z)=>Object.keys(z.dimensionScores)))).sort();if(G.length===0)return null;return F(K,{children:[q(Q,{className:"pb-2",children:q(U,{className:"text-base",children:"Head-to-Head"})}),q(L,{className:"overflow-x-auto",children:F("table",{className:"w-full text-sm",children:[q("thead",{children:F("tr",{className:"border-b",children:[q("th",{className:"py-2 text-left font-medium text-muted-foreground",children:"Dimension"}),A.map((z)=>q("th",{className:"py-2 text-right font-medium text-muted-foreground",children:z.displayName??z.modelId},z.modelId))]})}),F("tbody",{children:[G.map((z)=>{const v=A.map((E)=>E.dimensionScores[z]?.score??null),M=Math.max(...v.filter((E)=>E!==null));return F("tr",{className:"border-b last:border-0",children:[q("td",{className:"py-2 capitalize",children:z}),v.map((E,O)=>{const J=A[O];if(!J)return null;return q("td",{className:I("py-2 text-right tabular-nums",E===M&&v.filter((P)=>P!==null).length>1?"font-semibold text-green-600 dark:text-green-400":""),children:E!=null?(Math.round(E*10)/10).toFixed(1):"\u2013"},J.modelId)})]},z)}),F("tr",{className:"border-t-2 font-semibold",children:[q("td",{className:"py-2",children:"Composite"}),A.map((z)=>q("td",{className:"py-2 text-right tabular-nums",children:(Math.round(z.compositeScore*10)/10).toFixed(1)},z.modelId))]})]})]})})]})}

package/dist/components/organisms/PageHeaderResponsive.js

@@ -0,0 +1 @@
+import{jsx as D}from"react/jsx-runtime";import{PageHeader as B}from"@contractspec/lib.ui-kit-web/ui/page-header";import{useResponsive as C}from"../../platform/useResponsive";export function PageHeaderResponsive(q){const{screen:z}=C(),A=z==="desktop"?"lg":z==="tablet"?"md":"sm";return D(B,{...q,spacing:q.spacing??A})}

package/dist/components/organisms/PageHeaderResponsive.mobile.js

@@ -0,0 +1 @@
+import{jsx as F,jsxs as A}from"react/jsx-runtime";import{HStack as L,VStack as D}from"@contractspec/lib.ui-kit/ui/stack";import{Text as E}from"@contractspec/lib.ui-kit/ui/text";import{useResponsive as M}from"../../platform/useResponsive.mobile";export function PageHeaderResponsive({title:z,subtitle:q,actions:G,breadcrumb:I,spacing:J,className:K}){const{screen:B}=M(),C=J??(B==="desktop"?"lg":B==="tablet"?"md":"sm");return A(D,{className:[C==="lg"?"gap-4":C==="md"?"gap-3":"gap-2",K].filter(Boolean).join(" "),children:[I,A(L,{className:"items-start justify-between",children:[A(D,{className:"gap-1",children:[typeof z==="string"?F(E,{className:"font-bold text-2xl",children:z}):z,q?typeof q==="string"?F(E,{className:"text-base text-muted-foreground",children:q}):q:null]}),G]})]})}

package/dist/components/organisms/PricingCarousel.js

@@ -0,0 +1 @@
+import{jsx as g,jsxs as z}from"react/jsx-runtime";import{Card as H,CardContent as J}from"@contractspec/lib.ui-kit-web/ui/card";import{Carousel as K,CarouselContent as M,CarouselItem as O,CarouselNext as Q,CarouselPrevious as R}from"@contractspec/lib.ui-kit-web/ui/carousel";import{Button as S}from"../atoms/Button";import{ButtonLink as T}from"../atoms/ButtonLink";export function PricingCarousel({tiers:A,className:D}){return g("div",{className:D,children:z(K,{children:[g(M,{children:A.map((q,E)=>g(O,{children:g(H,{className:q.highlighted?"border-primary shadow-lg":void 0,children:z(J,{className:"p-6",children:[g("div",{className:"mb-2 font-medium text-base text-muted-foreground",children:q.name}),g("div",{className:"font-semibold text-3xl",children:q.price}),q.tagline&&g("div",{className:"mt-1 text-base text-muted-foreground",children:q.tagline}),g("ul",{className:"mt-4 space-y-2 text-base",children:q.features.map((F,G)=>z("li",{className:"flex items-start gap-2",children:[g("span",{className:"mt-1 h-1.5 w-1.5 rounded-full bg-primary"}),g("span",{children:F})]},G))}),q.cta&&g("div",{className:"mt-6",children:q.cta.href?g(T,{className:"w-full",href:q.cta.href,children:q.cta.label}):g(S,{className:"w-full",onPress:q.cta.onPress,children:q.cta.label})})]})})},E))}),g(R,{}),g(Q,{})]})})}

package/dist/components/organisms/PricingSection.js

@@ -0,0 +1 @@
+import{jsx as d,jsxs as z}from"react/jsx-runtime";import{PricingTable as C}from"@contractspec/lib.ui-kit-web/ui/marketing/PricingTable";export function PricingSection({tiers:A,title:q,subtitle:v,className:B}){return d("section",{className:`py-12 sm:py-16 lg:py-24 ${B||""}`,children:z("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[q?z("div",{className:"mb-8 text-center",children:[d("h2",{className:"font-bold text-3xl md:text-4xl",children:q}),v?d("p",{className:"mx-auto mt-2 max-w-2xl text-base text-muted-foreground",children:v}):null]}):null,d(C,{tiers:A})]})})}

package/dist/components/organisms/TestimonialCarousel.js

@@ -0,0 +1 @@
+import{jsx as g,jsxs as z}from"react/jsx-runtime";import{Card as E,CardContent as F}from"@contractspec/lib.ui-kit-web/ui/card";import{Carousel as G,CarouselContent as H,CarouselItem as J,CarouselNext as K,CarouselPrevious as L}from"@contractspec/lib.ui-kit-web/ui/carousel";export function TestimonialCarousel({testimonials:A,className:B}){return g("div",{className:B,children:z(G,{children:[g(H,{children:A.map((q,D)=>g(J,{children:g(E,{children:z(F,{className:"p-6",children:[g("div",{className:"text-lg",children:q.quote}),z("div",{className:"mt-4 flex items-center gap-3",children:[q.avatar,z("div",{className:"text-base",children:[g("div",{className:"font-medium",children:q.author}),q.role&&g("div",{className:"text-muted-foreground",children:q.role})]})]})]})})},D))}),g(L,{}),g(K,{})]})})}