@lssm-tech/lib.ui-kit-web 3.13.4

package/dist/ui/toggle-group.js

@@ -0,0 +1,2 @@
+// @bun
+var R=import.meta.require;import{cn as O}from"@contractspec/lib.ui-kit-core/utils";import*as K from"@radix-ui/react-toggle";import{cva as P}from"class-variance-authority";import{jsx as Q}from"react/jsx-runtime";var H=P("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-2xs hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 min-w-9 px-2",sm:"h-8 min-w-8 px-1.5",lg:"h-10 min-w-10 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function X({className:A,variant:q,size:f,...w}){return Q(K.Root,{"data-slot":"toggle",className:O(H({variant:q,size:f,className:A})),...w})}import{cn as L}from"@contractspec/lib.ui-kit-core/utils";import*as D from"@radix-ui/react-toggle-group";import*as E from"react";import{jsx as J}from"react/jsx-runtime";var M=E.createContext({size:"default",variant:"default"});function y({className:A,variant:q,size:f,children:w,...F}){return J(D.Root,{"data-slot":"toggle-group","data-variant":q,"data-size":f,className:L("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-2xs",A),...F,children:J(M.Provider,{value:{variant:q,size:f},children:w})})}function I({className:A,children:q,variant:f,size:w,...F}){let B=E.useContext(M);return J(D.Item,{"data-slot":"toggle-group-item","data-variant":B.variant||f,"data-size":B.size||w,className:L(H({variant:B.variant||f,size:B.size||w}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",A),...F,children:q})}export{I as ToggleGroupItem,y as ToggleGroup};

package/dist/ui/toggle.d.ts

@@ -0,0 +1,9 @@
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/ui/toggle.js

