@contractspec/lib.design-system 3.11.2 → 4.1.0

package/README.md

@@ -285,10 +285,11 @@ hidden-column recovery without widening the primitive table API.
 ### Renderers and hooks
 
 - renderer exports from `./renderers`
-- form-contract renderer support, including readonly, autocomplete, address, phone, date, time, datetime, semantic FormSpec groups, grid layout hints, and text/textarea input groups
+- form-contract renderer support, including readonly, password, autocomplete, address, phone, date, time, datetime, semantic FormSpec groups, grid layout hints, mobile-safe FormSpec column helper output, and text/textarea input groups
 - translation-aware rendering through `DesignSystemTranslationProvider` and `createTranslationResolver`
 - theme-aware form controls and stack primitives that consume ThemeSpec component variant props
-- hooks such as `useListUrlState`
+- hooks such as `useListUrlState`, including scoped list filters where locked constraints are excluded from user-editable URL state
+- DataViewRenderer filter chips for scoped DataView filters, including disabled locked chips on web and native surfaces
 - navigation-related shared types
 
 ### Component composition layers

package/dist/browser/components/atoms/InputPassword.js

@@ -0,0 +1 @@
+import{jsx as v}from"react/jsx-runtime";import{InputPassword as k}from"@contractspec/lib.ui-kit-web/ui/input-password";import{mapKeyboardToWeb as T}from"../../lib/keyboard";import{useThemedTextField as f}from"../primitives/control";import{useTranslatedText as g}from"../primitives/themed";function I(q){return q==="new"?"new-password":"password"}function P(q){return q==="new"?"new-password":"current-password"}export function InputPassword({value:q,defaultValue:J,onChange:M,onSubmit:Q,onFocus:R,onBlur:U,placeholder:X,disabled:Y,readOnly:Z,maxLength:$,name:_,className:j,keyboard:G,componentKey:B,themeVariant:N,placeholderI18n:O,ariaLabelI18n:S,passwordPurpose:D="current",visibilityToggle:W,showLabel:C,hideLabel:V,showLabelI18n:F,hideLabelI18n:K,...A}){const H=g(),x=T({kind:I(D),...G,autoComplete:G?.autoComplete??A.autoComplete??P(D)}),z=f({defaultComponentKey:"InputPassword",componentKey:B,themeVariant:N,className:j,style:A.style,placeholder:X,placeholderI18n:O,ariaLabelI18n:S});return v(k,{...z.themed.props,...A,...x,className:z.themed.className,style:z.themed.style,value:q,defaultValue:J,onChange:M,onFocus:R,onBlur:U,placeholder:z.placeholder,"aria-label":z.ariaLabel,disabled:Y,readOnly:Z,maxLength:$,name:_,passwordPurpose:D,visibilityToggle:W,showLabel:H(F??C??"Show password"),hideLabel:H(K??V??"Hide password"),onKeyDown:(E)=>{A.onKeyDown?.(E);if(E.defaultPrevented||E.key!=="Enter")return;Q?.()}})}

package/dist/browser/components/data-view/DataViewRenderer.js

@@ -1 +1 @@
-import{jsx as G,jsxs as w,Fragment as d}from"react/jsx-runtime";import{Pagination as b}from"@contractspec/lib.ui-kit-web/ui/atoms/Pagination";import{VStack as j}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as _}from"@contractspec/lib.ui-kit-web/ui/text";import*as k from"react";import{resolveTranslationString as F,useDesignSystemTranslation as N}from"../../i18n/translation";import{FiltersToolbar as x}from"../molecules/FiltersToolbar";import{DataViewDetail as A}from"./DataViewDetail";import{DataViewList as T}from"./DataViewList";import{DataViewTable as C}from"./DataViewTable";export function DataViewRenderer({spec:E,items:M=[],item:Y=null,className:I,renderActions:Q,onSelect:U,onRowClick:Z,toolbar:$,loading:q,headerActions:O,emptyState:K,footer:z,search:V,onSearchChange:L,filters:J,onFilterChange:P,pagination:H,onPageChange:R}){const W=N(),u=k.useMemo(()=>{switch(E.view.kind){case"list":return G(T,{spec:E,items:M,className:I,renderActions:Q,onSelect:U,emptyState:K});case"table":return G(C,{spec:E,items:M,className:I,onRowClick:Z,toolbar:$,loading:q,emptyState:K,headerActions:O,footer:z});case"detail":return G(A,{spec:E,item:Y,className:I,emptyState:K,headerActions:O});case"grid":{const B=E.view,X={kind:"list",layout:"card",fields:B.fields,filters:B.filters,actions:B.actions,primaryField:B.primaryField,secondaryFields:B.secondaryFields},v={...E,view:X};return G(T,{spec:v,items:M,className:I,renderActions:Q,onSelect:U,emptyState:K})}default:return G(_,{className:I,children:F("Unsupported data view kind",W)})}},[E,M,Y,I,Q,U,Z,$,q,O,K,z,W]);if(!(E.view.kind==="list"||E.view.kind==="table"||E.view.kind==="grid"))return G(d,{children:u});return w(j,{gap:"lg",children:[(E.view.filters?.length||L)&&G(x,{searchValue:V,onSearchChange:L,searchPlaceholder:F("Search...",W)??"Search...",activeChips:J?Object.entries(J).map(([B,X])=>({key:B,label:`${B}: ${X}`,onRemove:()=>{if(J){const{[B]:v,...D}=J;P?.(D)}}})):[],onClearAll:J&&Object.keys(J).length>0?()=>P?.({}):void 0,right:E.view.kind==="table"?void 0:O}),u,H&&H.total>0&&G(b,{currentPage:H.page,totalPages:Math.ceil(H.total/H.pageSize),totalItems:H.total,itemsPerPage:H.pageSize,onPageChange:(B)=>R?.(B),onItemsPerPageChange:(B)=>{R?.(1)},showItemsPerPage:!1})]})}
+import{jsx as J,jsxs as c,Fragment as p}from"react/jsx-runtime";import{resolveDataViewFilters as S}from"@contractspec/lib.contracts-spec/data-views";import{Pagination as d}from"@contractspec/lib.ui-kit-web/ui/atoms/Pagination";import{VStack as h}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as f}from"@contractspec/lib.ui-kit-web/ui/text";import*as L from"react";import{resolveTranslationString as V,useDesignSystemTranslation as u}from"../../i18n/translation";import{FiltersToolbar as m}from"../molecules/FiltersToolbar";import{DataViewDetail as v}from"./DataViewDetail";import{DataViewList as b}from"./DataViewList";import{DataViewTable as y}from"./DataViewTable";export function DataViewRenderer({spec:B,items:G=[],item:X=null,className:M,renderActions:$,onSelect:q,onRowClick:P,toolbar:R,loading:T,headerActions:Y,emptyState:Q,footer:j,search:w,onSearchChange:_,filters:I,onFilterChange:Z,pagination:K,onPageChange:D}){const z=u(),O=L.useMemo(()=>S({filters:B.view.filters,scope:B.view.filterScope,user:g(I)}),[I,B.view.filterScope,B.view.filters]),N=L.useMemo(()=>{if(B.view.filterScope){const E=Object.entries(O.user).map(([H,W])=>({key:H,label:`${A(B,H)}: ${F(W)}`,onRemove:()=>{const{[H]:r,...C}=O.user;Z?.(C)}})),U=O.lockedChips==="hidden"?[]:Object.entries(O.locked).map(([H,W])=>({key:`locked-${H}`,label:`${A(B,H)}: ${F(W)}`,disabled:!0}));return[...E,...U]}return I?Object.entries(I).map(([E,U])=>({key:E,label:`${E}: ${String(U)}`,onRemove:()=>{const{[E]:H,...W}=I;Z?.(W)}})):[]},[I,Z,O,B]),k=B.view.filterScope?Object.keys(O.user).length>0:Boolean(I&&Object.keys(I).length>0),x=L.useMemo(()=>{switch(B.view.kind){case"list":return J(b,{spec:B,items:G,className:M,renderActions:$,onSelect:q,emptyState:Q});case"table":return J(y,{spec:B,items:G,className:M,onRowClick:P,toolbar:R,loading:T,emptyState:Q,headerActions:Y,footer:j});case"detail":return J(v,{spec:B,item:X,className:M,emptyState:Q,headerActions:Y});case"grid":{const E=B.view,U={kind:"list",layout:"card",fields:E.fields,filters:E.filters,actions:E.actions,primaryField:E.primaryField,secondaryFields:E.secondaryFields,filterScope:E.filterScope},H={...B,view:U};return J(b,{spec:H,items:G,className:M,renderActions:$,onSelect:q,emptyState:Q})}default:return J(f,{className:M,children:V("Unsupported data view kind",z)})}},[B,G,X,M,$,q,P,R,T,Y,Q,j,z]);if(!(B.view.kind==="list"||B.view.kind==="table"||B.view.kind==="grid"))return J(p,{children:x});return c(h,{gap:"lg",children:[(B.view.filters?.length||_||N.length)&&J(m,{searchValue:w,onSearchChange:_,searchPlaceholder:V("Search...",z)??"Search...",activeChips:N,onClearAll:k?()=>Z?.({}):void 0,right:B.view.kind==="table"?void 0:Y}),x,K&&K.total>0&&J(d,{currentPage:K.page,totalPages:Math.ceil(K.total/K.pageSize),totalItems:K.total,itemsPerPage:K.pageSize,onPageChange:(E)=>D?.(E),onItemsPerPageChange:(E)=>{D?.(1)},showItemsPerPage:!1})]})}function g(B){if(!B)return;return Object.fromEntries(Object.entries(B??{}).filter((G)=>Boolean(G[1]&&typeof G[1]==="object"&&"kind"in G[1]&&typeof G[1].kind==="string")))}function A(B,G){return B.view.filters?.find((X)=>X.key===G)?.label??G}function F(B){if(!B)return"";if(B.kind==="single")return String(B.value);if(B.kind==="multi")return B.values.map(String).join(", ");if(B.kind==="range")return[B.from==null?"":String(B.from),B.to==null?"":String(B.to)].filter(Boolean).join(" - ");return`${B.mode}(${B.clauses.length})`}

package/dist/browser/components/forms/controls/index.js

