@contractspec/lib.design-system 2.5.0 → 2.6.1

package/dist/browser/index.js

@@ -908,11 +908,8 @@ function NavMain({
           children: [
             /* @__PURE__ */ jsxDEV13(NavTrigger, {
               children: /* @__PURE__ */ jsxDEV13(Text2, {
-                children: [
-                  "r",
-                  it.label
-                ]
-              }, undefined, true, undefined, this)
+                children: it.label
+              }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV13(NavContent, {
               children: /* @__PURE__ */ jsxDEV13(HStack, {
@@ -1816,22 +1813,25 @@ function MobileHeader({
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23(SheetTitle, {
-            children: "Menu"
-          }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV23(SheetContent, {
             side: "left",
             className: "w-[300px] p-0",
-            children: mobileSidebar ? /* @__PURE__ */ jsxDEV23(AppSidebar, {
-              sections: mobileSidebar.sections,
-              top: mobileSidebar.top,
-              bottom: mobileSidebar.bottom,
-              className: "h-svh"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV23("div", {
-              className: "p-4",
-              children: "No sidebar configured"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            children: [
+              /* @__PURE__ */ jsxDEV23(SheetTitle, {
+                className: "sr-only",
+                children: "Menu"
+              }, undefined, false, undefined, this),
+              mobileSidebar ? /* @__PURE__ */ jsxDEV23(AppSidebar, {
+                sections: mobileSidebar.sections,
+                top: mobileSidebar.top,
+                bottom: mobileSidebar.bottom,
+                className: "h-svh"
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV23("div", {
+                className: "p-4",
+                children: "No sidebar configured"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV23("div", {
@@ -1971,7 +1971,7 @@ function FeatureCarousel({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeader.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   NavigationMenu as Nav2,
@@ -2198,7 +2198,6 @@ function CommandSearchTrigger({
 }
 
 // src/components/molecules/LangSwitchDropdown.tsx
-import * as React5 from "react";
 import { Globe } from "lucide-react";
 import {
   DropdownMenu as DropdownMenu2,
@@ -2213,16 +2212,11 @@ function LangSwitchDropdown({
   onChange,
   className
 }) {
-  const [open, setOpen] = React5.useState(false);
   const current = options.find((o) => o.code === value);
   return /* @__PURE__ */ jsxDEV30(DropdownMenu2, {
-    open,
-    onOpenChange: setOpen,
     children: [
       /* @__PURE__ */ jsxDEV30(DropdownMenuTrigger2, {
         className,
-        onMouseEnter: () => setOpen(true),
-        onMouseLeave: () => setOpen(false),
         children: /* @__PURE__ */ jsxDEV30("div", {
           className: "hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm",
           children: [
@@ -2238,10 +2232,8 @@ function LangSwitchDropdown({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV30(DropdownMenuContent2, {
         align: "end",
-        onMouseEnter: () => setOpen(true),
-        onMouseLeave: () => setOpen(false),
         children: options.map((opt) => /* @__PURE__ */ jsxDEV30(DropdownMenuItem2, {
-          onClick: () => onChange(opt.code),
+          onSelect: () => onChange(opt.code),
           children: opt.label
         }, opt.code, false, undefined, this))
       }, undefined, false, undefined, this)
@@ -2276,7 +2268,7 @@ function MarketingHeader({
   commandPaletteGroups,
   langSwitchProps
 }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React5.useState(false);
   return /* @__PURE__ */ jsxDEV31(HStack2, {
     as: "header",
     className: cn10("bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs", className),
@@ -2503,7 +2495,7 @@ function MarketingHeaderDesktop({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeaderMobile.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Sheet as Sheet3,
@@ -2511,8 +2503,7 @@ import {
   SheetTrigger as SheetTrigger3,
   SheetTitle as SheetTitle2,
   SheetHeader as SheetHeader2,
-  SheetFooter,
-  SheetDescription
+  SheetFooter
 } from "@contractspec/lib.ui-kit-web/ui/sheet";
 import { Menu as Menu3 } from "lucide-react";
 import { VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
@@ -2522,9 +2513,11 @@ function MarketingHeaderMobile({
   logo,
   nav = [],
   className,
-  right
+  right,
+  commandPaletteGroups,
+  langSwitchProps
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React6.useState(false);
   return /* @__PURE__ */ jsxDEV33("div", {
     className: cn12("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs md:hidden", className),
     children: /* @__PURE__ */ jsxDEV33("div", {
@@ -2557,20 +2550,13 @@ function MarketingHeaderMobile({
                         /* @__PURE__ */ jsxDEV33(SheetTitle2, {
                           children: "Menu"
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV33(SheetDescription, {
-                          children: [
-                            /* @__PURE__ */ jsxDEV33("div", {
-                              className: "mb-3",
-                              children: /* @__PURE__ */ jsxDEV33(CommandSearchTrigger, {
-                                groups: [],
-                                compact: true
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV33(MobileNavMenu, {
-                              items: nav
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this)
+                        !!commandPaletteGroups?.length && /* @__PURE__ */ jsxDEV33("div", {
+                          className: "mb-3",
+                          children: /* @__PURE__ */ jsxDEV33(CommandSearchTrigger, {
+                            groups: commandPaletteGroups,
+                            compact: true
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
                     /* @__PURE__ */ jsxDEV33(VStack3, {
@@ -2590,13 +2576,10 @@ function MarketingHeaderMobile({
         }, undefined, true, undefined, this),
         /* @__PURE__ */ jsxDEV33("div", {
           className: "flex items-center gap-2",
-          children: /* @__PURE__ */ jsxDEV33(LangSwitchDropdown, {
-            value: "en",
-            options: [
-              { code: "fr", label: "FR" },
-              { code: "en", label: "EN" }
-            ],
-            onChange: () => {}
+          children: !!(langSwitchProps?.options?.length > 1) && /* @__PURE__ */ jsxDEV33(LangSwitchDropdown, {
+            value: langSwitchProps.value,
+            options: langSwitchProps.options,
+            onChange: langSwitchProps.onChange
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
@@ -2943,7 +2926,7 @@ function MarketingComparisonSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/AppLayout.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { cn as cn17 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Separator as Separator4 } from "@contractspec/lib.ui-kit-web/ui/separator";
 import {
@@ -2988,7 +2971,7 @@ function AppLayout({
                 className: "mb-2",
                 children: /* @__PURE__ */ jsxDEV41(Breadcrumb, {
                   children: /* @__PURE__ */ jsxDEV41(BreadcrumbList, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React8.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React7.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV41(BreadcrumbItem, {
                           children: it.href ? /* @__PURE__ */ jsxDEV41(BreadcrumbLink, {
@@ -3021,7 +3004,7 @@ function AppLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/AcademyLayout.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import { cn as cn18 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Breadcrumb as Breadcrumb2,
@@ -3060,7 +3043,7 @@ function AcademyLayout({
                 className: "mb-4",
                 children: /* @__PURE__ */ jsxDEV42(Breadcrumb2, {
                   children: /* @__PURE__ */ jsxDEV42(BreadcrumbList2, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React9.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React8.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV42(BreadcrumbItem2, {
                           children: it.href ? /* @__PURE__ */ jsxDEV42(BreadcrumbLink2, {
@@ -3180,7 +3163,7 @@ function NavBrand({
   }, undefined, false, undefined, this) : content;
 }
 // src/components/molecules/Breadcrumbs.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import {
   Breadcrumb as Root,
   BreadcrumbItem as BreadcrumbItem3,
@@ -3196,7 +3179,7 @@ function Breadcrumbs({ items }) {
     return null;
   return /* @__PURE__ */ jsxDEV46(Root, {
     children: /* @__PURE__ */ jsxDEV46(BreadcrumbList3, {
-      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React10.Fragment, {
+      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React9.Fragment, {
         children: [
           /* @__PURE__ */ jsxDEV46(BreadcrumbItem3, {
             children: it.href ? /* @__PURE__ */ jsxDEV46(BreadcrumbLink3, {
@@ -3266,7 +3249,7 @@ function StatusChip({
   }
 }
 // src/components/molecules/EntityCard.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import { Card as Card5, CardContent as CardContent5 } from "@contractspec/lib.ui-kit-web/ui/card";
 import { cva as cva13 } from "class-variance-authority";
 import { cn as cn22 } from "@contractspec/lib.ui-kit-web/ui/utils";
@@ -3335,7 +3318,7 @@ function EntityCard({
   onClick,
   ...cardProps
 }) {
-  const [isExpanded, setIsExpanded] = React11.useState(defaultExpanded);
+  const [isExpanded, setIsExpanded] = React10.useState(defaultExpanded);
   const Wrapper = href ? "a" : "div";
   const isInteractive = interactive ?? !!(onClick || href);
   const handleExpandClick = (e) => {
@@ -3981,13 +3964,13 @@ function HeroSection({
   }, undefined, false, undefined, this);
 }
 // src/platform/useResponsive.ts
-import * as React12 from "react";
+import * as React11 from "react";
 "use client";
 var DEFAULT = { sm: 640, md: 768, lg: 1024, xl: 1280 };
 function useResponsive(custom) {
-  const bp = React12.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
-  const [width, setWidth] = React12.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-  React12.useEffect(() => {
+  const bp = React11.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
+  const [width, setWidth] = React11.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+  React11.useEffect(() => {
     if (typeof window === "undefined")
       return;
     const onResize = () => setWidth(window.innerWidth);
@@ -4131,7 +4114,7 @@ function PricingSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/FAQSection.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import { VStack as VStack10 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import {
   Accordion,
@@ -4152,7 +4135,7 @@ function FAQSection({
   accordionClassName
 }) {
   const hasItems = Array.isArray(items) && items.length > 0;
-  const defaultValue = React13.useMemo(() => {
+  const defaultValue = React12.useMemo(() => {
     if (!hasItems)
       return;
     if (accordionType === "multiple")
@@ -4451,7 +4434,7 @@ function ListTablePage({
   }, undefined, true, undefined, this);
 }
 // src/components/molecules/FiltersToolbar.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { cn as cn24 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Badge as Badge3 } from "@contractspec/lib.ui-kit-web/ui/badge";
 import { jsxDEV as jsxDEV69 } from "react/jsx-dev-runtime";
@@ -4467,11 +4450,11 @@ function FiltersToolbar({
   activeChips = [],
   onClearAll
 }) {
-  const [q, setQ] = React14.useState(searchValue ?? "");
-  React14.useEffect(() => {
+  const [q, setQ] = React13.useState(searchValue ?? "");
+  React13.useEffect(() => {
     setQ(searchValue ?? "");
   }, [searchValue]);
-  React14.useEffect(() => {
+  React13.useEffect(() => {
     if (!onSearchChange)
       return;
     const id = setTimeout(() => onSearchChange(q), debounceMs);
@@ -4544,12 +4527,12 @@ function FiltersToolbar({
   }, undefined, true, undefined, this);
 }
 // src/components/templates/lists/ListPageTemplate/index.web.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import { cva as cva20 } from "class-variance-authority";
 import { cn as cn25 } from "@contractspec/lib.ui-kit-web/ui/utils";
 
 // src/components/molecules/AiLinkButton.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 import {
   DropdownMenu as DropdownMenu3,
   DropdownMenuContent as DropdownMenuContent3,
@@ -4571,19 +4554,19 @@ function buildProviderUrl(provider, href) {
   }
 }
 function AiLinkButton({ href, className }) {
-  const copyLink = React15.useCallback(() => {
+  const copyLink = React14.useCallback(() => {
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
   }, [href]);
-  const openChatGPT = React15.useCallback(() => {
+  const openChatGPT = React14.useCallback(() => {
     const url = buildProviderUrl("chatgpt", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
     window.open(url, "_blank", "noopener,noreferrer");
   }, [href]);
-  const openClaude = React15.useCallback(() => {
+  const openClaude = React14.useCallback(() => {
     const url = buildProviderUrl("claude", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
@@ -4721,7 +4704,7 @@ function ListPageTemplate({
   renderItem,
   emptyProps
 }) {
-  const mdHref = React16.useMemo(() => {
+  const mdHref = React15.useMemo(() => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -4775,7 +4758,7 @@ function ListPageTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/EmptySearchResult.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import {
   Empty as Empty2,
   EmptyContent as EmptyContent2,
@@ -4796,7 +4779,7 @@ function EmptySearchResult({
   const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
   const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
   const onChange = onSearchChange ?? handleSearchChange;
-  const [q, setQ] = React17.useState("");
+  const [q, setQ] = React16.useState("");
   return /* @__PURE__ */ jsxDEV73(Empty2, {
     className,
     children: [
@@ -5000,7 +4983,7 @@ function ErrorState({
   }, undefined, true, undefined, this);
 }
 // src/hooks/useListUrlState.ts
-import * as React18 from "react";
+import * as React17 from "react";
 function useListUrlState({
   defaults,
   paramKeys = {
@@ -5012,7 +4995,7 @@ function useListUrlState({
   },
   replaceState = true
 }) {
-  const read = React18.useCallback(() => {
+  const read = React17.useCallback(() => {
     if (typeof window === "undefined")
       return defaults;
     const url = new URL(window.location.href);
@@ -5038,8 +5021,8 @@ function useListUrlState({
       filters
     };
   }, [defaults, paramKeys]);
-  const [state, setState] = React18.useState(read);
-  const write = React18.useCallback((next) => {
+  const [state, setState] = React17.useState(read);
+  const write = React17.useCallback((next) => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -5069,15 +5052,15 @@ function useListUrlState({
       window.history.pushState({}, "", newUrl);
     setState(merged);
   }, [state, paramKeys, replaceState]);
-  const setFilter = React18.useCallback((key, value) => {
+  const setFilter = React17.useCallback((key, value) => {
     write({
       filters: { ...state.filters, [key]: value }
     });
   }, [state.filters, write]);
-  const clearFilters = React18.useCallback(() => {
+  const clearFilters = React17.useCallback(() => {
     write({ filters: {}, page: 1 });
   }, [write]);
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     const onPop = () => setState(read());
     window.addEventListener("popstate", onPop);
     return () => window.removeEventListener("popstate", onPop);
@@ -5616,7 +5599,7 @@ function GDPRRights({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/ContactForm.tsx
-import * as React19 from "react";
+import * as React18 from "react";
 import { jsxDEV as jsxDEV93 } from "react/jsx-dev-runtime";
 function ContactForm({
   labels = { submit: "Envoyer" },
@@ -5624,8 +5607,8 @@ function ContactForm({
   disabled,
   onSubmit
 }) {
-  const [value, setValue] = React19.useState(initialValue);
-  const [loading, setLoading] = React19.useState(false);
+  const [value, setValue] = React18.useState(initialValue);
+  const [loading, setLoading] = React18.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5655,14 +5638,14 @@ function ContactForm({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/GDPRDataRequest.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import { jsxDEV as jsxDEV94 } from "react/jsx-dev-runtime";
 function GDPRDataRequest({
   onExport,
   onDelete,
   labels = { export: "Demander une copie", delete: "Demander la suppression" }
 }) {
-  const [loading, setLoading] = React20.useState(null);
+  const [loading, setLoading] = React19.useState(null);
   const handle = async (kind) => {
     const fn = kind === "export" ? onExport : onDelete;
     if (!fn)
@@ -5852,20 +5835,20 @@ function CookiesTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/templates/ContactTemplate.tsx
-import * as React21 from "react";
+import * as React20 from "react";
 import { jsxDEV as jsxDEV99 } from "react/jsx-dev-runtime";
 function ContactTemplate({
   title = "Contact",
   meta,
   onSubmit
 }) {
-  const [value, setValue] = React21.useState({
+  const [value, setValue] = React20.useState({
     name: "",
     email: "",
     subject: "",
     message: ""
   });
-  const [loading, setLoading] = React21.useState(false);
+  const [loading, setLoading] = React20.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5919,11 +5902,11 @@ function withPlatformUI(options) {
   };
 }
 // src/platform/useReducedMotion.ts
-import * as React22 from "react";
+import * as React21 from "react";
 "use client";
 function useReducedMotion() {
-  const [reduced, setReduced] = React22.useState(false);
-  React22.useEffect(() => {
+  const [reduced, setReduced] = React21.useState(false);
+  React21.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -5935,11 +5918,11 @@ function useReducedMotion() {
   return reduced;
 }
 // src/platform/useColorScheme.ts
-import * as React23 from "react";
+import * as React22 from "react";
 "use client";
 function useColorScheme() {
-  const [scheme, setScheme] = React23.useState("light");
-  React23.useEffect(() => {
+  const [scheme, setScheme] = React22.useState("light");
+  React22.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6176,7 +6159,7 @@ function FormCardLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormStepsLayout.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 import { Separator as Separator6 } from "@contractspec/lib.ui-kit-web/ui/separator";
 import { cn as cn42 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV104 } from "react/jsx-dev-runtime";
@@ -6187,8 +6170,8 @@ function FormStepsLayout({
   canNext,
   className
 }) {
-  const indexByKey = React24.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
-  const [idx, setIdx] = React24.useState(() => {
+  const indexByKey = React23.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+  const [idx, setIdx] = React23.useState(() => {
     if (initialStepKey && initialStepKey in indexByKey)
       return indexByKey[initialStepKey] || 0;
     return 0;
@@ -6256,7 +6239,7 @@ function FormStepsLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormOneByOneLayout.tsx
-import * as React25 from "react";
+import * as React24 from "react";
 import { cn as cn43 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV105 } from "react/jsx-dev-runtime";
 function FormOneByOneLayout({
@@ -6265,8 +6248,8 @@ function FormOneByOneLayout({
   onComplete,
   className
 }) {
-  const indexByKey = React25.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
-  const [idx, setIdx] = React25.useState(() => {
+  const indexByKey = React24.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+  const [idx, setIdx] = React24.useState(() => {
     if (initialKey && initialKey in indexByKey) {
       return indexByKey[initialKey] || 0;
     }
@@ -6734,7 +6717,7 @@ function fieldByKey2(fields, key) {
   return fields.find((field) => field.key === key);
 }
 // src/components/data-view/DataViewRenderer.tsx
-import * as React26 from "react";
+import * as React25 from "react";
 import {
   Pagination,
   PaginationContent,
@@ -6763,7 +6746,7 @@ function DataViewRenderer({
   pagination,
   onPageChange
 }) {
-  const viewContent = React26.useMemo(() => {
+  const viewContent = React25.useMemo(() => {
     switch (spec.view.kind) {
       case "list":
         return /* @__PURE__ */ jsxDEV111(DataViewList, {

package/dist/components/organisms/MarketingHeaderMobile.d.ts

@@ -1,2 +1,2 @@
 import type { MarketingHeaderProps } from './MarketingHeader';
-export declare function MarketingHeaderMobile({ logo, nav, className, right, }: MarketingHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarketingHeaderMobile({ logo, nav, className, right, commandPaletteGroups, langSwitchProps, }: MarketingHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -903,11 +903,8 @@ function NavMain({
           children: [
             /* @__PURE__ */ jsxDEV13(NavTrigger, {
               children: /* @__PURE__ */ jsxDEV13(Text2, {
-                children: [
-                  "r",
-                  it.label
-                ]
-              }, undefined, true, undefined, this)
+                children: it.label
+              }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV13(NavContent, {
               children: /* @__PURE__ */ jsxDEV13(HStack, {
@@ -1811,22 +1808,25 @@ function MobileHeader({
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23(SheetTitle, {
-            children: "Menu"
-          }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV23(SheetContent, {
             side: "left",
             className: "w-[300px] p-0",
-            children: mobileSidebar ? /* @__PURE__ */ jsxDEV23(AppSidebar, {
-              sections: mobileSidebar.sections,
-              top: mobileSidebar.top,
-              bottom: mobileSidebar.bottom,
-              className: "h-svh"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV23("div", {
-              className: "p-4",
-              children: "No sidebar configured"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            children: [
+              /* @__PURE__ */ jsxDEV23(SheetTitle, {
+                className: "sr-only",
+                children: "Menu"
+              }, undefined, false, undefined, this),
+              mobileSidebar ? /* @__PURE__ */ jsxDEV23(AppSidebar, {
+                sections: mobileSidebar.sections,
+                top: mobileSidebar.top,
+                bottom: mobileSidebar.bottom,
+                className: "h-svh"
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV23("div", {
+                className: "p-4",
+                children: "No sidebar configured"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV23("div", {
@@ -1966,7 +1966,7 @@ function FeatureCarousel({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeader.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   NavigationMenu as Nav2,
@@ -2193,7 +2193,6 @@ function CommandSearchTrigger({
 }
 
 // src/components/molecules/LangSwitchDropdown.tsx
-import * as React5 from "react";
 import { Globe } from "lucide-react";
 import {
   DropdownMenu as DropdownMenu2,
@@ -2208,16 +2207,11 @@ function LangSwitchDropdown({
   onChange,
   className
 }) {
-  const [open, setOpen] = React5.useState(false);
   const current = options.find((o) => o.code === value);
   return /* @__PURE__ */ jsxDEV30(DropdownMenu2, {
-    open,
-    onOpenChange: setOpen,
     children: [
       /* @__PURE__ */ jsxDEV30(DropdownMenuTrigger2, {
         className,
-        onMouseEnter: () => setOpen(true),
-        onMouseLeave: () => setOpen(false),
         children: /* @__PURE__ */ jsxDEV30("div", {
           className: "hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm",
           children: [
@@ -2233,10 +2227,8 @@ function LangSwitchDropdown({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV30(DropdownMenuContent2, {
         align: "end",
-        onMouseEnter: () => setOpen(true),
-        onMouseLeave: () => setOpen(false),
         children: options.map((opt) => /* @__PURE__ */ jsxDEV30(DropdownMenuItem2, {
-          onClick: () => onChange(opt.code),
+          onSelect: () => onChange(opt.code),
           children: opt.label
         }, opt.code, false, undefined, this))
       }, undefined, false, undefined, this)
@@ -2271,7 +2263,7 @@ function MarketingHeader({
   commandPaletteGroups,
   langSwitchProps
 }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React5.useState(false);
   return /* @__PURE__ */ jsxDEV31(HStack2, {
     as: "header",
     className: cn10("bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs", className),
@@ -2498,7 +2490,7 @@ function MarketingHeaderDesktop({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeaderMobile.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Sheet as Sheet3,
@@ -2506,8 +2498,7 @@ import {
   SheetTrigger as SheetTrigger3,
   SheetTitle as SheetTitle2,
   SheetHeader as SheetHeader2,
-  SheetFooter,
-  SheetDescription
+  SheetFooter
 } from "@contractspec/lib.ui-kit-web/ui/sheet";
 import { Menu as Menu3 } from "lucide-react";
 import { VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
@@ -2517,9 +2508,11 @@ function MarketingHeaderMobile({
   logo,
   nav = [],
   className,
-  right
+  right,
+  commandPaletteGroups,
+  langSwitchProps
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React6.useState(false);
   return /* @__PURE__ */ jsxDEV33("div", {
     className: cn12("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs md:hidden", className),
     children: /* @__PURE__ */ jsxDEV33("div", {
@@ -2552,20 +2545,13 @@ function MarketingHeaderMobile({
                         /* @__PURE__ */ jsxDEV33(SheetTitle2, {
                           children: "Menu"
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV33(SheetDescription, {
-                          children: [
-                            /* @__PURE__ */ jsxDEV33("div", {
-                              className: "mb-3",
-                              children: /* @__PURE__ */ jsxDEV33(CommandSearchTrigger, {
-                                groups: [],
-                                compact: true
-                              }, undefined, false, undefined, this)
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV33(MobileNavMenu, {
-                              items: nav
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this)
+                        !!commandPaletteGroups?.length && /* @__PURE__ */ jsxDEV33("div", {
+                          className: "mb-3",
+                          children: /* @__PURE__ */ jsxDEV33(CommandSearchTrigger, {
+                            groups: commandPaletteGroups,
+                            compact: true
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
                     /* @__PURE__ */ jsxDEV33(VStack3, {
@@ -2585,13 +2571,10 @@ function MarketingHeaderMobile({
         }, undefined, true, undefined, this),
         /* @__PURE__ */ jsxDEV33("div", {
           className: "flex items-center gap-2",
-          children: /* @__PURE__ */ jsxDEV33(LangSwitchDropdown, {
-            value: "en",
-            options: [
-              { code: "fr", label: "FR" },
-              { code: "en", label: "EN" }
-            ],
-            onChange: () => {}
+          children: !!(langSwitchProps?.options?.length > 1) && /* @__PURE__ */ jsxDEV33(LangSwitchDropdown, {
+            value: langSwitchProps.value,
+            options: langSwitchProps.options,
+            onChange: langSwitchProps.onChange
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
@@ -2938,7 +2921,7 @@ function MarketingComparisonSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/AppLayout.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { cn as cn17 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Separator as Separator4 } from "@contractspec/lib.ui-kit-web/ui/separator";
 import {
@@ -2983,7 +2966,7 @@ function AppLayout({
                 className: "mb-2",
                 children: /* @__PURE__ */ jsxDEV41(Breadcrumb, {
                   children: /* @__PURE__ */ jsxDEV41(BreadcrumbList, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React8.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React7.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV41(BreadcrumbItem, {
                           children: it.href ? /* @__PURE__ */ jsxDEV41(BreadcrumbLink, {
@@ -3016,7 +2999,7 @@ function AppLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/AcademyLayout.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import { cn as cn18 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Breadcrumb as Breadcrumb2,
@@ -3055,7 +3038,7 @@ function AcademyLayout({
                 className: "mb-4",
                 children: /* @__PURE__ */ jsxDEV42(Breadcrumb2, {
                   children: /* @__PURE__ */ jsxDEV42(BreadcrumbList2, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React9.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React8.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV42(BreadcrumbItem2, {
                           children: it.href ? /* @__PURE__ */ jsxDEV42(BreadcrumbLink2, {
@@ -3175,7 +3158,7 @@ function NavBrand({
   }, undefined, false, undefined, this) : content;
 }
 // src/components/molecules/Breadcrumbs.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import {
   Breadcrumb as Root,
   BreadcrumbItem as BreadcrumbItem3,
@@ -3191,7 +3174,7 @@ function Breadcrumbs({ items }) {
     return null;
   return /* @__PURE__ */ jsxDEV46(Root, {
     children: /* @__PURE__ */ jsxDEV46(BreadcrumbList3, {
-      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React10.Fragment, {
+      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React9.Fragment, {
         children: [
           /* @__PURE__ */ jsxDEV46(BreadcrumbItem3, {
             children: it.href ? /* @__PURE__ */ jsxDEV46(BreadcrumbLink3, {
@@ -3261,7 +3244,7 @@ function StatusChip({
   }
 }
 // src/components/molecules/EntityCard.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import { Card as Card5, CardContent as CardContent5 } from "@contractspec/lib.ui-kit-web/ui/card";
 import { cva as cva13 } from "class-variance-authority";
 import { cn as cn22 } from "@contractspec/lib.ui-kit-web/ui/utils";
@@ -3330,7 +3313,7 @@ function EntityCard({
   onClick,
   ...cardProps
 }) {
-  const [isExpanded, setIsExpanded] = React11.useState(defaultExpanded);
+  const [isExpanded, setIsExpanded] = React10.useState(defaultExpanded);
   const Wrapper = href ? "a" : "div";
   const isInteractive = interactive ?? !!(onClick || href);
   const handleExpandClick = (e) => {
@@ -3976,13 +3959,13 @@ function HeroSection({
   }, undefined, false, undefined, this);
 }
 // src/platform/useResponsive.ts
-import * as React12 from "react";
+import * as React11 from "react";
 "use client";
 var DEFAULT = { sm: 640, md: 768, lg: 1024, xl: 1280 };
 function useResponsive(custom) {
-  const bp = React12.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
-  const [width, setWidth] = React12.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-  React12.useEffect(() => {
+  const bp = React11.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
+  const [width, setWidth] = React11.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+  React11.useEffect(() => {
     if (typeof window === "undefined")
       return;
     const onResize = () => setWidth(window.innerWidth);
@@ -4126,7 +4109,7 @@ function PricingSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/FAQSection.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import { VStack as VStack10 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import {
   Accordion,
@@ -4147,7 +4130,7 @@ function FAQSection({
   accordionClassName
 }) {
   const hasItems = Array.isArray(items) && items.length > 0;
-  const defaultValue = React13.useMemo(() => {
+  const defaultValue = React12.useMemo(() => {
     if (!hasItems)
       return;
     if (accordionType === "multiple")
@@ -4446,7 +4429,7 @@ function ListTablePage({
   }, undefined, true, undefined, this);
 }
 // src/components/molecules/FiltersToolbar.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { cn as cn24 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { Badge as Badge3 } from "@contractspec/lib.ui-kit-web/ui/badge";
 import { jsxDEV as jsxDEV69 } from "react/jsx-dev-runtime";
@@ -4462,11 +4445,11 @@ function FiltersToolbar({
   activeChips = [],
   onClearAll
 }) {
-  const [q, setQ] = React14.useState(searchValue ?? "");
-  React14.useEffect(() => {
+  const [q, setQ] = React13.useState(searchValue ?? "");
+  React13.useEffect(() => {
     setQ(searchValue ?? "");
   }, [searchValue]);
-  React14.useEffect(() => {
+  React13.useEffect(() => {
     if (!onSearchChange)
       return;
     const id = setTimeout(() => onSearchChange(q), debounceMs);
@@ -4539,12 +4522,12 @@ function FiltersToolbar({
   }, undefined, true, undefined, this);
 }
 // src/components/templates/lists/ListPageTemplate/index.web.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import { cva as cva20 } from "class-variance-authority";
 import { cn as cn25 } from "@contractspec/lib.ui-kit-web/ui/utils";
 
 // src/components/molecules/AiLinkButton.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 import {
   DropdownMenu as DropdownMenu3,
   DropdownMenuContent as DropdownMenuContent3,
@@ -4566,19 +4549,19 @@ function buildProviderUrl(provider, href) {
   }
 }
 function AiLinkButton({ href, className }) {
-  const copyLink = React15.useCallback(() => {
+  const copyLink = React14.useCallback(() => {
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
   }, [href]);
-  const openChatGPT = React15.useCallback(() => {
+  const openChatGPT = React14.useCallback(() => {
     const url = buildProviderUrl("chatgpt", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
     window.open(url, "_blank", "noopener,noreferrer");
   }, [href]);
-  const openClaude = React15.useCallback(() => {
+  const openClaude = React14.useCallback(() => {
     const url = buildProviderUrl("claude", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
@@ -4716,7 +4699,7 @@ function ListPageTemplate({
   renderItem,
   emptyProps
 }) {
-  const mdHref = React16.useMemo(() => {
+  const mdHref = React15.useMemo(() => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -4770,7 +4753,7 @@ function ListPageTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/EmptySearchResult.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import {
   Empty as Empty2,
   EmptyContent as EmptyContent2,
@@ -4791,7 +4774,7 @@ function EmptySearchResult({
   const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
   const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
   const onChange = onSearchChange ?? handleSearchChange;
-  const [q, setQ] = React17.useState("");
+  const [q, setQ] = React16.useState("");
   return /* @__PURE__ */ jsxDEV73(Empty2, {
     className,
     children: [
@@ -4995,7 +4978,7 @@ function ErrorState({
   }, undefined, true, undefined, this);
 }
 // src/hooks/useListUrlState.ts
-import * as React18 from "react";
+import * as React17 from "react";
 function useListUrlState({
   defaults,
   paramKeys = {
@@ -5007,7 +4990,7 @@ function useListUrlState({
   },
   replaceState = true
 }) {
-  const read = React18.useCallback(() => {
+  const read = React17.useCallback(() => {
     if (typeof window === "undefined")
       return defaults;
     const url = new URL(window.location.href);
@@ -5033,8 +5016,8 @@ function useListUrlState({
       filters
     };
   }, [defaults, paramKeys]);
-  const [state, setState] = React18.useState(read);
-  const write = React18.useCallback((next) => {
+  const [state, setState] = React17.useState(read);
+  const write = React17.useCallback((next) => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -5064,15 +5047,15 @@ function useListUrlState({
       window.history.pushState({}, "", newUrl);
     setState(merged);
   }, [state, paramKeys, replaceState]);
-  const setFilter = React18.useCallback((key, value) => {
+  const setFilter = React17.useCallback((key, value) => {
     write({
       filters: { ...state.filters, [key]: value }
     });
   }, [state.filters, write]);
-  const clearFilters = React18.useCallback(() => {
+  const clearFilters = React17.useCallback(() => {
     write({ filters: {}, page: 1 });
   }, [write]);
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     const onPop = () => setState(read());
     window.addEventListener("popstate", onPop);
     return () => window.removeEventListener("popstate", onPop);
@@ -5611,7 +5594,7 @@ function GDPRRights({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/ContactForm.tsx
-import * as React19 from "react";
+import * as React18 from "react";
 import { jsxDEV as jsxDEV93 } from "react/jsx-dev-runtime";
 function ContactForm({
   labels = { submit: "Envoyer" },
@@ -5619,8 +5602,8 @@ function ContactForm({
   disabled,
   onSubmit
 }) {
-  const [value, setValue] = React19.useState(initialValue);
-  const [loading, setLoading] = React19.useState(false);
+  const [value, setValue] = React18.useState(initialValue);
+  const [loading, setLoading] = React18.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5650,14 +5633,14 @@ function ContactForm({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/GDPRDataRequest.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import { jsxDEV as jsxDEV94 } from "react/jsx-dev-runtime";
 function GDPRDataRequest({
   onExport,
   onDelete,
   labels = { export: "Demander une copie", delete: "Demander la suppression" }
 }) {
-  const [loading, setLoading] = React20.useState(null);
+  const [loading, setLoading] = React19.useState(null);
   const handle = async (kind) => {
     const fn = kind === "export" ? onExport : onDelete;
     if (!fn)
@@ -5847,20 +5830,20 @@ function CookiesTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/templates/ContactTemplate.tsx
-import * as React21 from "react";
+import * as React20 from "react";
 import { jsxDEV as jsxDEV99 } from "react/jsx-dev-runtime";
 function ContactTemplate({
   title = "Contact",
   meta,
   onSubmit
 }) {
-  const [value, setValue] = React21.useState({
+  const [value, setValue] = React20.useState({
     name: "",
     email: "",
     subject: "",
     message: ""
   });
-  const [loading, setLoading] = React21.useState(false);
+  const [loading, setLoading] = React20.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5914,11 +5897,11 @@ function withPlatformUI(options) {
   };
 }
 // src/platform/useReducedMotion.ts
-import * as React22 from "react";
+import * as React21 from "react";
 "use client";
 function useReducedMotion() {
-  const [reduced, setReduced] = React22.useState(false);
-  React22.useEffect(() => {
+  const [reduced, setReduced] = React21.useState(false);
+  React21.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -5930,11 +5913,11 @@ function useReducedMotion() {
   return reduced;
 }
 // src/platform/useColorScheme.ts
-import * as React23 from "react";
+import * as React22 from "react";
 "use client";
 function useColorScheme() {
-  const [scheme, setScheme] = React23.useState("light");
-  React23.useEffect(() => {
+  const [scheme, setScheme] = React22.useState("light");
+  React22.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6171,7 +6154,7 @@ function FormCardLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormStepsLayout.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 import { Separator as Separator6 } from "@contractspec/lib.ui-kit-web/ui/separator";
 import { cn as cn42 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV104 } from "react/jsx-dev-runtime";
@@ -6182,8 +6165,8 @@ function FormStepsLayout({
   canNext,
   className
 }) {
-  const indexByKey = React24.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
-  const [idx, setIdx] = React24.useState(() => {
+  const indexByKey = React23.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+  const [idx, setIdx] = React23.useState(() => {
     if (initialStepKey && initialStepKey in indexByKey)
       return indexByKey[initialStepKey] || 0;
     return 0;
@@ -6251,7 +6234,7 @@ function FormStepsLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormOneByOneLayout.tsx
-import * as React25 from "react";
+import * as React24 from "react";
 import { cn as cn43 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV105 } from "react/jsx-dev-runtime";
 function FormOneByOneLayout({
@@ -6260,8 +6243,8 @@ function FormOneByOneLayout({
   onComplete,
   className
 }) {
-  const indexByKey = React25.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
-  const [idx, setIdx] = React25.useState(() => {
+  const indexByKey = React24.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+  const [idx, setIdx] = React24.useState(() => {
     if (initialKey && initialKey in indexByKey) {
       return indexByKey[initialKey] || 0;
     }
@@ -6729,7 +6712,7 @@ function fieldByKey2(fields, key) {
   return fields.find((field) => field.key === key);
 }
 // src/components/data-view/DataViewRenderer.tsx
-import * as React26 from "react";
+import * as React25 from "react";
 import {
   Pagination,
   PaginationContent,
@@ -6758,7 +6741,7 @@ function DataViewRenderer({
   pagination,
   onPageChange
 }) {
-  const viewContent = React26.useMemo(() => {
+  const viewContent = React25.useMemo(() => {
     switch (spec.view.kind) {
       case "list":
         return /* @__PURE__ */ jsxDEV111(DataViewList, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.design-system",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "description": "Design tokens and theming primitives",
   "keywords": [
     "contractspec",
@@ -30,35 +30,35 @@
   "sideEffects": false,
   "tree-shake": true,
   "dependencies": {
-    "@contractspec/lib.ai-agent": "2.5.0",
-    "@contractspec/lib.contracts-spec": "2.5.0",
-    "@contractspec/lib.contracts-runtime-client-react": "2.5.0",
-    "@contractspec/lib.ui-kit": "2.5.0",
-    "@contractspec/lib.ui-kit-web": "2.5.0",
+    "@contractspec/lib.ai-agent": "2.6.0",
+    "@contractspec/lib.contracts-spec": "2.6.0",
+    "@contractspec/lib.contracts-runtime-client-react": "2.6.0",
+    "@contractspec/lib.ui-kit": "2.6.0",
+    "@contractspec/lib.ui-kit-web": "2.6.0",
     "@hookform/resolvers": "5.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.564.0",
+    "lucide-react": "^0.575.0",
     "next": "16.1.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "react-hook-form": "^7.70.0",
+    "react-hook-form": "^7.71.2",
     "shiki": "^3.21.0",
-    "tailwind-merge": "^3.4.1",
+    "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "2.5.0",
-    "@types/node": "^25.2.3",
+    "@contractspec/tool.typescript": "2.6.0",
+    "@types/node": "^25.3.0",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",
     "postcss-load-config": "^6.0.1",
     "react-native": "^0.81.4",
     "react-native-css": "^3.0.0",
-    "tailwindcss": "4.1.18",
+    "tailwindcss": "4.2.1",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "2.5.0"
+    "@contractspec/tool.bun": "2.6.0"
   },
   "files": [
     "dist",