@@ -0,0 +1,2 @@
+// @bun
+var G=import.meta.require;import{cn as C}from"@contractspec/lib.ui-kit-core/utils";import*as f from"@radix-ui/react-toggle";import{cva as D}from"class-variance-authority";import{jsx as F}from"react/jsx-runtime";var E=D("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-2xs hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 min-w-9 px-2",sm:"h-8 min-w-8 px-1.5",lg:"h-10 min-w-10 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function K({className:q,variant:w,size:A,...B}){return F(f.Root,{"data-slot":"toggle",className:C(E({variant:w,size:A,className:q})),...B})}export{E as toggleVariants,K as Toggle};

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.js

@@ -0,0 +1,2 @@
+// @bun
+var I=import.meta.require;import{cn as F}from"@contractspec/lib.ui-kit-core/utils";import*as q from"@radix-ui/react-tooltip";import{jsx as z,jsxs as H}from"react/jsx-runtime";function G({delayDuration:w=0,...A}){return z(q.Provider,{"data-slot":"tooltip-provider",delayDuration:w,...A})}function L({...w}){return z(G,{children:z(q.Root,{"data-slot":"tooltip",...w})})}function M({...w}){return z(q.Trigger,{"data-slot":"tooltip-trigger",...w})}function Q({className:w,sideOffset:A=0,children:B,...E}){return z(q.Portal,{children:H(q.Content,{"data-slot":"tooltip-content",sideOffset:A,className:F("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 text-background text-xs data-[state=closed]:animate-out",w),...E,children:[B,z(q.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground"})]})})}export{M as TooltipTrigger,G as TooltipProvider,Q as TooltipContent,L as Tooltip};

package/dist/ui/typography.d.ts

@@ -0,0 +1,16 @@
+import { type TextProps } from './text';
+type TypographyProps = TextProps & {
+    asChild?: boolean;
+};
+declare function H1({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function H2({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function H3({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function H4({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function P({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function BlockQuote({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Code({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Lead({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Large({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Small({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Muted({ className, asChild, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };

package/dist/ui/typography.js

@@ -0,0 +1,2 @@
+// @bun
+var I=import.meta.require;import{cn as E}from"@contractspec/lib.ui-kit-core/utils";import{Slot as F}from"@radix-ui/react-slot";import{jsx as G}from"react/jsx-runtime";function D({className:f,asChild:q=!1,...v}){return G(q?F:"p",{className:E("web:select-text text-base text-foreground",f),...v})}import{cn as y}from"@contractspec/lib.ui-kit-core/utils";import{Slot as z}from"@radix-ui/react-slot";import{jsx as A}from"react/jsx-runtime";function Y({className:f,asChild:q=!1,...v}){return A(q?z:"h1",{role:"heading","aria-level":1,className:y("web:select-text web:scroll-m-20 font-extrabold text-4xl text-foreground tracking-tight lg:text-5xl",f),...v})}function Z({className:f,asChild:q=!1,...v}){return A(q?z:"h2",{role:"heading","aria-level":2,className:y("web:select-text web:scroll-m-20 border-border border-b pb-2 font-semibold text-3xl text-foreground tracking-tight first:mt-0",f),...v})}function _({className:f,asChild:q=!1,...v}){return A(q?z:"h3",{role:"heading","aria-level":3,className:y("web:select-text web:scroll-m-20 font-semibold text-2xl text-foreground tracking-tight",f),...v})}function $({className:f,asChild:q=!1,...v}){return A(q?z:"h4",{role:"heading","aria-level":4,className:y("web:select-text web:scroll-m-20 font-semibold text-foreground text-xl tracking-tight",f),...v})}function g({className:f,asChild:q=!1,...v}){return A(q?z:D,{className:y("web:select-text text-base text-foreground",f),...v})}function B({className:f,asChild:q=!1,...v}){return A(q?z:D,{role:"blockquote",className:y("mt-6 native:mt-4 web:select-text border-border border-l-2 native:pl-3 pl-6 text-base text-foreground italic",f),...v})}function M({className:f,asChild:q=!1,...v}){return A(q?z:D,{role:"code",className:y("relative web:select-text rounded-md bg-muted px-[0.3rem] py-[0.2rem] font-semibold text-foreground text-sm",f),...v})}function P({className:f,asChild:q=!1,...v}){return A(q?z:D,{className:y("web:select-text text-muted-foreground text-xl",f),...v})}function Q({className:f,asChild:q=!1,...v}){return A(q?z:D,{className:y("web:select-text font-semibold text-foreground text-xl",f),...v})}function b({className:f,asChild:q=!1,...v}){return A(q?z:D,{className:y("web:select-text font-medium text-foreground text-sm leading-none",f),...v})}function L({className:f,asChild:q=!1,...v}){return A(q?z:D,{className:y("web:select-text text-muted-foreground text-sm",f),...v})}export{b as Small,g as P,L as Muted,P as Lead,Q as Large,$ as H4,_ as H3,Z as H2,Y as H1,M as Code,B as BlockQuote};

package/dist/ui/use-media-query.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/ui/use-media-query.js

@@ -0,0 +1,2 @@
+// @bun
+var u=import.meta.require;import*as e from"react";function o(a){let[c,n]=e.useState(!1);return e.useEffect(()=>{function s(r){n(r.matches)}let t=matchMedia(a);return t.addEventListener("change",s),n(t.matches),()=>t.removeEventListener("change",s)},[a]),c}export{o as useMediaQuery};

package/dist/ui/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/ui/use-mobile.js

@@ -0,0 +1,2 @@
+// @bun
+var D=import.meta.require;import*as f from"react";var j=640;function G(){let[z,k]=f.useState(void 0);return f.useEffect(()=>{let v=window.matchMedia(`(max-width: ${j-1}px)`),y=()=>{k(window.innerWidth<j)};return v.addEventListener("change",y),k(window.innerWidth<j),()=>v.removeEventListener("change",y)},[]),!!z}export{G as useIsMobile};

package/dist/ui/use-reduced-motion.d.ts

@@ -0,0 +1 @@
+export declare function useReducedMotion(): boolean;

package/dist/ui/use-reduced-motion.js

@@ -0,0 +1,2 @@
+// @bun
+var r=import.meta.require;import*as e from"react";function d(){let[c,o]=e.useState(!1);return e.useEffect(()=>{let t=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>o(t.matches);return n(),t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]),c}export{d as useReducedMotion};

package/dist/ui/use-toast.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { ToastActionElement, ToastProps } from './toast';
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType['ADD_TOAST'];
+    toast: ToasterToast;
+} | {
+    type: ActionType['UPDATE_TOAST'];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType['DISMISS_TOAST'];
+    toastId?: ToasterToast['id'];
+} | {
+    type: ActionType['REMOVE_TOAST'];
+    toastId?: ToasterToast['id'];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, 'id'>;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { toast, useToast };

package/dist/ui/use-toast.js

@@ -0,0 +1,2 @@
+// @bun
+var $=import.meta.require;import*as G from"react";var P=1,U=1e6;var J=0;function W(){return J=(J+1)%Number.MAX_SAFE_INTEGER,J.toString()}var K=new Map,N=(j)=>{if(K.has(j))return;let q=setTimeout(()=>{K.delete(j),B({type:"REMOVE_TOAST",toastId:j})},U);K.set(j,q)},X=(j,q)=>{switch(q.type){case"ADD_TOAST":return{...j,toasts:[q.toast,...j.toasts].slice(0,P)};case"UPDATE_TOAST":return{...j,toasts:j.toasts.map((w)=>w.id===q.toast.id?{...w,...q.toast}:w)};case"DISMISS_TOAST":{let{toastId:w}=q;if(w)N(w);else j.toasts.forEach((z)=>{N(z.id)});return{...j,toasts:j.toasts.map((z)=>z.id===w||w===void 0?{...z,open:!1}:z)}}case"REMOVE_TOAST":if(q.toastId===void 0)return{...j,toasts:[]};return{...j,toasts:j.toasts.filter((w)=>w.id!==q.toastId)}}},C=[],F={toasts:[]};function B(j){F=X(F,j),C.forEach((q)=>{q(F)})}function Z({...j}){let q=W(),w=(H)=>B({type:"UPDATE_TOAST",toast:{...H,id:q}}),z=()=>B({type:"DISMISS_TOAST",toastId:q});return B({type:"ADD_TOAST",toast:{...j,id:q,open:!0,onOpenChange:(H)=>{if(!H)z()}}}),{id:q,dismiss:z,update:w}}function f(){let[j,q]=G.useState(F);return G.useEffect(()=>{return C.push(q),()=>{let w=C.indexOf(q);if(w>-1)C.splice(w,1)}},[j]),{...j,toast:Z,dismiss:(w)=>B({type:"DISMISS_TOAST",toastId:w})}}export{f as useToast,Z as toast,X as reducer};

package/dist/ui/useListState.d.ts

@@ -0,0 +1,6 @@
+import type { SharedUseListStateOptions, SharedUseListStateReturn } from '@contractspec/lib.ui-kit-core/interfaces';
+export interface UseListStateOptions extends SharedUseListStateOptions {
+}
+export interface UseListStateReturn extends SharedUseListStateReturn {
+}
+export declare const useListState: ({ initialSearch, initialFilters, initialPage, initialItemsPerPage, }?: UseListStateOptions) => UseListStateReturn;

package/dist/ui/useListState.js

@@ -0,0 +1,2 @@
+// @bun
+var o=import.meta.require;import{useCallback as z,useMemo as A,useState as D}from"react";var d=({initialSearch:E="",initialFilters:G={},initialPage:H=1,initialItemsPerPage:J=25}={})=>{let[K,V]=D(E),[L,N]=D(G),[O,x]=D(H),[T,W]=D(J),Y=z((j,B)=>{N((U)=>({...U,[j]:B})),x(1)},[]),Z=z(()=>{N({}),x(1)},[]),_=z((j)=>{V(j),x(1)},[]),$=z((j)=>{W(j),x(1)},[]),M=z(()=>{V(E),N(G),x(H),W(J)},[E,G,H,J]),R=A(()=>{let j={search:K,page:O,limit:T},B={};return Object.entries(L).forEach(([U,X])=>{if(X)B[U]=X}),{...j,...B}},[K,L,O,T]);return{searchQuery:K,setSearchQuery:_,filters:L,setFilter:Y,clearFilters:Z,currentPage:O,itemsPerPage:T,setCurrentPage:x,setItemsPerPage:$,queryParams:R,resetAll:M}};export{d as useListState};

package/dist/ui/usecases/UseCaseCard.d.ts

@@ -0,0 +1,7 @@
+export declare function UseCaseCard({ title, summary, ctaHref, ctaLabel, onCtaClick, }: {
+    title: string;
+    summary?: string;
+    ctaHref?: string;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/usecases/UseCaseCard.js

@@ -0,0 +1,2 @@
+// @bun
+var $=import.meta.require;import{cn as P}from"@contractspec/lib.ui-kit-core/utils";import{Slot as Q}from"@radix-ui/react-slot";import{cva as R}from"class-variance-authority";import*as J from"react";import{jsx as W}from"react/jsx-runtime";var T=R("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",outline:"border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}}),E=J.forwardRef(({className:L,variant:d,size:C,asChild:m=!1,...H},U)=>{return W(m?Q:"button",{ref:U,"data-slot":"button",className:P(T({variant:d,size:C,className:L})),...H})});E.displayName="Button";import{cn as F}from"@contractspec/lib.ui-kit-core/utils";import{cva as G}from"class-variance-authority";import{jsx as I}from"react/jsx-runtime";var X=G("flex flex-col",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}},defaultVariants:{gap:"md",align:"stretch",justify:"start"}});function K({className:L,gap:d,align:C,justify:m,as:H="div",ref:U,...q}){return I(H,{ref:U,className:F(X({gap:d,align:C,justify:m}),L),...q})}var Y=G("flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",wrapReverse:"flex-wrap-reverse"}},defaultVariants:{gap:"md",align:"center",justify:"start",wrap:"wrap"}});function M({className:L,gap:d,align:C,justify:m,wrap:H,as:U="div",ref:q,...D}){return I(U,{ref:q,className:F(Y({gap:d,align:C,justify:m,wrap:H}),L),...D})}var Z=G("flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",wrapReverse:"flex-wrap-reverse"}},defaultVariants:{gap:"md",align:"center",justify:"center",wrap:"nowrap"}});function w({className:L,gap:d,align:C,justify:m,wrap:H,as:U="div",ref:q,...D}){return I(U,{ref:q,className:F(Z({gap:d,align:C,justify:m,wrap:H}),L),...D})}import{jsx as A,jsxs as _}from"react/jsx-runtime";function y({title:L,summary:d,ctaHref:C,ctaLabel:m="Learn more",onCtaClick:H}){return _(K,{className:"rounded-lg border p-4",gap:"sm",children:[A("div",{className:"font-semibold text-lg",children:L}),d&&A("div",{className:"text-base text-muted-foreground",children:d}),C&&A(M,{children:A("a",{href:C,onClick:H,children:A(E,{size:"sm",variant:"outline",children:m})})})]})}export{y as UseCaseCard};

package/dist/ui/usecases/UserStoryCard.d.ts

@@ -0,0 +1,5 @@
+export declare function UserStoryCard({ title, body, outcome, }: {
+    title: string;
+    body?: string;
+    outcome?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/usecases/UserStoryCard.js

@@ -0,0 +1,2 @@
+// @bun
+var K=import.meta.require;import{cn as q}from"@contractspec/lib.ui-kit-core/utils";import{cva as v}from"class-variance-authority";import{jsx as z}from"react/jsx-runtime";var G=v("flex flex-col",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}},defaultVariants:{gap:"md",align:"stretch",justify:"start"}});function D({className:e,gap:d,align:m,justify:b,as:o="div",ref:C,...O}){return z(o,{ref:C,className:q(G({gap:d,align:m,justify:b}),e),...O})}var I=v("flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",wrapReverse:"flex-wrap-reverse"}},defaultVariants:{gap:"md",align:"center",justify:"start",wrap:"wrap"}});function Q({className:e,gap:d,align:m,justify:b,wrap:o,as:C="div",ref:O,...U}){return z(C,{ref:O,className:q(I({gap:d,align:m,justify:b,wrap:o}),e),...U})}var J=v("flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",wrapReverse:"flex-wrap-reverse"}},defaultVariants:{gap:"md",align:"center",justify:"center",wrap:"nowrap"}});function R({className:e,gap:d,align:m,justify:b,wrap:o,as:C="div",ref:O,...U}){return z(C,{ref:O,className:q(J({gap:d,align:m,justify:b,wrap:o}),e),...U})}import{jsx as A,jsxs as E}from"react/jsx-runtime";function Y({title:e,body:d,outcome:m}){return E(D,{className:"rounded-lg border p-4",gap:"sm",children:[A("div",{className:"font-semibold text-lg",children:e}),d&&A("div",{className:"text-base text-muted-foreground",children:d}),m&&E("div",{className:"text-base",children:[A("span",{className:"font-medium",children:"Outcome:"})," ",m]})]})}export{Y as UserStoryCard};

package/dist/ui/usecases/index.d.ts

@@ -0,0 +1,2 @@
+export { UseCaseCard } from './UseCaseCard';
+export { UserStoryCard } from './UserStoryCard';

package/dist/ui/usecases/index.js

@@ -0,0 +1,2 @@
+// @bun
+var r=import.meta.require;export{C as UserStoryCard,s as UseCaseCard};

package/dist/ui/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/ui/utils.js

@@ -0,0 +1,2 @@
+// @bun
+var o=import.meta.require;import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function m(...r){return t(e(r))}export{m as cn};

package/dist/ui/visualization/Visualization.d.ts

@@ -0,0 +1,7 @@
+import { type ContractVisualizationRenderModel } from '@contractspec/lib.presentation-runtime-core';
+import type { SharedVisualizationInteractionHandler, SharedVisualizationProps } from '@contractspec/lib.ui-kit-core/interfaces';
+export type VisualizationInteractionHandler = SharedVisualizationInteractionHandler;
+export interface VisualizationProps extends Omit<SharedVisualizationProps, 'model'> {
+    model: ContractVisualizationRenderModel;
+}
+export declare function Visualization({ model, className, height, onDataPointPress, }: VisualizationProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/visualization/Visualization.js

@@ -0,0 +1,2 @@
+// @bun
+var F=import.meta.require;import*as M from"react";import J,{NavigationControl as O,ScaleControl as G}from"react-map-gl/maplibre";import{jsx as H,jsxs as U,Fragment as D}from"react/jsx-runtime";var V="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";function X(f){let{initialViewState:b={longitude:2.3522,latitude:48.8566,zoom:5},styleUrl:t=V,style:y,showControls:k=!0,showCssLink:w=!0,onMapRef:R,children:g}=f,p=M.useRef(null);return M.useEffect(()=>{R?.(p.current)},[p.current]),U("div",{style:{position:"relative",width:"100%",height:"100%",...y||{}},children:[w&&H("link",{href:"https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css",rel:"stylesheet"}),U(J,{ref:p,mapLib:import("maplibre-gl"),initialViewState:b,style:{width:"100%",height:"100%"},mapStyle:t,maplibreLogo:!1,children:[k&&U(D,{children:[H(G,{position:"bottom-left"}),H(O,{position:"bottom-left"})]}),g]})]})}import{Layer as I,Source as N}from"react-map-gl/maplibre";import{jsx as K,jsxs as h}from"react/jsx-runtime";function Y(f){let{id:b="geojson-overlay",data:t,fillColor:y="#2563eb",fillOpacity:k=0.25,lineColor:w="#1e40af",lineWidth:R=1.5,lineOpacity:g=0.8}=f,p={id:`${b}-fill`,type:"fill",paint:{"fill-color":y,"fill-opacity":k}},A={id:`${b}-outline`,type:"line",paint:{"line-color":w,"line-width":R,"line-opacity":g}};return h(N,{id:b,type:"geojson",data:t,children:[K(I,{...p}),K(I,{...A})]})}import{Marker as P}from"react-map-gl/maplibre";import{jsx as n,Fragment as c}from"react/jsx-runtime";function _({points:f}){return n(c,{children:f.map((b)=>n(P,{longitude:b.lng,latitude:b.lat,anchor:"bottom",children:n("button",{role:b.onClick?"button":void 0,tabIndex:b.onClick?0:-1,"aria-label":b.ariaLabel||"marker",onClick:b.onClick,onKeyDown:(t)=>{if(t.key==="Enter"||t.key===" ")t.preventDefault(),b.onClick?.()},style:{width:b.size??14,height:b.size??14,background:b.color??"#2563eb",border:"2px solid white",borderRadius:9999,boxShadow:"0 1px 3px rgba(0,0,0,0.35)",cursor:b.onClick?"pointer":"default"}})},b.id))})}import{formatVisualizationValue as q}from"@contractspec/lib.presentation-runtime-core";import{cn as Q}from"@contractspec/lib.ui-kit-core/utils";import*as T from"echarts/core";import{jsx as S,jsxs as L}from"react/jsx-runtime";function Z({className:f,model:b}){return L("div",{className:Q("space-y-2",f),children:[S("div",{className:"text-muted-foreground text-sm",children:b.metric?.label??b.title}),S("div",{className:"font-semibold text-3xl",children:q(b.metric?.value,b.metric?.format)}),b.metric?.comparisonValue!=null?L("div",{className:"text-muted-foreground text-sm",children:["Comparison:"," ",q(b.metric.comparisonValue,b.metric.format)]}):null,S(E,{model:b})]})}function E({model:f}){if(!f.table.columns.length||!f.table.rows.length)return null;return L("details",{className:"rounded-md border p-3 text-sm",children:[S("summary",{className:"cursor-pointer font-medium",children:"Data summary"}),S("div",{className:"mt-3 overflow-x-auto",children:L("table",{className:"w-full text-left",children:[S("thead",{children:S("tr",{children:f.table.columns.map((b)=>S("th",{className:"px-2 py-1 font-medium",children:b.label},b.key))})}),S("tbody",{children:f.table.rows.slice(0,8).map((b,t)=>S("tr",{children:f.table.columns.map((y)=>S("td",{className:"px-2 py-1",children:String(b[y.key]??"\u2014")},y.key))},`summary-row-${t}`))})]})})]})}function $({className:f,model:b,reason:t}){return L("div",{className:Q("space-y-3",f),children:[S("p",{className:"text-muted-foreground text-sm",children:t}),S(E,{model:b})]})}function W(f){if(f.kind==="metric")return!1;if(f.kind==="geo"&&f.geo?.mode==="slippy-map")return!1;if(f.kind==="geo"&&f.geo?.geoJson?.type==="url")return!1;return!0}function z(f){if(f.kind!=="geo"||f.geo?.geoJson?.type!=="inline")return;x(f.geo.geoJson)}function x(f){if(f.type!=="inline")return;T.registerMap("contractspec-visualization-geo",f.data)}import{jsx as d}from"react/jsx-runtime";var j={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function C({as:f="span",style:b,children:t,ref:y,...k}){return d(f,{ref:y,style:{...j,...b},...k,children:t})}import{buildVisualizationEChartsOption as e}from"@contractspec/lib.presentation-runtime-core";import{cn as v}from"@contractspec/lib.ui-kit-core/utils";import{BarChart as a,FunnelChart as o,HeatmapChart as l,LineChart as m,MapChart as s,PieChart as ff,ScatterChart as bf}from"echarts/charts";import{AriaComponent as tf,GeoComponent as yf,GridComponent as wf,LegendComponent as Sf,TitleComponent as kf,TooltipComponent as uf,VisualMapComponent as Rf}from"echarts/components";import*as r from"echarts/core";import{CanvasRenderer as gf}from"echarts/renderers";import*as i from"react";import{jsx as u,jsxs as B}from"react/jsx-runtime";r.use([tf,kf,uf,wf,Sf,Rf,yf,gf,m,a,ff,bf,l,o,s]);function pf(){if(typeof document>"u")return!1;let f=document.createElement("canvas");return typeof f.getContext==="function"&&f.getContext("2d")!==null}function Vf({model:f,className:b,height:t=280,onDataPointPress:y}){let k=i.useRef(null),w=i.useMemo(()=>e(f),[f]);if(i.useEffect(()=>{if(!W(f)||!k.current||!pf())return;z(f);let R=r.init(k.current,void 0,{renderer:"canvas"});if(R.setOption(w),y)R.on("click",y);let g=new ResizeObserver(()=>R.resize());return g.observe(k.current),()=>{if(g.disconnect(),y)R.off("click",y);R.dispose()}},[f,y,w]),f.kind==="metric")return u(Z,{className:b,model:f});if(f.kind==="geo"&&f.geo?.mode==="slippy-map")return u(Lf,{className:b,height:t,model:f});if(f.kind==="geo"&&f.geo?.geoJson?.type==="url")return u($,{className:b,model:f,reason:"Geo URL sources currently fall back to the summary table."});return B("div",{className:v("space-y-3",b),children:[u(C,{children:f.summary}),u("div",{ref:k,"aria-label":f.summary,className:"w-full rounded-md",style:{height:t}}),u(E,{model:f})]})}function Lf({className:f,height:b,model:t}){let y=t.series.flatMap((k)=>k.points.filter((w)=>w.latitude!=null&&w.longitude!=null).map((w)=>({id:w.id,lat:w.latitude,lng:w.longitude,ariaLabel:w.name})));return B("div",{className:v("space-y-3",f),children:[u("div",{style:{height:b},children:B(X,{children:[y.length>0?u(_,{points:y}):null,t.geo?.geoJson?.type==="inline"?u(Y,{data:t.geo.geoJson.data}):null]})}),u(E,{model:t})]})}export{Vf as Visualization};

package/dist/ui/visualization/Visualization.support.d.ts

@@ -0,0 +1,15 @@
+import { type ContractVisualizationRenderModel } from '@contractspec/lib.presentation-runtime-core';
+export declare function MetricVisualization({ className, model, }: {
+    className?: string;
+    model: ContractVisualizationRenderModel;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TableAlternative({ model, }: {
+    model: ContractVisualizationRenderModel;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function FallbackVisualization({ className, model, reason, }: {
+    className?: string;
+    model: ContractVisualizationRenderModel;
+    reason: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function shouldRenderEChart(model: ContractVisualizationRenderModel): boolean;
+export declare function registerGeoMap(model: ContractVisualizationRenderModel): void;

package/dist/ui/visualization/Visualization.support.js

@@ -0,0 +1,2 @@
+// @bun
+var O=import.meta.require;import{formatVisualizationValue as F}from"@contractspec/lib.presentation-runtime-core";import{cn as G}from"@contractspec/lib.ui-kit-core/utils";import*as H from"echarts/core";import{jsx as B,jsxs as C}from"react/jsx-runtime";function S({className:q,model:y}){return C("div",{className:G("space-y-2",q),children:[B("div",{className:"text-muted-foreground text-sm",children:y.metric?.label??y.title}),B("div",{className:"font-semibold text-3xl",children:F(y.metric?.value,y.metric?.format)}),y.metric?.comparisonValue!=null?C("div",{className:"text-muted-foreground text-sm",children:["Comparison:"," ",F(y.metric.comparisonValue,y.metric.format)]}):null,B(K,{model:y})]})}function K({model:q}){if(!q.table.columns.length||!q.table.rows.length)return null;return C("details",{className:"rounded-md border p-3 text-sm",children:[B("summary",{className:"cursor-pointer font-medium",children:"Data summary"}),B("div",{className:"mt-3 overflow-x-auto",children:C("table",{className:"w-full text-left",children:[B("thead",{children:B("tr",{children:q.table.columns.map((y)=>B("th",{className:"px-2 py-1 font-medium",children:y.label},y.key))})}),B("tbody",{children:q.table.rows.slice(0,8).map((y,D)=>B("tr",{children:q.table.columns.map((E)=>B("td",{className:"px-2 py-1",children:String(y[E.key]??"\u2014")},E.key))},`summary-row-${D}`))})]})})]})}function U({className:q,model:y,reason:D}){return C("div",{className:G("space-y-3",q),children:[B("p",{className:"text-muted-foreground text-sm",children:D}),B(K,{model:y})]})}function W(q){if(q.kind==="metric")return!1;if(q.kind==="geo"&&q.geo?.mode==="slippy-map")return!1;if(q.kind==="geo"&&q.geo?.geoJson?.type==="url")return!1;return!0}function X(q){if(q.kind!=="geo"||q.geo?.geoJson?.type!=="inline")return;L(q.geo.geoJson)}function L(q){if(q.type!=="inline")return;H.registerMap("contractspec-visualization-geo",q.data)}export{W as shouldRenderEChart,X as registerGeoMap,K as TableAlternative,S as MetricVisualization,U as FallbackVisualization};

package/dist/ui/visualization/index.d.ts

@@ -0,0 +1 @@
+export { Visualization, type VisualizationInteractionHandler, type VisualizationProps, } from './Visualization';

package/dist/ui/visualization/index.js

@@ -0,0 +1,2 @@
+// @bun
+var i=import.meta.require;export{n as Visualization};

package/dist/ui/visually-hidden.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from 'react';
+import * as React from 'react';
+type VisuallyHiddenProps = React.HTMLAttributes<HTMLElement> & {
+    as?: keyof JSX.IntrinsicElements;
+    ref?: React.Ref<HTMLElement>;
+};
+declare function VisuallyHidden({ as, style, children, ref, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+export { VisuallyHidden };

package/dist/ui/visually-hidden.js

@@ -0,0 +1,2 @@
+// @bun
+var s=import.meta.require;import{jsx as n}from"react/jsx-runtime";var r={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function c({as:e="span",style:t,children:o,ref:i,...p}){return n(e,{ref:i,style:{...r,...t},...p,children:o})}export{c as VisuallyHidden};