@@ -1 +1 @@
-export{Autocomplete}from"./Autocomplete";export{Checkbox,RadioGroup,RadioGroupItem,Switch}from"./ChoiceControls";export{Combobox}from"./Combobox";export{DatePicker,DateRangePicker,DateTimePicker,TimePicker}from"./DateTimeControls";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./DropdownMenu";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet}from"./Field";export{InputGroup,InputGroupAddon,InputGroupButton,InputGroupInput,InputGroupText,InputGroupTextarea}from"./InputGroup";export{InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot}from"./InputOTP";export{LoadingButton}from"./LoadingButton";export{NativeSelect,NativeSelectOptGroup,NativeSelectOption}from"./NativeSelect";export{Select}from"./Select";
+export{InputPassword}from"../../atoms/InputPassword";export{Autocomplete}from"./Autocomplete";export{Checkbox,RadioGroup,RadioGroupItem,Switch}from"./ChoiceControls";export{Combobox}from"./Combobox";export{DatePicker,DateRangePicker,DateTimePicker,TimePicker}from"./DateTimeControls";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./DropdownMenu";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet}from"./Field";export{InputGroup,InputGroupAddon,InputGroupButton,InputGroupInput,InputGroupText,InputGroupTextarea}from"./InputGroup";export{InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot}from"./InputOTP";export{LoadingButton}from"./LoadingButton";export{NativeSelect,NativeSelectOptGroup,NativeSelectOption}from"./NativeSelect";export{Select}from"./Select";

package/dist/browser/components/legal/templates/ContactTemplate.js

@@ -1 +1 @@
-import{jsx as e,jsxs as c}from"react/jsx-runtime";import*as i from"react";import{Button as u}from"../../../index";import{ContactFields as d}from"../molecules/ContactFields";import{LegalPageLayout as g}from"../organisms/LegalPageLayout";export function ContactTemplate({title:r="Contact",meta:m,onSubmit:a}){const[o,s]=i.useState({name:"",email:"",subject:"",message:""}),[t,n]=i.useState(!1);return e(g,{title:r,meta:m,children:c("form",{onSubmit:async(l)=>{l.preventDefault();if(!a)return;n(!0);try{await a(o)}finally{n(!1)}},className:"space-y-6",children:[e(d,{value:o,onChange:s,disabled:t}),e(u,{disabled:t,type:"submit",children:t?"Envoi…":"Envoyer"})]})})}
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import*as i from"react";import{Button as u}from"../../atoms/Button";import{ContactFields as d}from"../molecules/ContactFields";import{LegalPageLayout as g}from"../organisms/LegalPageLayout";export function ContactTemplate({title:r="Contact",meta:m,onSubmit:a}){const[o,s]=i.useState({name:"",email:"",subject:"",message:""}),[t,n]=i.useState(!1);return e(g,{title:r,meta:m,children:c("form",{onSubmit:async(l)=>{l.preventDefault();if(!a)return;n(!0);try{await a(o)}finally{n(!1)}},className:"space-y-6",children:[e(d,{value:o,onChange:s,disabled:t}),e(u,{disabled:t,type:"submit",children:t?"Envoi…":"Envoyer"})]})})}

package/dist/browser/components/list/List.js

@@ -0,0 +1 @@
+import{jsx as D}from"react/jsx-runtime";import{List as E,ListItem as F}from"@contractspec/lib.ui-kit-web/ui/list";import{useThemedPrimitive as C}from"../primitives/themed";export function List({componentKey:q,themeVariant:z,className:A,...B}){const g=C({defaultComponentKey:"List",componentKey:q,themeVariant:z,className:A});return D(E,{...g.props,...B,className:g.className})}export function ListItem({componentKey:q,themeVariant:z,className:A,...B}){const g=C({defaultComponentKey:"ListItem",componentKey:q,themeVariant:z,className:A});return D(F,{...g.props,...B,className:g.className})}

package/dist/browser/components/list/index.js

@@ -0,0 +1 @@
+export{List,ListItem}from"./List";

package/dist/browser/components/molecules/FiltersToolbar.js

@@ -1 +1 @@
-import{jsx as E,jsxs as D}from"react/jsx-runtime";import{Badge as k}from"@contractspec/lib.ui-kit-web/ui/badge";import{cn as I}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K from"react";import{Button as W}from"../atoms/Button";import{Input as N}from"../atoms/Input";export function FiltersToolbar({className:X,children:Y,right:Z,searchPlaceholder:$,searchValue:G,onSearchChange:F,onSearchSubmit:L,debounceMs:O=250,activeChips:T=[],onClearAll:H}){const[J,U]=K.useState(G??"");K.useEffect(()=>{U(G??"")},[G]);K.useEffect(()=>{if(!F)return;const z=setTimeout(()=>F(J),O);return()=>clearTimeout(z)},[J,O,F]);return D("div",{className:I("space-y-2",X),children:[D("div",{className:"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",children:[D("div",{className:"flex flex-1 items-center gap-2",children:[F?D("div",{className:"flex flex-1 items-center gap-2",children:[E(N,{value:J,onChange:(z)=>U(z.target.value),onKeyDown:(z)=>{if(z.key==="Enter")L?.()},placeholder:$,keyboard:{kind:"search"}}),E(W,{variant:"outline",onPress:()=>L?.(),className:"shrink-0",children:"Rechercher"})]}):null,Y]}),Z]}),(T.length>0||H)&&D("div",{className:"flex flex-wrap items-center gap-2",children:[T.map((z)=>D(k,{variant:"secondary",className:"inline-flex items-center gap-2",children:[E("span",{children:z.label}),z.onRemove&&E("button",{type:"button","aria-label":"Supprimer le filtre",onClick:z.onRemove,className:"rounded-xs px-1 text-base hover:bg-muted",children:"×"})]},z.key)),H&&E(W,{size:"sm",variant:"ghost",onPress:H,children:"Effacer les filtres"})]})]})}
+import{jsx as E,jsxs as D}from"react/jsx-runtime";import{Badge as I}from"@contractspec/lib.ui-kit-web/ui/badge";import{cn as W}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K from"react";import{Button as X}from"../atoms/Button";import{Input as N}from"../atoms/Input";export function FiltersToolbar({className:Y,children:Z,right:$,searchPlaceholder:k,searchValue:G,onSearchChange:F,onSearchSubmit:L,debounceMs:O=250,activeChips:T=[],onClearAll:H}){const[J,U]=K.useState(G??"");K.useEffect(()=>{U(G??"")},[G]);K.useEffect(()=>{if(!F)return;const z=setTimeout(()=>F(J),O);return()=>clearTimeout(z)},[J,O,F]);return D("div",{className:W("space-y-2",Y),children:[D("div",{className:"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",children:[D("div",{className:"flex flex-1 items-center gap-2",children:[F?D("div",{className:"flex flex-1 items-center gap-2",children:[E(N,{value:J,onChange:(z)=>U(z.target.value),onKeyDown:(z)=>{if(z.key==="Enter")L?.()},placeholder:k,keyboard:{kind:"search"}}),E(X,{variant:"outline",onPress:()=>L?.(),className:"shrink-0",children:"Rechercher"})]}):null,Z]}),$]}),(T.length>0||H)&&D("div",{className:"flex flex-wrap items-center gap-2",children:[T.map((z)=>D(I,{variant:"secondary",className:W("inline-flex items-center gap-2",z.disabled&&"opacity-70"),children:[E("span",{children:z.label}),z.onRemove&&!z.disabled&&E("button",{type:"button","aria-label":"Supprimer le filtre",onClick:z.onRemove,className:"rounded-xs px-1 text-base hover:bg-muted",children:"×"})]},z.key)),H&&E(X,{size:"sm",variant:"ghost",onPress:H,children:"Effacer les filtres"})]})]})}

package/dist/browser/components/molecules/Tabs.js

@@ -0,0 +1 @@
+import{jsx as H}from"react/jsx-runtime";import{Tabs as R,TabsContent as S,TabsList as U,TabsTrigger as X}from"@contractspec/lib.ui-kit-web/ui/tabs";import{useThemedPrimitive as G}from"../primitives/themed";export function Tabs({value:z,defaultValue:A,onValueChange:B,className:D,children:q,orientation:F,dir:E,activationMode:J,componentKey:O,themeVariant:Q}){console.log("tabs web");const I=G({defaultComponentKey:"Tabs",componentKey:O,themeVariant:Q,className:D});return H(R,{...I.props,value:z,defaultValue:A,onValueChange:B,className:I.className,orientation:F,dir:E,activationMode:J,children:q})}export function TabsList({className:z,children:A,componentKey:B,themeVariant:D}){const q=G({defaultComponentKey:"TabsList",componentKey:B,themeVariant:D,className:z});return H(U,{...q.props,className:q.className,children:A})}export function TabsTrigger({value:z,disabled:A,className:B,children:D,componentKey:q,themeVariant:F}){const E=G({defaultComponentKey:"TabsTrigger",componentKey:q,themeVariant:F,className:B});return H(X,{...E.props,value:z,disabled:A,className:E.className,children:D})}export function TabsContent({value:z,forceMount:A,className:B,children:D,componentKey:q,themeVariant:F}){const E=G({defaultComponentKey:"TabsContent",componentKey:q,themeVariant:F,className:B});return H(S,{...E.props,value:z,forceMount:A?!0:void 0,className:E.className,children:D})}

package/dist/browser/components/typography/Typography.js

@@ -0,0 +1 @@
+import{jsx as G}from"react/jsx-runtime";import{Text as I}from"@contractspec/lib.ui-kit-web/ui/text";import{BlockQuote as J,Code as O,H1 as R,H2 as U,H3 as X,H4 as Y,Large as Z,Lead as $,Muted as B,P as M,Small as Q}from"@contractspec/lib.ui-kit-web/ui/typography";import{useThemedPrimitive as S}from"../primitives/themed";function F({defaultComponentKey:z,componentKey:A,themeVariant:D,className:E}){return S({defaultComponentKey:z,componentKey:A,themeVariant:D,className:E})}export function Text({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Text",componentKey:z,themeVariant:A,className:D});return G(I,{...q.props,...E,className:q.className})}export function H1({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H1",componentKey:z,themeVariant:A,className:D});return G(R,{...q.props,...E,className:q.className})}export function H2({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H2",componentKey:z,themeVariant:A,className:D});return G(U,{...q.props,...E,className:q.className})}export function H3({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H3",componentKey:z,themeVariant:A,className:D});return G(X,{...q.props,...E,className:q.className})}export function H4({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H4",componentKey:z,themeVariant:A,className:D});return G(Y,{...q.props,...E,className:q.className})}export function P({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"P",componentKey:z,themeVariant:A,className:D});return G(M,{...q.props,...E,className:q.className})}export function Lead({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Lead",componentKey:z,themeVariant:A,className:D});return G($,{...q.props,...E,className:q.className})}export function Large({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Large",componentKey:z,themeVariant:A,className:D});return G(Z,{...q.props,...E,className:q.className})}export function Small({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Small",componentKey:z,themeVariant:A,className:D});return G(Q,{...q.props,...E,className:q.className})}export function Muted({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Muted",componentKey:z,themeVariant:A,className:D});return G(B,{...q.props,...E,className:q.className})}export function Code({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Code",componentKey:z,themeVariant:A,className:D});return G(O,{...q.props,...E,className:q.className})}export function BlockQuote({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"BlockQuote",componentKey:z,themeVariant:A,className:D});return G(J,{...q.props,...E,className:q.className})}

package/dist/browser/components/typography/index.js

@@ -0,0 +1 @@
+export{BlockQuote,Code,H1,H2,H3,H4,Large,Lead,Muted,P,Small,Text}from"./Typography";

package/dist/browser/controls.js

@@ -0,0 +1 @@
+export*from"./components/forms/controls";

package/dist/browser/forms.js

@@ -0,0 +1 @@
+export*from"./components/forms";

package/dist/browser/hooks/useListUrlState.js

@@ -1 +1 @@
-import*as a from"react";export function useListUrlState({defaults:n,paramKeys:t={q:"q",page:"page",limit:"limit",sort:"sort",filters:"f"},replaceState:d=!0}){const w=a.useCallback(()=>{if(typeof window>"u")return n;const e=new URL(window.location.href).searchParams,c=(f,o)=>{const s=f?Number(f):NaN;return Number.isFinite(s)&&s>0?s:o},r=e.get(t.filters);let i=n.filters;if(r)try{i=JSON.parse(r)}catch{i=n.filters}return{q:e.get(t.q)??n.q,page:c(e.get(t.page),n.page),limit:c(e.get(t.limit),n.limit),sort:e.get(t.sort),filters:i}},[n,t]),[g,F]=a.useState(w),u=a.useCallback((l)=>{if(typeof window>"u")return;const e=new URL(window.location.href),c=e.searchParams,r={...g,...l},i=(o,s)=>{if(s==null||s===""||s==="null")c.delete(o);else c.set(o,s)};i(t.q,r.q||null);i(t.page,String(r.page));i(t.limit,String(r.limit));i(t.sort,r.sort??null);try{const o=JSON.stringify(r.filters??{});i(t.filters,o==="{}"?null:o)}catch{}const f=`${e.pathname}?${c.toString()}${e.hash}`;if(d)window.history.replaceState({},"",f);else window.history.pushState({},"",f);F(r)},[g,t,d]),S=a.useCallback((l,e)=>{u({filters:{...g.filters,[l]:e}})},[g.filters,u]),T=a.useCallback(()=>{u({filters:{},page:1})},[u]);a.useEffect(()=>{const l=()=>F(w());window.addEventListener("popstate",l);return()=>window.removeEventListener("popstate",l)},[w]);return{state:g,setState:u,setFilter:S,clearFilters:T}}
+import{createInitialListFilters as N,sanitizeListUserFilters as _}from"@contractspec/lib.presentation-runtime-core";import*as Q from"react";export function useListUrlState({defaults:E,paramKeys:h={q:"q",page:"page",limit:"limit",sort:"sort",filters:"f"},replaceState:$=!0,filterScope:J}){const Y=Q.useMemo(()=>({...N(J),..._(E.filters,J)}),[E.filters,J]),Z=Q.useCallback(()=>{if(typeof window>"u")return E;const A=new URL(window.location.href).searchParams,V=(X,M)=>{const H=X?Number(X):NaN;return Number.isFinite(H)&&H>0?H:M},C=A.get(h.filters);let B=E.filters;if(C)try{B=_(JSON.parse(C),J)}catch{B=Y}else B=Y;return{q:A.get(h.q)??E.q,page:V(A.get(h.page),E.page),limit:V(A.get(h.limit),E.limit),sort:A.get(h.sort),filters:B}},[Y,E,J,h]),[T,b]=Q.useState(Z),W=Q.useCallback((G)=>{if(typeof window>"u")return;const A=new URL(window.location.href),V=A.searchParams,C={...T,...G,filters:_(G.filters??T.filters,J)},B=(M,H)=>{if(H==null||H===""||H==="null")V.delete(M);else V.set(M,H)};B(h.q,C.q||null);B(h.page,String(C.page));B(h.limit,String(C.limit));B(h.sort,C.sort??null);try{const M=JSON.stringify(C.filters??{});B(h.filters,M==="{}"?null:M)}catch{}const X=`${A.pathname}?${V.toString()}${A.hash}`;if($)window.history.replaceState({},"",X);else window.history.pushState({},"",X);b(C)},[J,T,h,$]),I=Q.useCallback((G,A)=>{W({filters:{...T.filters,[G]:A}})},[T.filters,W]),j=Q.useCallback(()=>{W({filters:{},page:1})},[W]);Q.useEffect(()=>{const G=()=>b(Z());window.addEventListener("popstate",G);return()=>window.removeEventListener("popstate",G)},[Z]);return{state:T,setState:W,setFilter:I,clearFilters:j}}

package/dist/browser/index.js

@@ -1 +1 @@
-export{AgentMonitor}from"./components/agent/AgentMonitor";export{ApprovalQueue}from"./components/agent/ApprovalQueue";export{DeleteButton,EditButton,ToggleButton,ToggleLeftButton,ToggleRightButton,ViewButton}from"./components/atoms/ActionButtons";export{Button}from"./components/atoms/Button";export{ButtonLink}from"./components/atoms/ButtonLink";export{Cta}from"./components/atoms/Cta";export{DateChip,DurationChip,PlaceChip,TimeChip}from"./components/atoms/DataChips";export{EmptyState}from"./components/atoms/EmptyState";export{ErrorState}from"./components/atoms/ErrorState";export{Input}from"./components/atoms/Input";export{Link}from"./components/atoms/Link";export{LoaderCircular}from"./components/atoms/LoaderCircular";export{NavBrand}from"./components/atoms/NavBrand";export{RankBadge}from"./components/atoms/RankBadge";export{ScoreBar}from"./components/atoms/ScoreBar";export{Stepper}from"./components/atoms/Stepper";export{Textarea}from"./components/atoms/Textarea";export{DataTable}from"./components/data-table/DataTable";export{DataTableToolbar}from"./components/data-table/DataTableToolbar";export{DataViewDetail}from"./components/data-view/DataViewDetail";export{DataViewList}from"./components/data-view/DataViewList";export{DataViewRenderer}from"./components/data-view/DataViewRenderer";export{DataViewTable}from"./components/data-view/DataViewTable";export*from"./components/forms";export*from"./components/layout";export{DefinitionList}from"./components/legal/atoms/DefinitionList";export{KeyValueList}from"./components/legal/atoms/KeyValueList";export{LegalCallout}from"./components/legal/atoms/LegalCallout";export{LegalHeading}from"./components/legal/atoms/LegalHeading";export{LegalList}from"./components/legal/atoms/LegalList";export{LegalSection}from"./components/legal/atoms/LegalSection";export{LegalText}from"./components/legal/atoms/LegalText";export{ConsentItem,ConsentList}from"./components/legal/molecules/Consent";export{ContactFields}from"./components/legal/molecules/ContactFields";export{LegalMeta}from"./components/legal/molecules/LegalMeta";export{LegalTOC}from"./components/legal/molecules/LegalTOC";export*from"./components/legal/organisms/ContactForm";export*from"./components/legal/organisms/GDPRDataRequest";export*from"./components/legal/organisms/GDPRRights";export*from"./components/legal/organisms/LegalPageLayout";export{ContactTemplate}from"./components/legal/templates/ContactTemplate";export{CookiesTemplate}from"./components/legal/templates/CookiesTemplate";export{PrivacyTemplate}from"./components/legal/templates/PrivacyTemplate";export{SalesTermsTemplate}from"./components/legal/templates/SalesTermsTemplate";export{TermsTemplate}from"./components/legal/templates/TermsTemplate";export{MarketingCard,MarketingCardContent,MarketingCardDescription,MarketingCardHeader,MarketingCardTitle}from"./components/marketing/MarketingCard";export{MarketingCardsSection}from"./components/marketing/MarketingCardsSection";export{MarketingComparisonSection}from"./components/marketing/MarketingComparisonSection";export{MarketingIconCard}from"./components/marketing/MarketingIconCard";export{MarketingSection}from"./components/marketing/MarketingSection";export{MarketingStepCard}from"./components/marketing/MarketingStepCard";export{AiLinkButton}from"./components/molecules/AiLinkButton";export{Breadcrumbs}from"./components/molecules/Breadcrumbs";export{CodeBlock}from"./components/molecules/CodeBlock";export{CommandPalette}from"./components/molecules/CommandPalette";export{CommandSearchTrigger}from"./components/molecules/CommandSearchTrigger";export{CommandTabs}from"./components/molecules/CommandTabs";export{CopyButton}from"./components/molecules/CopyButton";export{DimensionScoresCard}from"./components/molecules/DimensionScoresCard";export{EntityCard}from"./components/molecules/EntityCard";export{FiltersToolbar}from"./components/molecules/FiltersToolbar";export{HoverPreview}from"./components/molecules/HoverPreview";export{HoverPreviewDoc}from"./components/molecules/hover-previews/Doc";export{HoverPreviewMedia}from"./components/molecules/hover-previews/Media";export{HoverPreviewSimple}from"./components/molecules/hover-previews/Simple";export{HoverPreviewStats}from"./components/molecules/hover-previews/Stats";export{HoverPreviewUser}from"./components/molecules/hover-previews/User";export{InstallCommand}from"./components/molecules/InstallCommand";export{LangSwitch}from"./components/molecules/LangSwitch";export{LoaderBlock}from"./components/molecules/LoaderBlock";export{MarkdownRenderer}from"./components/molecules/MarkdownRenderer";export{NavMain}from"./components/molecules/NavMain";export{NavUser}from"./components/molecules/NavUser";export{OverviewCard}from"./components/molecules/OverviewCard";export{SkeletonBlock}from"./components/molecules/SkeletonBlock";export{SkeletonCircle}from"./components/molecules/SkeletonCircle";export{SkeletonList}from"./components/molecules/SkeletonList";export{StatCard,StatCardGroup}from"./components/molecules/StatCard";export{StatusChip}from"./components/molecules/StatusChip";export{AcademyLayout}from"./components/organisms/AcademyLayout";export{AppHeader}from"./components/organisms/AppHeader";export{AppLayout}from"./components/organisms/AppLayout";export{AppSidebar}from"./components/organisms/AppSidebar";export{EmptyDataList}from"./components/organisms/EmptyDataList";export{EmptySearchResult}from"./components/organisms/EmptySearchResult";export{FAQSection}from"./components/organisms/FAQSection";export{FeatureCarousel}from"./components/organisms/FeatureCarousel";export{FeaturesSection}from"./components/organisms/FeaturesSection";export{Footer}from"./components/organisms/Footer";export{DesktopHeader,Header,MobileHeader}from"./components/organisms/Header";export{HeroResponsive}from"./components/organisms/HeroResponsive";export{HeroSection}from"./components/organisms/HeroSection";export{ListCardPage}from"./components/organisms/ListCardPage";export{ListGridPage}from"./components/organisms/ListGridPage";export{ListPageResponsive}from"./components/organisms/ListPageResponsive";export{ListTablePage}from"./components/organisms/ListTablePage";export{MarketingHeader}from"./components/organisms/MarketingHeader";export{MarketingHeaderDesktop}from"./components/organisms/MarketingHeaderDesktop";export{MarketingHeaderMobile}from"./components/organisms/MarketingHeaderMobile";export{MarketingLayout}from"./components/organisms/MarketingLayout";export{ModelComparisonView}from"./components/organisms/ModelComparisonView";export{PageHeaderResponsive}from"./components/organisms/PageHeaderResponsive";export{PricingCarousel}from"./components/organisms/PricingCarousel";export{PricingSection}from"./components/organisms/PricingSection";export{TestimonialCarousel}from"./components/organisms/TestimonialCarousel";export{PackageManagerProvider,usePackageManager}from"./components/providers/PackageManagerProvider";export{ListPageTemplate}from"./components/templates/lists/ListPageTemplate";export{ComparisonView}from"./components/visualization/ComparisonView";export{TimelineView}from"./components/visualization/TimelineView";export{VisualizationCard}from"./components/visualization/VisualizationCard";export{VisualizationGrid}from"./components/visualization/VisualizationGrid";export{VisualizationRenderer}from"./components/visualization/VisualizationRenderer";export*from"./design-system.feature";export{useListUrlState}from"./hooks/useListUrlState";export*from"./i18n/translation";export{useColorScheme}from"./platform/useColorScheme";export{useReducedMotion}from"./platform/useReducedMotion";export{useResponsive}from"./platform/useResponsive";export*from"./platform/withPlatformUI";export*from"./renderers";export*from"./theme";export*from"./types/navigation";
+export{AgentMonitor}from"./components/agent/AgentMonitor";export{ApprovalQueue}from"./components/agent/ApprovalQueue";export{DeleteButton,EditButton,ToggleButton,ToggleLeftButton,ToggleRightButton,ViewButton}from"./components/atoms/ActionButtons";export{Button}from"./components/atoms/Button";export{ButtonLink}from"./components/atoms/ButtonLink";export{Cta}from"./components/atoms/Cta";export{DateChip,DurationChip,PlaceChip,TimeChip}from"./components/atoms/DataChips";export{EmptyState}from"./components/atoms/EmptyState";export{ErrorState}from"./components/atoms/ErrorState";export{Input}from"./components/atoms/Input";export{InputPassword}from"./components/atoms/InputPassword";export{Link}from"./components/atoms/Link";export{LoaderCircular}from"./components/atoms/LoaderCircular";export{NavBrand}from"./components/atoms/NavBrand";export{RankBadge}from"./components/atoms/RankBadge";export{ScoreBar}from"./components/atoms/ScoreBar";export{Stepper}from"./components/atoms/Stepper";export{Textarea}from"./components/atoms/Textarea";export{DataTable}from"./components/data-table/DataTable";export{DataTableToolbar}from"./components/data-table/DataTableToolbar";export{DataViewDetail}from"./components/data-view/DataViewDetail";export{DataViewList}from"./components/data-view/DataViewList";export{DataViewRenderer}from"./components/data-view/DataViewRenderer";export{DataViewTable}from"./components/data-view/DataViewTable";export*from"./components/forms";export*from"./components/layout";export{DefinitionList}from"./components/legal/atoms/DefinitionList";export{KeyValueList}from"./components/legal/atoms/KeyValueList";export{LegalCallout}from"./components/legal/atoms/LegalCallout";export{LegalHeading}from"./components/legal/atoms/LegalHeading";export{LegalList}from"./components/legal/atoms/LegalList";export{LegalSection}from"./components/legal/atoms/LegalSection";export{LegalText}from"./components/legal/atoms/LegalText";export{ConsentItem,ConsentList}from"./components/legal/molecules/Consent";export{ContactFields}from"./components/legal/molecules/ContactFields";export{LegalMeta}from"./components/legal/molecules/LegalMeta";export{LegalTOC}from"./components/legal/molecules/LegalTOC";export*from"./components/legal/organisms/ContactForm";export*from"./components/legal/organisms/GDPRDataRequest";export*from"./components/legal/organisms/GDPRRights";export*from"./components/legal/organisms/LegalPageLayout";export{ContactTemplate}from"./components/legal/templates/ContactTemplate";export{CookiesTemplate}from"./components/legal/templates/CookiesTemplate";export{PrivacyTemplate}from"./components/legal/templates/PrivacyTemplate";export{SalesTermsTemplate}from"./components/legal/templates/SalesTermsTemplate";export{TermsTemplate}from"./components/legal/templates/TermsTemplate";export{List,ListItem}from"./components/list";export{MarketingCard,MarketingCardContent,MarketingCardDescription,MarketingCardHeader,MarketingCardTitle}from"./components/marketing/MarketingCard";export{MarketingCardsSection}from"./components/marketing/MarketingCardsSection";export{MarketingComparisonSection}from"./components/marketing/MarketingComparisonSection";export{MarketingIconCard}from"./components/marketing/MarketingIconCard";export{MarketingSection}from"./components/marketing/MarketingSection";export{MarketingStepCard}from"./components/marketing/MarketingStepCard";export{AiLinkButton}from"./components/molecules/AiLinkButton";export{Breadcrumbs}from"./components/molecules/Breadcrumbs";export{CodeBlock}from"./components/molecules/CodeBlock";export{CommandPalette}from"./components/molecules/CommandPalette";export{CommandSearchTrigger}from"./components/molecules/CommandSearchTrigger";export{CommandTabs}from"./components/molecules/CommandTabs";export{CopyButton}from"./components/molecules/CopyButton";export{DimensionScoresCard}from"./components/molecules/DimensionScoresCard";export{EntityCard}from"./components/molecules/EntityCard";export{FiltersToolbar}from"./components/molecules/FiltersToolbar";export{HoverPreview}from"./components/molecules/HoverPreview";export{HoverPreviewDoc}from"./components/molecules/hover-previews/Doc";export{HoverPreviewMedia}from"./components/molecules/hover-previews/Media";export{HoverPreviewSimple}from"./components/molecules/hover-previews/Simple";export{HoverPreviewStats}from"./components/molecules/hover-previews/Stats";export{HoverPreviewUser}from"./components/molecules/hover-previews/User";export{InstallCommand}from"./components/molecules/InstallCommand";export{LangSwitch}from"./components/molecules/LangSwitch";export{LoaderBlock}from"./components/molecules/LoaderBlock";export{MarkdownRenderer}from"./components/molecules/MarkdownRenderer";export{NavMain}from"./components/molecules/NavMain";export{NavUser}from"./components/molecules/NavUser";export{OverviewCard}from"./components/molecules/OverviewCard";export{SkeletonBlock}from"./components/molecules/SkeletonBlock";export{SkeletonCircle}from"./components/molecules/SkeletonCircle";export{SkeletonList}from"./components/molecules/SkeletonList";export{StatCard,StatCardGroup}from"./components/molecules/StatCard";export{StatusChip}from"./components/molecules/StatusChip";export{Tabs,TabsContent,TabsList,TabsTrigger}from"./components/molecules/Tabs";export{AcademyLayout}from"./components/organisms/AcademyLayout";export{AppHeader}from"./components/organisms/AppHeader";export{AppLayout}from"./components/organisms/AppLayout";export{AppSidebar}from"./components/organisms/AppSidebar";export{EmptyDataList}from"./components/organisms/EmptyDataList";export{EmptySearchResult}from"./components/organisms/EmptySearchResult";export{FAQSection}from"./components/organisms/FAQSection";export{FeatureCarousel}from"./components/organisms/FeatureCarousel";export{FeaturesSection}from"./components/organisms/FeaturesSection";export{Footer}from"./components/organisms/Footer";export{DesktopHeader,Header,MobileHeader}from"./components/organisms/Header";export{HeroResponsive}from"./components/organisms/HeroResponsive";export{HeroSection}from"./components/organisms/HeroSection";export{ListCardPage}from"./components/organisms/ListCardPage";export{ListGridPage}from"./components/organisms/ListGridPage";export{ListPageResponsive}from"./components/organisms/ListPageResponsive";export{ListTablePage}from"./components/organisms/ListTablePage";export{MarketingHeader}from"./components/organisms/MarketingHeader";export{MarketingHeaderDesktop}from"./components/organisms/MarketingHeaderDesktop";export{MarketingHeaderMobile}from"./components/organisms/MarketingHeaderMobile";export{MarketingLayout}from"./components/organisms/MarketingLayout";export{ModelComparisonView}from"./components/organisms/ModelComparisonView";export{PageHeaderResponsive}from"./components/organisms/PageHeaderResponsive";export{PricingCarousel}from"./components/organisms/PricingCarousel";export{PricingSection}from"./components/organisms/PricingSection";export{TestimonialCarousel}from"./components/organisms/TestimonialCarousel";export{PackageManagerProvider,usePackageManager}from"./components/providers/PackageManagerProvider";export{ListPageTemplate}from"./components/templates/lists/ListPageTemplate";export{BlockQuote,Code,H1,H2,H3,H4,Large,Lead,Muted,P,Small,Text}from"./components/typography";export{ComparisonView}from"./components/visualization/ComparisonView";export{TimelineView}from"./components/visualization/TimelineView";export{VisualizationCard}from"./components/visualization/VisualizationCard";export{VisualizationGrid}from"./components/visualization/VisualizationGrid";export{VisualizationRenderer}from"./components/visualization/VisualizationRenderer";export*from"./design-system.feature";export{useListUrlState}from"./hooks/useListUrlState";export*from"./i18n/translation";export{useColorScheme}from"./platform/useColorScheme";export{useReducedMotion}from"./platform/useReducedMotion";export{useResponsive}from"./platform/useResponsive";export*from"./platform/withPlatformUI";export*from"./renderers";export*from"./theme";export*from"./types/navigation";

package/dist/browser/layout.js

@@ -0,0 +1 @@
+export*from"./components/layout";

package/dist/browser/list.js

@@ -0,0 +1 @@
+export*from"./components/list";

package/dist/browser/renderers/form-contract/renderer.js

@@ -1 +1 @@
-import{shadcnDriver as j}from"@contractspec/lib.contracts-runtime-client-react/drivers/shadcn";import{createFormRenderer as q}from"@contractspec/lib.contracts-runtime-client-react/form-render";import{Autocomplete as z}from"../../components/forms/controls/Autocomplete";import{Checkbox as H,RadioGroup as J,Switch as K}from"../../components/forms/controls/ChoiceControls";import{DatePicker as M,DateTimePicker as N,TimePicker as O}from"../../components/forms/controls/DateTimeControls";import{FieldContent as Q,FieldGroup as U,FieldLegend as V,FieldSet as X,Field as Y,InputGroup as Z,InputGroupAddon as _}from"../../components/forms/controls/Field";import{Select as $}from"../../components/forms/controls/Select";import{AddressField as g,PhoneField as v}from"./rich-fields";import{Actions as w,FieldArray as B,FieldArrayItem as E,FormRoot as W,InputGroupIcon as b,TranslatedButton as f,TranslatedFieldDescription as y,TranslatedFieldError as C,TranslatedFieldLabel as L,TranslatedInput as R,TranslatedInputGroupInput as k,TranslatedInputGroupText as x,TranslatedInputGroupTextarea as D,TranslatedTextarea as P}from"./shell";export const formRenderer=q({submitMode:"button",driver:j({FormRoot:W,Field:Y,FieldLabel:L,FieldDescription:y,FieldError:C,FieldContent:Q,FieldGroup:U,FieldSet:X,FieldLegend:V,FieldArray:B,FieldArrayItem:E,Actions:w,Input:R,Textarea:P,InputGroup:Z,InputGroupAddon:_,InputGroupInput:k,InputGroupTextarea:D,InputGroupText:x,InputGroupIcon:b,Select:$,Checkbox:H,RadioGroup:J,Switch:K,Autocomplete:z,AddressField:g,PhoneField:v,DateField:M,TimeField:O,DateTimeField:N,Button:f})});
+import{shadcnDriver as j}from"@contractspec/lib.contracts-runtime-client-react/drivers/shadcn";import{createFormRenderer as q}from"@contractspec/lib.contracts-runtime-client-react/form-render";import{Autocomplete as z}from"../../components/forms/controls/Autocomplete";import{Checkbox as H,RadioGroup as J,Switch as K}from"../../components/forms/controls/ChoiceControls";import{DatePicker as M,DateTimePicker as N,TimePicker as O}from"../../components/forms/controls/DateTimeControls";import{FieldContent as Q,FieldGroup as U,FieldLegend as V,FieldSet as X,Field as Y,InputGroup as Z,InputGroupAddon as _}from"../../components/forms/controls/Field";import{Select as $}from"../../components/forms/controls/Select";import{AddressField as g,PhoneField as v}from"./rich-fields";import{Actions as B,FieldArray as E,FieldArrayItem as W,FormRoot as b,InputGroupIcon as f,TranslatedButton as w,TranslatedFieldDescription as y,TranslatedFieldError as C,TranslatedFieldLabel as L,TranslatedInput as R,TranslatedInputGroupInput as k,TranslatedInputGroupText as x,TranslatedInputGroupTextarea as D,TranslatedPasswordInput as S,TranslatedTextarea as P}from"./shell";export const formRenderer=q({submitMode:"button",driver:j({FormRoot:b,Field:Y,FieldLabel:L,FieldDescription:y,FieldError:C,FieldContent:Q,FieldGroup:U,FieldSet:X,FieldLegend:V,FieldArray:E,FieldArrayItem:W,Actions:B,Input:R,PasswordInput:S,Textarea:P,InputGroup:Z,InputGroupAddon:_,InputGroupInput:k,InputGroupTextarea:D,InputGroupText:x,InputGroupIcon:f,Select:$,Checkbox:H,RadioGroup:J,Switch:K,Autocomplete:z,AddressField:g,PhoneField:v,DateField:M,TimeField:O,DateTimeField:N,Button:w})});

package/dist/browser/renderers/form-contract/shell.js

@@ -1 +1 @@
-import{jsx as z}from"react/jsx-runtime";import{CalendarIcon as Y,ClockIcon as Z,InfoIcon as R,MailIcon as $,SearchIcon as v,UserIcon as B}from"lucide-react";import{Button as D}from"../../components/atoms/Button";import{Input as E}from"../../components/atoms/Input";import{Textarea as H}from"../../components/atoms/Textarea";import{FieldDescription as L,FieldError as M,FieldLabel as U,InputGroupInput as K,InputGroupText as P,InputGroupTextarea as F}from"../../components/forms/controls/Field";import{HStack as V,VStack as Q}from"../../components/layout/Stack";import{useTranslatedNode as A,useTranslatedText as J}from"../../components/primitives/themed";export const TranslatedFieldLabel=(g)=>{const q=A();return z(U,{...g,children:q(g.children)})},TranslatedFieldDescription=(g)=>{const q=A();return z(L,{...g,children:q(g.children)})},TranslatedFieldError=(g)=>{const q=A();return z(M,{...g,children:q(g.children)})},TranslatedInput=(g)=>{const q=J();return z(E,{...g,placeholder:q(g.placeholder)})},TranslatedTextarea=(g)=>{const q=J();return z(H,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupInput=(g)=>{const q=J();return z(K,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupTextarea=(g)=>{const q=J();return z(F,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupText=(g)=>{const q=A();return z(P,{...g,children:q(g.children)})};const G={calendar:Y,clock:Z,info:R,mail:$,search:v,user:B};export const InputGroupIcon=({iconKey:g,label:q})=>{const O=G[g]??R;return z(O,{"aria-hidden":q?void 0:!0,"aria-label":q,className:"size-4"})},TranslatedButton=({children:g,onClick:q,onPress:O,...W})=>{const X=A();return z(D,{...W,onClick:q?()=>q():void 0,onPress:O??q,children:X(g)})},FormRoot=({children:g,className:q})=>z(Q,{gap:"lg",className:q,children:g}),FieldArray=({children:g,className:q})=>z(Q,{gap:"md",className:q,children:g}),FieldArrayItem=({children:g,className:q})=>z(Q,{gap:"sm",className:q,children:g}),Actions=({children:g,className:q})=>z(V,{gap:"sm",wrap:"wrap",className:q,children:g});
+import{jsx as z}from"react/jsx-runtime";import{CalendarIcon as Y,ClockIcon as Z,InfoIcon as X,MailIcon as $,SearchIcon as v,UserIcon as B}from"lucide-react";import{Button as D}from"../../components/atoms/Button";import{Input as E}from"../../components/atoms/Input";import{InputPassword as H}from"../../components/atoms/InputPassword";import{Textarea as M}from"../../components/atoms/Textarea";import{FieldDescription as U,FieldError as K,FieldLabel as F,InputGroupInput as L,InputGroupText as V,InputGroupTextarea as G}from"../../components/forms/controls/Field";import{HStack as P,VStack as W}from"../../components/layout/Stack";import{useTranslatedNode as J,useTranslatedText as O}from"../../components/primitives/themed";export const TranslatedFieldLabel=(g)=>{const q=J();return z(F,{...g,children:q(g.children)})},TranslatedFieldDescription=(g)=>{const q=J();return z(U,{...g,children:q(g.children)})},TranslatedFieldError=(g)=>{const q=J();return z(K,{...g,children:q(g.children)})},TranslatedInput=(g)=>{const q=O();return z(E,{...g,placeholder:q(g.placeholder)})},TranslatedPasswordInput=(g)=>{const q=O(),{showLabelI18n:A,hideLabelI18n:Q,...R}=g;return z(H,{...R,placeholder:q(g.placeholder),showLabel:q(A??g.showLabel),hideLabel:q(Q??g.hideLabel)})},TranslatedTextarea=(g)=>{const q=O();return z(M,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupInput=(g)=>{const q=O();return z(L,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupTextarea=(g)=>{const q=O();return z(G,{...g,placeholder:q(g.placeholder)})},TranslatedInputGroupText=(g)=>{const q=J();return z(V,{...g,children:q(g.children)})};const S={calendar:Y,clock:Z,info:X,mail:$,search:v,user:B};export const InputGroupIcon=({iconKey:g,label:q})=>{const A=S[g]??X;return z(A,{"aria-hidden":q?void 0:!0,"aria-label":q,className:"size-4"})},TranslatedButton=({children:g,onClick:q,onPress:A,...Q})=>{const R=J();return z(D,{...Q,onClick:q?()=>q():void 0,onPress:A??q,children:R(g)})},FormRoot=({children:g,className:q})=>z(W,{gap:"lg",className:q,children:g}),FieldArray=({children:g,className:q})=>z(W,{gap:"md",className:q,children:g}),FieldArrayItem=({children:g,className:q})=>z(W,{gap:"sm",className:q,children:g}),Actions=({children:g,className:q})=>z(P,{gap:"sm",wrap:"wrap",className:q,children:g});

package/dist/browser/typography.js

@@ -0,0 +1 @@
+export*from"./components/typography";

package/dist/components/atoms/{ButtonLink.mobile.d.ts → ButtonLink.native.d.ts}

@@ -1,4 +1,4 @@
-import { type ButtonProps } from './Button.mobile';
+import { type ButtonProps } from './Button.native';
 export type ButtonLinkProps = Omit<ButtonProps, 'onPress'> & {
     href: string;
     replace?: boolean;

package/dist/components/atoms/InputPassword.d.ts

@@ -0,0 +1,15 @@
+import { type InputPasswordProps as WebInputPasswordProps } from '@contractspec/lib.ui-kit-web/ui/input-password';
+import { type ControlThemeProps, type TextFieldBaseProps } from '../primitives/control';
+type PasswordPurpose = 'current' | 'new';
+interface InputPasswordBaseProps extends TextFieldBaseProps {
+    name?: string;
+    passwordPurpose?: PasswordPurpose;
+    visibilityToggle?: boolean;
+    showLabel?: string;
+    hideLabel?: string;
+    showLabelI18n?: string;
+    hideLabelI18n?: string;
+}
+export type InputPasswordProps = Omit<WebInputPasswordProps, 'type' | 'showLabel' | 'hideLabel' | 'passwordPurpose' | 'visibilityToggle'> & InputPasswordBaseProps & ControlThemeProps;
+export declare function InputPassword({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, keyboard, componentKey, themeVariant, placeholderI18n, ariaLabelI18n, passwordPurpose, visibilityToggle, showLabel, hideLabel, showLabelI18n, hideLabelI18n, ...rest }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/atoms/InputPassword.js

@@ -0,0 +1 @@
+import{jsx as v}from"react/jsx-runtime";import{InputPassword as k}from"@contractspec/lib.ui-kit-web/ui/input-password";import{mapKeyboardToWeb as T}from"../../lib/keyboard";import{useThemedTextField as f}from"../primitives/control";import{useTranslatedText as g}from"../primitives/themed";function I(q){return q==="new"?"new-password":"password"}function P(q){return q==="new"?"new-password":"current-password"}export function InputPassword({value:q,defaultValue:J,onChange:M,onSubmit:Q,onFocus:R,onBlur:U,placeholder:X,disabled:Y,readOnly:Z,maxLength:$,name:_,className:j,keyboard:G,componentKey:B,themeVariant:N,placeholderI18n:O,ariaLabelI18n:S,passwordPurpose:D="current",visibilityToggle:W,showLabel:C,hideLabel:V,showLabelI18n:F,hideLabelI18n:K,...A}){const H=g(),x=T({kind:I(D),...G,autoComplete:G?.autoComplete??A.autoComplete??P(D)}),z=f({defaultComponentKey:"InputPassword",componentKey:B,themeVariant:N,className:j,style:A.style,placeholder:X,placeholderI18n:O,ariaLabelI18n:S});return v(k,{...z.themed.props,...A,...x,className:z.themed.className,style:z.themed.style,value:q,defaultValue:J,onChange:M,onFocus:R,onBlur:U,placeholder:z.placeholder,"aria-label":z.ariaLabel,disabled:Y,readOnly:Z,maxLength:$,name:_,passwordPurpose:D,visibilityToggle:W,showLabel:H(F??C??"Show password"),hideLabel:H(K??V??"Hide password"),onKeyDown:(E)=>{A.onKeyDown?.(E);if(E.defaultPrevented||E.key!=="Enter")return;Q?.()}})}

package/dist/components/atoms/InputPassword.native.d.ts

@@ -0,0 +1,17 @@
+import { type InputPasswordProps as NativeInputPasswordProps } from '@contractspec/lib.ui-kit/ui/input-password';
+import { type ControlThemeProps, type TextFieldBaseProps } from '../primitives/control';
+type PasswordPurpose = 'current' | 'new';
+interface InputPasswordBaseProps extends TextFieldBaseProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (text: string) => void;
+    passwordPurpose?: PasswordPurpose;
+    visibilityToggle?: boolean;
+    showLabel?: string;
+    hideLabel?: string;
+    showLabelI18n?: string;
+    hideLabelI18n?: string;
+}
+export type InputPasswordProps = Omit<NativeInputPasswordProps, 'value' | 'defaultValue' | 'onChangeText' | 'secureTextEntry' | 'textContentType' | 'showLabel' | 'hideLabel' | 'passwordPurpose' | 'visibilityToggle'> & InputPasswordBaseProps & ControlThemeProps;
+export declare function InputPassword({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, className, keyboard, componentKey, themeVariant, placeholderI18n, ariaLabelI18n, passwordPurpose, visibilityToggle, showLabel, hideLabel, showLabelI18n, hideLabelI18n, ...rest }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
+export default InputPassword;

package/dist/components/atoms/Link.native.d.ts

@@ -1 +1 @@
-export {};
+export { Link } from '@contractspec/lib.ui-kit/ui/link';

package/dist/components/data-view/DataViewRenderer.d.ts

@@ -1,4 +1,4 @@
-import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import type { DataViewFilterSet, DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
 import * as React from 'react';
 export interface DataViewRendererProps {
     spec: DataViewSpec;
@@ -15,8 +15,8 @@ export interface DataViewRendererProps {
     footer?: React.ReactNode;
     search?: string;
     onSearchChange?: (value: string) => void;
-    filters?: Record<string, unknown>;
-    onFilterChange?: (filters: Record<string, unknown>) => void;
+    filters?: Record<string, unknown> | DataViewFilterSet;
+    onFilterChange?: (filters: Record<string, unknown> | DataViewFilterSet) => void;
     pagination?: {
         page: number;
         pageSize: number;

package/dist/components/data-view/DataViewRenderer.js

@@ -1 +1 @@
-import{jsx as G,jsxs as w,Fragment as d}from"react/jsx-runtime";import{Pagination as b}from"@contractspec/lib.ui-kit-web/ui/atoms/Pagination";import{VStack as j}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as _}from"@contractspec/lib.ui-kit-web/ui/text";import*as k from"react";import{resolveTranslationString as F,useDesignSystemTranslation as N}from"../../i18n/translation";import{FiltersToolbar as x}from"../molecules/FiltersToolbar";import{DataViewDetail as A}from"./DataViewDetail";import{DataViewList as T}from"./DataViewList";import{DataViewTable as C}from"./DataViewTable";export function DataViewRenderer({spec:E,items:M=[],item:Y=null,className:I,renderActions:Q,onSelect:U,onRowClick:Z,toolbar:$,loading:q,headerActions:O,emptyState:K,footer:z,search:V,onSearchChange:L,filters:J,onFilterChange:P,pagination:H,onPageChange:R}){const W=N(),u=k.useMemo(()=>{switch(E.view.kind){case"list":return G(T,{spec:E,items:M,className:I,renderActions:Q,onSelect:U,emptyState:K});case"table":return G(C,{spec:E,items:M,className:I,onRowClick:Z,toolbar:$,loading:q,emptyState:K,headerActions:O,footer:z});case"detail":return G(A,{spec:E,item:Y,className:I,emptyState:K,headerActions:O});case"grid":{const B=E.view,X={kind:"list",layout:"card",fields:B.fields,filters:B.filters,actions:B.actions,primaryField:B.primaryField,secondaryFields:B.secondaryFields},v={...E,view:X};return G(T,{spec:v,items:M,className:I,renderActions:Q,onSelect:U,emptyState:K})}default:return G(_,{className:I,children:F("Unsupported data view kind",W)})}},[E,M,Y,I,Q,U,Z,$,q,O,K,z,W]);if(!(E.view.kind==="list"||E.view.kind==="table"||E.view.kind==="grid"))return G(d,{children:u});return w(j,{gap:"lg",children:[(E.view.filters?.length||L)&&G(x,{searchValue:V,onSearchChange:L,searchPlaceholder:F("Search...",W)??"Search...",activeChips:J?Object.entries(J).map(([B,X])=>({key:B,label:`${B}: ${X}`,onRemove:()=>{if(J){const{[B]:v,...D}=J;P?.(D)}}})):[],onClearAll:J&&Object.keys(J).length>0?()=>P?.({}):void 0,right:E.view.kind==="table"?void 0:O}),u,H&&H.total>0&&G(b,{currentPage:H.page,totalPages:Math.ceil(H.total/H.pageSize),totalItems:H.total,itemsPerPage:H.pageSize,onPageChange:(B)=>R?.(B),onItemsPerPageChange:(B)=>{R?.(1)},showItemsPerPage:!1})]})}
+import{jsx as J,jsxs as c,Fragment as p}from"react/jsx-runtime";import{resolveDataViewFilters as S}from"@contractspec/lib.contracts-spec/data-views";import{Pagination as d}from"@contractspec/lib.ui-kit-web/ui/atoms/Pagination";import{VStack as h}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as f}from"@contractspec/lib.ui-kit-web/ui/text";import*as L from"react";import{resolveTranslationString as V,useDesignSystemTranslation as u}from"../../i18n/translation";import{FiltersToolbar as m}from"../molecules/FiltersToolbar";import{DataViewDetail as v}from"./DataViewDetail";import{DataViewList as b}from"./DataViewList";import{DataViewTable as y}from"./DataViewTable";export function DataViewRenderer({spec:B,items:G=[],item:X=null,className:M,renderActions:$,onSelect:q,onRowClick:P,toolbar:R,loading:T,headerActions:Y,emptyState:Q,footer:j,search:w,onSearchChange:_,filters:I,onFilterChange:Z,pagination:K,onPageChange:D}){const z=u(),O=L.useMemo(()=>S({filters:B.view.filters,scope:B.view.filterScope,user:g(I)}),[I,B.view.filterScope,B.view.filters]),N=L.useMemo(()=>{if(B.view.filterScope){const E=Object.entries(O.user).map(([H,W])=>({key:H,label:`${A(B,H)}: ${F(W)}`,onRemove:()=>{const{[H]:r,...C}=O.user;Z?.(C)}})),U=O.lockedChips==="hidden"?[]:Object.entries(O.locked).map(([H,W])=>({key:`locked-${H}`,label:`${A(B,H)}: ${F(W)}`,disabled:!0}));return[...E,...U]}return I?Object.entries(I).map(([E,U])=>({key:E,label:`${E}: ${String(U)}`,onRemove:()=>{const{[E]:H,...W}=I;Z?.(W)}})):[]},[I,Z,O,B]),k=B.view.filterScope?Object.keys(O.user).length>0:Boolean(I&&Object.keys(I).length>0),x=L.useMemo(()=>{switch(B.view.kind){case"list":return J(b,{spec:B,items:G,className:M,renderActions:$,onSelect:q,emptyState:Q});case"table":return J(y,{spec:B,items:G,className:M,onRowClick:P,toolbar:R,loading:T,emptyState:Q,headerActions:Y,footer:j});case"detail":return J(v,{spec:B,item:X,className:M,emptyState:Q,headerActions:Y});case"grid":{const E=B.view,U={kind:"list",layout:"card",fields:E.fields,filters:E.filters,actions:E.actions,primaryField:E.primaryField,secondaryFields:E.secondaryFields,filterScope:E.filterScope},H={...B,view:U};return J(b,{spec:H,items:G,className:M,renderActions:$,onSelect:q,emptyState:Q})}default:return J(f,{className:M,children:V("Unsupported data view kind",z)})}},[B,G,X,M,$,q,P,R,T,Y,Q,j,z]);if(!(B.view.kind==="list"||B.view.kind==="table"||B.view.kind==="grid"))return J(p,{children:x});return c(h,{gap:"lg",children:[(B.view.filters?.length||_||N.length)&&J(m,{searchValue:w,onSearchChange:_,searchPlaceholder:V("Search...",z)??"Search...",activeChips:N,onClearAll:k?()=>Z?.({}):void 0,right:B.view.kind==="table"?void 0:Y}),x,K&&K.total>0&&J(d,{currentPage:K.page,totalPages:Math.ceil(K.total/K.pageSize),totalItems:K.total,itemsPerPage:K.pageSize,onPageChange:(E)=>D?.(E),onItemsPerPageChange:(E)=>{D?.(1)},showItemsPerPage:!1})]})}function g(B){if(!B)return;return Object.fromEntries(Object.entries(B??{}).filter((G)=>Boolean(G[1]&&typeof G[1]==="object"&&"kind"in G[1]&&typeof G[1].kind==="string")))}function A(B,G){return B.view.filters?.find((X)=>X.key===G)?.label??G}function F(B){if(!B)return"";if(B.kind==="single")return String(B.value);if(B.kind==="multi")return B.values.map(String).join(", ");if(B.kind==="range")return[B.from==null?"":String(B.from),B.to==null?"":String(B.to)].filter(Boolean).join(" - ");return`${B.mode}(${B.clauses.length})`}

package/dist/components/data-view/{DataViewRenderer.mobile.d.ts → DataViewRenderer.native.d.ts}

@@ -1,4 +1,4 @@
-import type { DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
+import type { DataViewFilterSet, DataViewSpec } from '@contractspec/lib.contracts-spec/data-views';
 import * as React from 'react';
 export interface DataViewRendererProps {
     spec: DataViewSpec;
@@ -15,8 +15,8 @@ export interface DataViewRendererProps {
     footer?: React.ReactNode;
     search?: string;
     onSearchChange?: (value: string) => void;
-    filters?: Record<string, unknown>;
-    onFilterChange?: (filters: Record<string, unknown>) => void;
+    filters?: Record<string, unknown> | DataViewFilterSet;
+    onFilterChange?: (filters: Record<string, unknown> | DataViewFilterSet) => void;
     pagination?: {
         page: number;
         pageSize: number;

package/dist/components/forms/controls/index.d.ts

@@ -1,3 +1,4 @@
+export { InputPassword } from '../../atoms/InputPassword';
 export { Autocomplete, type AutocompleteProps, } from './Autocomplete';
 export { Checkbox, RadioGroup, RadioGroupItem, Switch, } from './ChoiceControls';
 export { Combobox, type ComboboxProps } from './Combobox';

package/dist/components/forms/controls/index.js

@@ -1 +1 @@
-export{Autocomplete}from"./Autocomplete";export{Checkbox,RadioGroup,RadioGroupItem,Switch}from"./ChoiceControls";export{Combobox}from"./Combobox";export{DatePicker,DateRangePicker,DateTimePicker,TimePicker}from"./DateTimeControls";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./DropdownMenu";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet}from"./Field";export{InputGroup,InputGroupAddon,InputGroupButton,InputGroupInput,InputGroupText,InputGroupTextarea}from"./InputGroup";export{InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot}from"./InputOTP";export{LoadingButton}from"./LoadingButton";export{NativeSelect,NativeSelectOptGroup,NativeSelectOption}from"./NativeSelect";export{Select}from"./Select";
+export{InputPassword}from"../../atoms/InputPassword";export{Autocomplete}from"./Autocomplete";export{Checkbox,RadioGroup,RadioGroupItem,Switch}from"./ChoiceControls";export{Combobox}from"./Combobox";export{DatePicker,DateRangePicker,DateTimePicker,TimePicker}from"./DateTimeControls";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./DropdownMenu";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet}from"./Field";export{InputGroup,InputGroupAddon,InputGroupButton,InputGroupInput,InputGroupText,InputGroupTextarea}from"./InputGroup";export{InputOTP,InputOTPGroup,InputOTPSeparator,InputOTPSlot}from"./InputOTP";export{LoadingButton}from"./LoadingButton";export{NativeSelect,NativeSelectOptGroup,NativeSelectOption}from"./NativeSelect";export{Select}from"./Select";

package/dist/components/legal/templates/ContactTemplate.js

@@ -1 +1 @@
-import{jsx as e,jsxs as c}from"react/jsx-runtime";import*as i from"react";import{Button as u}from"../../../index";import{ContactFields as d}from"../molecules/ContactFields";import{LegalPageLayout as g}from"../organisms/LegalPageLayout";export function ContactTemplate({title:r="Contact",meta:m,onSubmit:a}){const[o,s]=i.useState({name:"",email:"",subject:"",message:""}),[t,n]=i.useState(!1);return e(g,{title:r,meta:m,children:c("form",{onSubmit:async(l)=>{l.preventDefault();if(!a)return;n(!0);try{await a(o)}finally{n(!1)}},className:"space-y-6",children:[e(d,{value:o,onChange:s,disabled:t}),e(u,{disabled:t,type:"submit",children:t?"Envoi\u2026":"Envoyer"})]})})}
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import*as i from"react";import{Button as u}from"../../atoms/Button";import{ContactFields as d}from"../molecules/ContactFields";import{LegalPageLayout as g}from"../organisms/LegalPageLayout";export function ContactTemplate({title:r="Contact",meta:m,onSubmit:a}){const[o,s]=i.useState({name:"",email:"",subject:"",message:""}),[t,n]=i.useState(!1);return e(g,{title:r,meta:m,children:c("form",{onSubmit:async(l)=>{l.preventDefault();if(!a)return;n(!0);try{await a(o)}finally{n(!1)}},className:"space-y-6",children:[e(d,{value:o,onChange:s,disabled:t}),e(u,{disabled:t,type:"submit",children:t?"Envoi\u2026":"Envoyer"})]})})}

package/dist/components/list/List.d.ts

@@ -0,0 +1,6 @@
+import { type ListItemProps as WebListItemProps, type ListProps as WebListProps } from '@contractspec/lib.ui-kit-web/ui/list';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+export type ListProps = WebListProps & ThemedPrimitiveProps;
+export type ListItemProps = WebListItemProps & ThemedPrimitiveProps;
+export declare function List({ componentKey, themeVariant, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListItem({ componentKey, themeVariant, className, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/list/List.js

@@ -0,0 +1 @@
+import{jsx as D}from"react/jsx-runtime";import{List as E,ListItem as F}from"@contractspec/lib.ui-kit-web/ui/list";import{useThemedPrimitive as C}from"../primitives/themed";export function List({componentKey:q,themeVariant:z,className:A,...B}){const g=C({defaultComponentKey:"List",componentKey:q,themeVariant:z,className:A});return D(E,{...g.props,...B,className:g.className})}export function ListItem({componentKey:q,themeVariant:z,className:A,...B}){const g=C({defaultComponentKey:"ListItem",componentKey:q,themeVariant:z,className:A});return D(F,{...g.props,...B,className:g.className})}

package/dist/components/list/List.native.d.ts

@@ -0,0 +1,6 @@
+import { type ListItemProps as NativeListItemProps, type ListProps as NativeListProps } from '@contractspec/lib.ui-kit/ui/list';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+export type ListProps = NativeListProps & ThemedPrimitiveProps;
+export type ListItemProps = NativeListItemProps & ThemedPrimitiveProps;
+export declare function List({ componentKey, themeVariant, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListItem({ componentKey, themeVariant, className, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/list/index.d.ts

@@ -0,0 +1 @@
+export { List, ListItem, type ListItemProps, type ListProps } from './List';

package/dist/components/list/index.js

@@ -0,0 +1 @@
+export{List,ListItem}from"./List";

package/dist/components/molecules/FiltersToolbar.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface ActiveFilterChip {
     key: string;
     label: React.ReactNode;
+    disabled?: boolean;
     onRemove?: () => void;
 }
 export interface FiltersToolbarProps {

package/dist/components/molecules/FiltersToolbar.js

@@ -1 +1 @@
-import{jsx as E,jsxs as D}from"react/jsx-runtime";import{Badge as k}from"@contractspec/lib.ui-kit-web/ui/badge";import{cn as I}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K from"react";import{Button as W}from"../atoms/Button";import{Input as N}from"../atoms/Input";export function FiltersToolbar({className:X,children:Y,right:Z,searchPlaceholder:$,searchValue:G,onSearchChange:F,onSearchSubmit:L,debounceMs:O=250,activeChips:T=[],onClearAll:H}){const[J,U]=K.useState(G??"");K.useEffect(()=>{U(G??"")},[G]);K.useEffect(()=>{if(!F)return;const z=setTimeout(()=>F(J),O);return()=>clearTimeout(z)},[J,O,F]);return D("div",{className:I("space-y-2",X),children:[D("div",{className:"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",children:[D("div",{className:"flex flex-1 items-center gap-2",children:[F?D("div",{className:"flex flex-1 items-center gap-2",children:[E(N,{value:J,onChange:(z)=>U(z.target.value),onKeyDown:(z)=>{if(z.key==="Enter")L?.()},placeholder:$,keyboard:{kind:"search"}}),E(W,{variant:"outline",onPress:()=>L?.(),className:"shrink-0",children:"Rechercher"})]}):null,Y]}),Z]}),(T.length>0||H)&&D("div",{className:"flex flex-wrap items-center gap-2",children:[T.map((z)=>D(k,{variant:"secondary",className:"inline-flex items-center gap-2",children:[E("span",{children:z.label}),z.onRemove&&E("button",{type:"button","aria-label":"Supprimer le filtre",onClick:z.onRemove,className:"rounded-xs px-1 text-base hover:bg-muted",children:"\xD7"})]},z.key)),H&&E(W,{size:"sm",variant:"ghost",onPress:H,children:"Effacer les filtres"})]})]})}
+import{jsx as E,jsxs as D}from"react/jsx-runtime";import{Badge as I}from"@contractspec/lib.ui-kit-web/ui/badge";import{cn as W}from"@contractspec/lib.ui-kit-web/ui/utils";import*as K from"react";import{Button as X}from"../atoms/Button";import{Input as N}from"../atoms/Input";export function FiltersToolbar({className:Y,children:Z,right:$,searchPlaceholder:k,searchValue:G,onSearchChange:F,onSearchSubmit:L,debounceMs:O=250,activeChips:T=[],onClearAll:H}){const[J,U]=K.useState(G??"");K.useEffect(()=>{U(G??"")},[G]);K.useEffect(()=>{if(!F)return;const z=setTimeout(()=>F(J),O);return()=>clearTimeout(z)},[J,O,F]);return D("div",{className:W("space-y-2",Y),children:[D("div",{className:"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",children:[D("div",{className:"flex flex-1 items-center gap-2",children:[F?D("div",{className:"flex flex-1 items-center gap-2",children:[E(N,{value:J,onChange:(z)=>U(z.target.value),onKeyDown:(z)=>{if(z.key==="Enter")L?.()},placeholder:k,keyboard:{kind:"search"}}),E(X,{variant:"outline",onPress:()=>L?.(),className:"shrink-0",children:"Rechercher"})]}):null,Z]}),$]}),(T.length>0||H)&&D("div",{className:"flex flex-wrap items-center gap-2",children:[T.map((z)=>D(I,{variant:"secondary",className:W("inline-flex items-center gap-2",z.disabled&&"opacity-70"),children:[E("span",{children:z.label}),z.onRemove&&!z.disabled&&E("button",{type:"button","aria-label":"Supprimer le filtre",onClick:z.onRemove,className:"rounded-xs px-1 text-base hover:bg-muted",children:"\xD7"})]},z.key)),H&&E(X,{size:"sm",variant:"ghost",onPress:H,children:"Effacer les filtres"})]})]})}

package/dist/components/molecules/Tabs.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+export interface TabsProps extends ThemedPrimitiveProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    activationMode?: 'automatic' | 'manual';
+}
+export interface TabsListProps extends ThemedPrimitiveProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsTriggerProps extends ThemedPrimitiveProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsContentProps extends ThemedPrimitiveProps {
+    value: string;
+    forceMount?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function Tabs({ value, defaultValue, onValueChange, className, children, orientation, dir, activationMode, componentKey, themeVariant, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsList({ className, children, componentKey, themeVariant, }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTrigger({ value, disabled, className, children, componentKey, themeVariant, }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsContent({ value, forceMount, className, children, componentKey, themeVariant, }: TabsContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Tabs.js

@@ -0,0 +1 @@
+import{jsx as H}from"react/jsx-runtime";import{Tabs as R,TabsContent as S,TabsList as U,TabsTrigger as X}from"@contractspec/lib.ui-kit-web/ui/tabs";import{useThemedPrimitive as G}from"../primitives/themed";export function Tabs({value:z,defaultValue:A,onValueChange:B,className:D,children:q,orientation:F,dir:E,activationMode:J,componentKey:O,themeVariant:Q}){console.log("tabs web");const I=G({defaultComponentKey:"Tabs",componentKey:O,themeVariant:Q,className:D});return H(R,{...I.props,value:z,defaultValue:A,onValueChange:B,className:I.className,orientation:F,dir:E,activationMode:J,children:q})}export function TabsList({className:z,children:A,componentKey:B,themeVariant:D}){const q=G({defaultComponentKey:"TabsList",componentKey:B,themeVariant:D,className:z});return H(U,{...q.props,className:q.className,children:A})}export function TabsTrigger({value:z,disabled:A,className:B,children:D,componentKey:q,themeVariant:F}){const E=G({defaultComponentKey:"TabsTrigger",componentKey:q,themeVariant:F,className:B});return H(X,{...E.props,value:z,disabled:A,className:E.className,children:D})}export function TabsContent({value:z,forceMount:A,className:B,children:D,componentKey:q,themeVariant:F}){const E=G({defaultComponentKey:"TabsContent",componentKey:q,themeVariant:F,className:B});return H(S,{...E.props,value:z,forceMount:A?!0:void 0,className:E.className,children:D})}

package/dist/components/molecules/Tabs.native.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+export interface TabsProps extends ThemedPrimitiveProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    children?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    activationMode?: 'automatic' | 'manual';
+}
+export interface TabsListProps extends ThemedPrimitiveProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsTriggerProps extends ThemedPrimitiveProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface TabsContentProps extends ThemedPrimitiveProps {
+    value: string;
+    forceMount?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function Tabs({ value, defaultValue, onValueChange, className, children, orientation, dir, activationMode, componentKey, themeVariant, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsList({ className, children, componentKey, themeVariant, }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsTrigger({ value, disabled, className, children, componentKey, themeVariant, }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsContent({ value, forceMount, className, children, componentKey, themeVariant, }: TabsContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/{AppHeader.mobile.d.ts → AppHeader.native.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type BottomTabItem } from '../native/BottomTabs.mobile';
+import { type BottomTabItem } from '../native/BottomTabs.native';
 export interface AppHeaderMobileProps {
     logo?: React.ReactNode;
     toolbarRight?: React.ReactNode;

package/dist/components/typography/Typography.d.ts

@@ -0,0 +1,19 @@
+import { Text as WebText } from '@contractspec/lib.ui-kit-web/ui/text';
+import { BlockQuote as WebBlockQuote, Code as WebCode, H1 as WebH1, H2 as WebH2, H3 as WebH3, H4 as WebH4, Large as WebLarge, Lead as WebLead, Muted as WebMuted, P as WebP, Small as WebSmall } from '@contractspec/lib.ui-kit-web/ui/typography';
+import * as React from 'react';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+type ThemedTextProps = React.ComponentProps<typeof WebText> & ThemedPrimitiveProps;
+type ThemedTypographyProps<TComponent extends React.ElementType> = React.ComponentProps<TComponent> & ThemedPrimitiveProps;
+export declare function Text({ componentKey, themeVariant, className, ...props }: ThemedTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function H1({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebH1>): import("react/jsx-runtime").JSX.Element;
+export declare function H2({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebH2>): import("react/jsx-runtime").JSX.Element;
+export declare function H3({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebH3>): import("react/jsx-runtime").JSX.Element;
+export declare function H4({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebH4>): import("react/jsx-runtime").JSX.Element;
+export declare function P({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebP>): import("react/jsx-runtime").JSX.Element;
+export declare function Lead({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebLead>): import("react/jsx-runtime").JSX.Element;
+export declare function Large({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebLarge>): import("react/jsx-runtime").JSX.Element;
+export declare function Small({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebSmall>): import("react/jsx-runtime").JSX.Element;
+export declare function Muted({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebMuted>): import("react/jsx-runtime").JSX.Element;
+export declare function Code({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebCode>): import("react/jsx-runtime").JSX.Element;
+export declare function BlockQuote({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof WebBlockQuote>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/typography/Typography.js

@@ -0,0 +1 @@
+import{jsx as G}from"react/jsx-runtime";import{Text as I}from"@contractspec/lib.ui-kit-web/ui/text";import{BlockQuote as J,Code as O,H1 as R,H2 as U,H3 as X,H4 as Y,Large as Z,Lead as $,Muted as B,P as M,Small as Q}from"@contractspec/lib.ui-kit-web/ui/typography";import{useThemedPrimitive as S}from"../primitives/themed";function F({defaultComponentKey:z,componentKey:A,themeVariant:D,className:E}){return S({defaultComponentKey:z,componentKey:A,themeVariant:D,className:E})}export function Text({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Text",componentKey:z,themeVariant:A,className:D});return G(I,{...q.props,...E,className:q.className})}export function H1({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H1",componentKey:z,themeVariant:A,className:D});return G(R,{...q.props,...E,className:q.className})}export function H2({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H2",componentKey:z,themeVariant:A,className:D});return G(U,{...q.props,...E,className:q.className})}export function H3({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H3",componentKey:z,themeVariant:A,className:D});return G(X,{...q.props,...E,className:q.className})}export function H4({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"H4",componentKey:z,themeVariant:A,className:D});return G(Y,{...q.props,...E,className:q.className})}export function P({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"P",componentKey:z,themeVariant:A,className:D});return G(M,{...q.props,...E,className:q.className})}export function Lead({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Lead",componentKey:z,themeVariant:A,className:D});return G($,{...q.props,...E,className:q.className})}export function Large({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Large",componentKey:z,themeVariant:A,className:D});return G(Z,{...q.props,...E,className:q.className})}export function Small({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Small",componentKey:z,themeVariant:A,className:D});return G(Q,{...q.props,...E,className:q.className})}export function Muted({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Muted",componentKey:z,themeVariant:A,className:D});return G(B,{...q.props,...E,className:q.className})}export function Code({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"Code",componentKey:z,themeVariant:A,className:D});return G(O,{...q.props,...E,className:q.className})}export function BlockQuote({componentKey:z,themeVariant:A,className:D,...E}){const q=F({defaultComponentKey:"BlockQuote",componentKey:z,themeVariant:A,className:D});return G(J,{...q.props,...E,className:q.className})}

package/dist/components/typography/Typography.native.d.ts

@@ -0,0 +1,19 @@
+import { Text as NativeText } from '@contractspec/lib.ui-kit/ui/text';
+import { BlockQuote as NativeBlockQuote, Code as NativeCode, H1 as NativeH1, H2 as NativeH2, H3 as NativeH3, H4 as NativeH4, Large as NativeLarge, Lead as NativeLead, Muted as NativeMuted, P as NativeP, Small as NativeSmall } from '@contractspec/lib.ui-kit/ui/typography';
+import * as React from 'react';
+import { type ThemedPrimitiveProps } from '../primitives/themed';
+type ThemedTextProps = React.ComponentProps<typeof NativeText> & ThemedPrimitiveProps;
+type ThemedTypographyProps<TComponent extends React.ElementType> = React.ComponentProps<TComponent> & ThemedPrimitiveProps;
+export declare function Text({ componentKey, themeVariant, className, ...props }: ThemedTextProps): import("react/jsx-runtime").JSX.Element;
+export declare const H1: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeH1>) => import("react/jsx-runtime").JSX.Element;
+export declare const H2: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeH2>) => import("react/jsx-runtime").JSX.Element;
+export declare const H3: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeH3>) => import("react/jsx-runtime").JSX.Element;
+export declare const H4: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeH4>) => import("react/jsx-runtime").JSX.Element;
+export declare const P: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeP>) => import("react/jsx-runtime").JSX.Element;
+export declare const Lead: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeLead>) => import("react/jsx-runtime").JSX.Element;
+export declare const Large: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeLarge>) => import("react/jsx-runtime").JSX.Element;
+export declare const Small: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeSmall>) => import("react/jsx-runtime").JSX.Element;
+export declare const Muted: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeMuted>) => import("react/jsx-runtime").JSX.Element;
+export declare const Code: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeCode>) => import("react/jsx-runtime").JSX.Element;
+export declare const BlockQuote: ({ componentKey, themeVariant, className, ...props }: ThemedTypographyProps<typeof NativeBlockQuote>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/typography/index.d.ts

@@ -0,0 +1 @@
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small, Text, } from './Typography';

package/dist/components/typography/index.js

@@ -0,0 +1 @@
+export{BlockQuote,Code,H1,H2,H3,H4,Large,Lead,Muted,P,Small,Text}from"./Typography";

package/dist/controls.d.ts

@@ -0,0 +1 @@
+export * from './components/forms/controls';

package/dist/controls.js

@@ -0,0 +1 @@
+export*from"./components/forms/controls";

package/dist/forms.d.ts

@@ -0,0 +1 @@
+export * from './components/forms';

package/dist/forms.js

@@ -0,0 +1 @@
+export*from"./components/forms";

package/dist/hooks/useListUrlState.d.ts

@@ -1,3 +1,4 @@
+import type { ListFilterScope } from '@contractspec/lib.presentation-runtime-core';
 export interface ListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>> {
     q: string;
     page: number;
@@ -5,8 +6,9 @@ export interface ListUrlState<TFilters extends Record<string, unknown> = Record<
     sort?: string | null;
     filters: TFilters;
 }
-export declare function useListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>>({ defaults, paramKeys, replaceState, }: {
+export declare function useListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>>({ defaults, paramKeys, replaceState, filterScope, }: {
     defaults: ListUrlState<TFilters>;
+    filterScope?: ListFilterScope<TFilters>;
     paramKeys?: {
         q: string;
         page: string;