@contractspec/lib.design-system 1.61.0 → 1.62.0

package/dist/browser/index.js

@@ -527,7 +527,6 @@ var formRenderer = createFormRenderer({
   })
 });
 // src/components/atoms/Cta.tsx
-import * as React3 from "react";
 import { cva } from "class-variance-authority";
 
 // src/components/atoms/ButtonLink.tsx
@@ -591,7 +590,7 @@ var _ctaVariants = cva("", {
   },
   defaultVariants: { size: "touch", emphasis: "default" }
 });
-var Cta = React3.forwardRef(({
+function Cta({
   capture,
   ctaName,
   as = "button",
@@ -601,7 +600,7 @@ var Cta = React3.forwardRef(({
   emphasis = "default",
   children,
   ...props
-}, _ref) => {
+}) {
   const handleClick = (e) => {
     if (ctaName) {
       try {
@@ -630,8 +629,7 @@ var Cta = React3.forwardRef(({
     ...props,
     children
   }, undefined, false, undefined, this);
-});
-Cta.displayName = "Cta";
+}
 // src/components/atoms/Link.tsx
 import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 function Link2({ children, ...props }) {
@@ -1973,7 +1971,7 @@ function FeatureCarousel({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeader.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   NavigationMenu as Nav2,
@@ -2075,12 +2073,12 @@ function MobileNavMenu({
 }
 
 // src/components/molecules/CommandSearchTrigger.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { SearchIcon } from "lucide-react";
 import { cn as cn9 } from "@contractspec/lib.ui-kit-web/ui/utils";
 
 // src/components/molecules/CommandPalette.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import {
   CommandDialog,
   CommandEmpty,
@@ -2099,11 +2097,11 @@ function CommandPalette({
   groups,
   placeholder = "Type a command or search…"
 }) {
-  const [internalOpen, setInternalOpen] = React4.useState(false);
+  const [internalOpen, setInternalOpen] = React3.useState(false);
   const isControlled = typeof open === "boolean";
   const visible = isControlled ? open : internalOpen;
   const setVisible = isControlled && onOpenChange ? onOpenChange : setInternalOpen;
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -2155,8 +2153,8 @@ function CommandSearchTrigger({
   placeholder = "Search…",
   compact = false
 }) {
-  const [open, setOpen] = React5.useState(false);
-  React5.useEffect(() => {
+  const [open, setOpen] = React4.useState(false);
+  React4.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -2200,7 +2198,7 @@ function CommandSearchTrigger({
 }
 
 // src/components/molecules/LangSwitchDropdown.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import { Globe } from "lucide-react";
 import {
   DropdownMenu as DropdownMenu2,
@@ -2215,7 +2213,7 @@ function LangSwitchDropdown({
   onChange,
   className
 }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React5.useState(false);
   const current = options.find((o) => o.code === value);
   return /* @__PURE__ */ jsxDEV30(DropdownMenu2, {
     open,
@@ -2278,7 +2276,7 @@ function MarketingHeader({
   commandPaletteGroups,
   langSwitchProps
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React6.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),
@@ -2505,7 +2503,7 @@ function MarketingHeaderDesktop({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeaderMobile.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Sheet as Sheet3,
@@ -2526,7 +2524,7 @@ function MarketingHeaderMobile({
   className,
   right
 }) {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React7.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", {
@@ -2945,7 +2943,7 @@ function MarketingComparisonSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/AppLayout.tsx
-import * as React9 from "react";
+import * as React8 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 {
@@ -2990,7 +2988,7 @@ function AppLayout({
                 className: "mb-2",
                 children: /* @__PURE__ */ jsxDEV41(Breadcrumb, {
                   children: /* @__PURE__ */ jsxDEV41(BreadcrumbList, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React9.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React8.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV41(BreadcrumbItem, {
                           children: it.href ? /* @__PURE__ */ jsxDEV41(BreadcrumbLink, {
@@ -3023,7 +3021,7 @@ function AppLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/AcademyLayout.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { cn as cn18 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Breadcrumb as Breadcrumb2,
@@ -3062,7 +3060,7 @@ function AcademyLayout({
                 className: "mb-4",
                 children: /* @__PURE__ */ jsxDEV42(Breadcrumb2, {
                   children: /* @__PURE__ */ jsxDEV42(BreadcrumbList2, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React10.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React9.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV42(BreadcrumbItem2, {
                           children: it.href ? /* @__PURE__ */ jsxDEV42(BreadcrumbLink2, {
@@ -3182,7 +3180,7 @@ function NavBrand({
   }, undefined, false, undefined, this) : content;
 }
 // src/components/molecules/Breadcrumbs.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import {
   Breadcrumb as Root,
   BreadcrumbItem as BreadcrumbItem3,
@@ -3198,7 +3196,7 @@ function Breadcrumbs({ items }) {
     return null;
   return /* @__PURE__ */ jsxDEV46(Root, {
     children: /* @__PURE__ */ jsxDEV46(BreadcrumbList3, {
-      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React11.Fragment, {
+      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React10.Fragment, {
         children: [
           /* @__PURE__ */ jsxDEV46(BreadcrumbItem3, {
             children: it.href ? /* @__PURE__ */ jsxDEV46(BreadcrumbLink3, {
@@ -3268,7 +3266,7 @@ function StatusChip({
   }
 }
 // src/components/molecules/EntityCard.tsx
-import * as React12 from "react";
+import * as React11 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";
@@ -3337,7 +3335,7 @@ function EntityCard({
   onClick,
   ...cardProps
 }) {
-  const [isExpanded, setIsExpanded] = React12.useState(defaultExpanded);
+  const [isExpanded, setIsExpanded] = React11.useState(defaultExpanded);
   const Wrapper = href ? "a" : "div";
   const isInteractive = interactive ?? !!(onClick || href);
   const handleExpandClick = (e) => {
@@ -3983,13 +3981,13 @@ function HeroSection({
   }, undefined, false, undefined, this);
 }
 // src/platform/useResponsive.ts
-import * as React13 from "react";
+import * as React12 from "react";
 "use client";
 var DEFAULT = { sm: 640, md: 768, lg: 1024, xl: 1280 };
 function useResponsive(custom) {
-  const bp = React13.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
-  const [width, setWidth] = React13.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-  React13.useEffect(() => {
+  const bp = React12.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
+  const [width, setWidth] = React12.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+  React12.useEffect(() => {
     if (typeof window === "undefined")
       return;
     const onResize = () => setWidth(window.innerWidth);
@@ -4133,7 +4131,7 @@ function PricingSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/FAQSection.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { VStack as VStack10 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import {
   Accordion,
@@ -4154,7 +4152,7 @@ function FAQSection({
   accordionClassName
 }) {
   const hasItems = Array.isArray(items) && items.length > 0;
-  const defaultValue = React14.useMemo(() => {
+  const defaultValue = React13.useMemo(() => {
     if (!hasItems)
       return;
     if (accordionType === "multiple")
@@ -4453,7 +4451,7 @@ function ListTablePage({
   }, undefined, true, undefined, this);
 }
 // src/components/molecules/FiltersToolbar.tsx
-import * as React15 from "react";
+import * as React14 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";
@@ -4469,11 +4467,11 @@ function FiltersToolbar({
   activeChips = [],
   onClearAll
 }) {
-  const [q, setQ] = React15.useState(searchValue ?? "");
-  React15.useEffect(() => {
+  const [q, setQ] = React14.useState(searchValue ?? "");
+  React14.useEffect(() => {
     setQ(searchValue ?? "");
   }, [searchValue]);
-  React15.useEffect(() => {
+  React14.useEffect(() => {
     if (!onSearchChange)
       return;
     const id = setTimeout(() => onSearchChange(q), debounceMs);
@@ -4546,12 +4544,12 @@ function FiltersToolbar({
   }, undefined, true, undefined, this);
 }
 // src/components/templates/lists/ListPageTemplate/index.web.tsx
-import * as React17 from "react";
+import * as React16 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 React16 from "react";
+import * as React15 from "react";
 import {
   DropdownMenu as DropdownMenu3,
   DropdownMenuContent as DropdownMenuContent3,
@@ -4573,19 +4571,19 @@ function buildProviderUrl(provider, href) {
   }
 }
 function AiLinkButton({ href, className }) {
-  const copyLink = React16.useCallback(() => {
+  const copyLink = React15.useCallback(() => {
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
   }, [href]);
-  const openChatGPT = React16.useCallback(() => {
+  const openChatGPT = React15.useCallback(() => {
     const url = buildProviderUrl("chatgpt", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
     window.open(url, "_blank", "noopener,noreferrer");
   }, [href]);
-  const openClaude = React16.useCallback(() => {
+  const openClaude = React15.useCallback(() => {
     const url = buildProviderUrl("claude", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
@@ -4723,7 +4721,7 @@ function ListPageTemplate({
   renderItem,
   emptyProps
 }) {
-  const mdHref = React17.useMemo(() => {
+  const mdHref = React16.useMemo(() => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -4777,7 +4775,7 @@ function ListPageTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/EmptySearchResult.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 import {
   Empty as Empty2,
   EmptyContent as EmptyContent2,
@@ -4798,7 +4796,7 @@ function EmptySearchResult({
   const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
   const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
   const onChange = onSearchChange ?? handleSearchChange;
-  const [q, setQ] = React18.useState("");
+  const [q, setQ] = React17.useState("");
   return /* @__PURE__ */ jsxDEV73(Empty2, {
     className,
     children: [
@@ -5002,7 +5000,7 @@ function ErrorState({
   }, undefined, true, undefined, this);
 }
 // src/hooks/useListUrlState.ts
-import * as React19 from "react";
+import * as React18 from "react";
 function useListUrlState({
   defaults,
   paramKeys = {
@@ -5014,7 +5012,7 @@ function useListUrlState({
   },
   replaceState = true
 }) {
-  const read = React19.useCallback(() => {
+  const read = React18.useCallback(() => {
     if (typeof window === "undefined")
       return defaults;
     const url = new URL(window.location.href);
@@ -5040,8 +5038,8 @@ function useListUrlState({
       filters
     };
   }, [defaults, paramKeys]);
-  const [state, setState] = React19.useState(read);
-  const write = React19.useCallback((next) => {
+  const [state, setState] = React18.useState(read);
+  const write = React18.useCallback((next) => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -5071,15 +5069,15 @@ function useListUrlState({
       window.history.pushState({}, "", newUrl);
     setState(merged);
   }, [state, paramKeys, replaceState]);
-  const setFilter = React19.useCallback((key, value) => {
+  const setFilter = React18.useCallback((key, value) => {
     write({
       filters: { ...state.filters, [key]: value }
     });
   }, [state.filters, write]);
-  const clearFilters = React19.useCallback(() => {
+  const clearFilters = React18.useCallback(() => {
     write({ filters: {}, page: 1 });
   }, [write]);
-  React19.useEffect(() => {
+  React18.useEffect(() => {
     const onPop = () => setState(read());
     window.addEventListener("popstate", onPop);
     return () => window.removeEventListener("popstate", onPop);
@@ -5618,7 +5616,7 @@ function GDPRRights({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/ContactForm.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import { jsxDEV as jsxDEV93 } from "react/jsx-dev-runtime";
 function ContactForm({
   labels = { submit: "Envoyer" },
@@ -5626,8 +5624,8 @@ function ContactForm({
   disabled,
   onSubmit
 }) {
-  const [value, setValue] = React20.useState(initialValue);
-  const [loading, setLoading] = React20.useState(false);
+  const [value, setValue] = React19.useState(initialValue);
+  const [loading, setLoading] = React19.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5657,14 +5655,14 @@ function ContactForm({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/GDPRDataRequest.tsx
-import * as React21 from "react";
+import * as React20 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] = React21.useState(null);
+  const [loading, setLoading] = React20.useState(null);
   const handle = async (kind) => {
     const fn = kind === "export" ? onExport : onDelete;
     if (!fn)
@@ -5854,20 +5852,20 @@ function CookiesTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/templates/ContactTemplate.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 import { jsxDEV as jsxDEV99 } from "react/jsx-dev-runtime";
 function ContactTemplate({
   title = "Contact",
   meta,
   onSubmit
 }) {
-  const [value, setValue] = React22.useState({
+  const [value, setValue] = React21.useState({
     name: "",
     email: "",
     subject: "",
     message: ""
   });
-  const [loading, setLoading] = React22.useState(false);
+  const [loading, setLoading] = React21.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5921,11 +5919,11 @@ function withPlatformUI(options) {
   };
 }
 // src/platform/useReducedMotion.ts
-import * as React23 from "react";
+import * as React22 from "react";
 "use client";
 function useReducedMotion() {
-  const [reduced, setReduced] = React23.useState(false);
-  React23.useEffect(() => {
+  const [reduced, setReduced] = React22.useState(false);
+  React22.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -5937,11 +5935,11 @@ function useReducedMotion() {
   return reduced;
 }
 // src/platform/useColorScheme.ts
-import * as React24 from "react";
+import * as React23 from "react";
 "use client";
 function useColorScheme() {
-  const [scheme, setScheme] = React24.useState("light");
-  React24.useEffect(() => {
+  const [scheme, setScheme] = React23.useState("light");
+  React23.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6178,7 +6176,7 @@ function FormCardLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormStepsLayout.tsx
-import * as React25 from "react";
+import * as React24 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";
@@ -6189,8 +6187,8 @@ function FormStepsLayout({
   canNext,
   className
 }) {
-  const indexByKey = React25.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
-  const [idx, setIdx] = React25.useState(() => {
+  const indexByKey = React24.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+  const [idx, setIdx] = React24.useState(() => {
     if (initialStepKey && initialStepKey in indexByKey)
       return indexByKey[initialStepKey] || 0;
     return 0;
@@ -6258,7 +6256,7 @@ function FormStepsLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormOneByOneLayout.tsx
-import * as React26 from "react";
+import * as React25 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({
@@ -6267,8 +6265,8 @@ function FormOneByOneLayout({
   onComplete,
   className
 }) {
-  const indexByKey = React26.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
-  const [idx, setIdx] = React26.useState(() => {
+  const indexByKey = React25.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+  const [idx, setIdx] = React25.useState(() => {
     if (initialKey && initialKey in indexByKey) {
       return indexByKey[initialKey] || 0;
     }
@@ -6736,7 +6734,7 @@ function fieldByKey2(fields, key) {
   return fields.find((field) => field.key === key);
 }
 // src/components/data-view/DataViewRenderer.tsx
-import * as React27 from "react";
+import * as React26 from "react";
 import {
   Pagination,
   PaginationContent,
@@ -6765,7 +6763,7 @@ function DataViewRenderer({
   pagination,
   onPageChange
 }) {
-  const viewContent = React27.useMemo(() => {
+  const viewContent = React26.useMemo(() => {
     switch (spec.view.kind) {
       case "list":
         return /* @__PURE__ */ jsxDEV111(DataViewList, {

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

@@ -5,33 +5,13 @@ declare const _ctaVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "touch" | null | undefined;
     emphasis?: "default" | "strong" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type CtaProps = ButtonProps & VariantProps<typeof _ctaVariants> & {
+export type CtaProps = Omit<ButtonProps, 'size'> & VariantProps<typeof _ctaVariants> & {
     capture?: (cta: string) => void;
     ctaName?: string;
     as?: 'button' | 'a';
     href?: string;
     children?: React.ReactNode;
 };
-export declare const Cta: React.ForwardRefExoticComponent<Omit<import("@contractspec/lib.ui-kit-web/ui/button").ButtonProps, "disabled" | "children" | "onClick"> & {
-    children: React.ReactNode;
-    loading?: boolean;
-    loadingText?: string;
-    spinnerPlacement?: "start" | "end";
-    onPress?: () => void;
-    onPressIn?: () => void;
-    onPressOut?: () => void;
-    onLongPress?: () => void;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-} & VariantProps<(props?: ({
-    size?: "sm" | "lg" | "md" | "touch" | null | undefined;
-    emphasis?: "default" | "strong" | "subtle" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    capture?: (cta: string) => void;
-    ctaName?: string;
-    as?: "button" | "a";
-    href?: string;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare function Cta({ capture, ctaName, as, href, onClick, size, emphasis, children, ...props }: CtaProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Cta.d.ts.map

package/dist/components/atoms/Cta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cta.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Cta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;;8EAMhB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;cAPF,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;cACrB,MAAM;SACX,QAAQ,GAAG,GAAG;WACZ,MAAM;eACF,KAAK,CAAC,SAAS;+DAoE7B,CAAC"}
+{"version":3,"file":"Cta.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Cta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;;8EAMhB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC9C,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,wBAAgB,GAAG,CAAC,EAClB,OAAO,EACP,OAAO,EACP,EAAa,EACb,IAAI,EACJ,OAAO,EACP,IAAc,EACd,QAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,QAAQ,2CA+CV"}

package/dist/components/atoms/Cta.mobile.d.ts

@@ -1,28 +1,14 @@
 import * as React from 'react';
 import { type ButtonProps } from './Button';
-export type CtaProps = ButtonProps & {
+export type CtaProps = Omit<ButtonProps, 'size'> & {
     capture?: (cta: string) => void;
     ctaName?: string;
     as?: 'button' | 'a';
     href?: string;
+    size?: 'default' | 'sm' | 'lg' | 'icon' | 'touch' | null;
     children?: React.ReactNode;
 };
-export declare const Cta: React.ForwardRefExoticComponent<Omit<import("@contractspec/lib.ui-kit-web/ui/button").ButtonProps, "disabled" | "children" | "onClick"> & {
-    children: React.ReactNode;
-    loading?: boolean;
-    loadingText?: string;
-    spinnerPlacement?: "start" | "end";
-    onPress?: () => void;
-    onPressIn?: () => void;
-    onPressOut?: () => void;
-    onLongPress?: () => void;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-} & {
-    capture?: (cta: string) => void;
-    ctaName?: string;
-    as?: "button" | "a";
-    href?: string;
-    children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
+export declare function Cta({ capture, ctaName, size, onClick, children, ref, ...props }: CtaProps & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Cta.mobile.d.ts.map

package/dist/components/atoms/Cta.mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cta.mobile.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Cta.mobile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;cAPJ,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;cACrB,MAAM;SACX,QAAQ,GAAG,GAAG;WACZ,MAAM;eACF,KAAK,CAAC,SAAS;iCAwD3B,CAAC"}
+{"version":3,"file":"Cta.mobile.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Cta.mobile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAClB,OAAO,EACP,OAAO,EACP,IAAc,EACd,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,QAAQ,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CAAE,2CAmDzC"}

package/dist/index.js

@@ -522,7 +522,6 @@ var formRenderer = createFormRenderer({
   })
 });
 // src/components/atoms/Cta.tsx
-import * as React3 from "react";
 import { cva } from "class-variance-authority";
 
 // src/components/atoms/ButtonLink.tsx
@@ -586,7 +585,7 @@ var _ctaVariants = cva("", {
   },
   defaultVariants: { size: "touch", emphasis: "default" }
 });
-var Cta = React3.forwardRef(({
+function Cta({
   capture,
   ctaName,
   as = "button",
@@ -596,7 +595,7 @@ var Cta = React3.forwardRef(({
   emphasis = "default",
   children,
   ...props
-}, _ref) => {
+}) {
   const handleClick = (e) => {
     if (ctaName) {
       try {
@@ -625,8 +624,7 @@ var Cta = React3.forwardRef(({
     ...props,
     children
   }, undefined, false, undefined, this);
-});
-Cta.displayName = "Cta";
+}
 // src/components/atoms/Link.tsx
 import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 function Link2({ children, ...props }) {
@@ -1968,7 +1966,7 @@ function FeatureCarousel({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeader.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   NavigationMenu as Nav2,
@@ -2070,12 +2068,12 @@ function MobileNavMenu({
 }
 
 // src/components/molecules/CommandSearchTrigger.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { SearchIcon } from "lucide-react";
 import { cn as cn9 } from "@contractspec/lib.ui-kit-web/ui/utils";
 
 // src/components/molecules/CommandPalette.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import {
   CommandDialog,
   CommandEmpty,
@@ -2094,11 +2092,11 @@ function CommandPalette({
   groups,
   placeholder = "Type a command or search\u2026"
 }) {
-  const [internalOpen, setInternalOpen] = React4.useState(false);
+  const [internalOpen, setInternalOpen] = React3.useState(false);
   const isControlled = typeof open === "boolean";
   const visible = isControlled ? open : internalOpen;
   const setVisible = isControlled && onOpenChange ? onOpenChange : setInternalOpen;
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -2150,8 +2148,8 @@ function CommandSearchTrigger({
   placeholder = "Search\u2026",
   compact = false
 }) {
-  const [open, setOpen] = React5.useState(false);
-  React5.useEffect(() => {
+  const [open, setOpen] = React4.useState(false);
+  React4.useEffect(() => {
     const handler = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -2195,7 +2193,7 @@ function CommandSearchTrigger({
 }
 
 // src/components/molecules/LangSwitchDropdown.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import { Globe } from "lucide-react";
 import {
   DropdownMenu as DropdownMenu2,
@@ -2210,7 +2208,7 @@ function LangSwitchDropdown({
   onChange,
   className
 }) {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React5.useState(false);
   const current = options.find((o) => o.code === value);
   return /* @__PURE__ */ jsxDEV30(DropdownMenu2, {
     open,
@@ -2273,7 +2271,7 @@ function MarketingHeader({
   commandPaletteGroups,
   langSwitchProps
 }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React6.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),
@@ -2500,7 +2498,7 @@ function MarketingHeaderDesktop({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/MarketingHeaderMobile.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Sheet as Sheet3,
@@ -2521,7 +2519,7 @@ function MarketingHeaderMobile({
   className,
   right
 }) {
-  const [open, setOpen] = React8.useState(false);
+  const [open, setOpen] = React7.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", {
@@ -2940,7 +2938,7 @@ function MarketingComparisonSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/AppLayout.tsx
-import * as React9 from "react";
+import * as React8 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 {
@@ -2985,7 +2983,7 @@ function AppLayout({
                 className: "mb-2",
                 children: /* @__PURE__ */ jsxDEV41(Breadcrumb, {
                   children: /* @__PURE__ */ jsxDEV41(BreadcrumbList, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React9.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV41(React8.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV41(BreadcrumbItem, {
                           children: it.href ? /* @__PURE__ */ jsxDEV41(BreadcrumbLink, {
@@ -3018,7 +3016,7 @@ function AppLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/AcademyLayout.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { cn as cn18 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
   Breadcrumb as Breadcrumb2,
@@ -3057,7 +3055,7 @@ function AcademyLayout({
                 className: "mb-4",
                 children: /* @__PURE__ */ jsxDEV42(Breadcrumb2, {
                   children: /* @__PURE__ */ jsxDEV42(BreadcrumbList2, {
-                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React10.Fragment, {
+                    children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxDEV42(React9.Fragment, {
                       children: [
                         /* @__PURE__ */ jsxDEV42(BreadcrumbItem2, {
                           children: it.href ? /* @__PURE__ */ jsxDEV42(BreadcrumbLink2, {
@@ -3177,7 +3175,7 @@ function NavBrand({
   }, undefined, false, undefined, this) : content;
 }
 // src/components/molecules/Breadcrumbs.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import {
   Breadcrumb as Root,
   BreadcrumbItem as BreadcrumbItem3,
@@ -3193,7 +3191,7 @@ function Breadcrumbs({ items }) {
     return null;
   return /* @__PURE__ */ jsxDEV46(Root, {
     children: /* @__PURE__ */ jsxDEV46(BreadcrumbList3, {
-      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React11.Fragment, {
+      children: items.map((it, idx) => /* @__PURE__ */ jsxDEV46(React10.Fragment, {
         children: [
           /* @__PURE__ */ jsxDEV46(BreadcrumbItem3, {
             children: it.href ? /* @__PURE__ */ jsxDEV46(BreadcrumbLink3, {
@@ -3263,7 +3261,7 @@ function StatusChip({
   }
 }
 // src/components/molecules/EntityCard.tsx
-import * as React12 from "react";
+import * as React11 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";
@@ -3332,7 +3330,7 @@ function EntityCard({
   onClick,
   ...cardProps
 }) {
-  const [isExpanded, setIsExpanded] = React12.useState(defaultExpanded);
+  const [isExpanded, setIsExpanded] = React11.useState(defaultExpanded);
   const Wrapper = href ? "a" : "div";
   const isInteractive = interactive ?? !!(onClick || href);
   const handleExpandClick = (e) => {
@@ -3978,13 +3976,13 @@ function HeroSection({
   }, undefined, false, undefined, this);
 }
 // src/platform/useResponsive.ts
-import * as React13 from "react";
+import * as React12 from "react";
 "use client";
 var DEFAULT = { sm: 640, md: 768, lg: 1024, xl: 1280 };
 function useResponsive(custom) {
-  const bp = React13.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
-  const [width, setWidth] = React13.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-  React13.useEffect(() => {
+  const bp = React12.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);
+  const [width, setWidth] = React12.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+  React12.useEffect(() => {
     if (typeof window === "undefined")
       return;
     const onResize = () => setWidth(window.innerWidth);
@@ -4128,7 +4126,7 @@ function PricingSection({
   }, undefined, false, undefined, this);
 }
 // src/components/organisms/FAQSection.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { VStack as VStack10 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import {
   Accordion,
@@ -4149,7 +4147,7 @@ function FAQSection({
   accordionClassName
 }) {
   const hasItems = Array.isArray(items) && items.length > 0;
-  const defaultValue = React14.useMemo(() => {
+  const defaultValue = React13.useMemo(() => {
     if (!hasItems)
       return;
     if (accordionType === "multiple")
@@ -4448,7 +4446,7 @@ function ListTablePage({
   }, undefined, true, undefined, this);
 }
 // src/components/molecules/FiltersToolbar.tsx
-import * as React15 from "react";
+import * as React14 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";
@@ -4464,11 +4462,11 @@ function FiltersToolbar({
   activeChips = [],
   onClearAll
 }) {
-  const [q, setQ] = React15.useState(searchValue ?? "");
-  React15.useEffect(() => {
+  const [q, setQ] = React14.useState(searchValue ?? "");
+  React14.useEffect(() => {
     setQ(searchValue ?? "");
   }, [searchValue]);
-  React15.useEffect(() => {
+  React14.useEffect(() => {
     if (!onSearchChange)
       return;
     const id = setTimeout(() => onSearchChange(q), debounceMs);
@@ -4541,12 +4539,12 @@ function FiltersToolbar({
   }, undefined, true, undefined, this);
 }
 // src/components/templates/lists/ListPageTemplate/index.web.tsx
-import * as React17 from "react";
+import * as React16 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 React16 from "react";
+import * as React15 from "react";
 import {
   DropdownMenu as DropdownMenu3,
   DropdownMenuContent as DropdownMenuContent3,
@@ -4568,19 +4566,19 @@ function buildProviderUrl(provider, href) {
   }
 }
 function AiLinkButton({ href, className }) {
-  const copyLink = React16.useCallback(() => {
+  const copyLink = React15.useCallback(() => {
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
   }, [href]);
-  const openChatGPT = React16.useCallback(() => {
+  const openChatGPT = React15.useCallback(() => {
     const url = buildProviderUrl("chatgpt", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
     } catch (_e) {}
     window.open(url, "_blank", "noopener,noreferrer");
   }, [href]);
-  const openClaude = React16.useCallback(() => {
+  const openClaude = React15.useCallback(() => {
     const url = buildProviderUrl("claude", href);
     try {
       navigator.clipboard?.writeText(href).catch(() => {});
@@ -4718,7 +4716,7 @@ function ListPageTemplate({
   renderItem,
   emptyProps
 }) {
-  const mdHref = React17.useMemo(() => {
+  const mdHref = React16.useMemo(() => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -4772,7 +4770,7 @@ function ListPageTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/organisms/EmptySearchResult.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 import {
   Empty as Empty2,
   EmptyContent as EmptyContent2,
@@ -4793,7 +4791,7 @@ function EmptySearchResult({
   const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
   const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
   const onChange = onSearchChange ?? handleSearchChange;
-  const [q, setQ] = React18.useState("");
+  const [q, setQ] = React17.useState("");
   return /* @__PURE__ */ jsxDEV73(Empty2, {
     className,
     children: [
@@ -4997,7 +4995,7 @@ function ErrorState({
   }, undefined, true, undefined, this);
 }
 // src/hooks/useListUrlState.ts
-import * as React19 from "react";
+import * as React18 from "react";
 function useListUrlState({
   defaults,
   paramKeys = {
@@ -5009,7 +5007,7 @@ function useListUrlState({
   },
   replaceState = true
 }) {
-  const read = React19.useCallback(() => {
+  const read = React18.useCallback(() => {
     if (typeof window === "undefined")
       return defaults;
     const url = new URL(window.location.href);
@@ -5035,8 +5033,8 @@ function useListUrlState({
       filters
     };
   }, [defaults, paramKeys]);
-  const [state, setState] = React19.useState(read);
-  const write = React19.useCallback((next) => {
+  const [state, setState] = React18.useState(read);
+  const write = React18.useCallback((next) => {
     if (typeof window === "undefined")
       return;
     const url = new URL(window.location.href);
@@ -5066,15 +5064,15 @@ function useListUrlState({
       window.history.pushState({}, "", newUrl);
     setState(merged);
   }, [state, paramKeys, replaceState]);
-  const setFilter = React19.useCallback((key, value) => {
+  const setFilter = React18.useCallback((key, value) => {
     write({
       filters: { ...state.filters, [key]: value }
     });
   }, [state.filters, write]);
-  const clearFilters = React19.useCallback(() => {
+  const clearFilters = React18.useCallback(() => {
     write({ filters: {}, page: 1 });
   }, [write]);
-  React19.useEffect(() => {
+  React18.useEffect(() => {
     const onPop = () => setState(read());
     window.addEventListener("popstate", onPop);
     return () => window.removeEventListener("popstate", onPop);
@@ -5613,7 +5611,7 @@ function GDPRRights({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/ContactForm.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import { jsxDEV as jsxDEV93 } from "react/jsx-dev-runtime";
 function ContactForm({
   labels = { submit: "Envoyer" },
@@ -5621,8 +5619,8 @@ function ContactForm({
   disabled,
   onSubmit
 }) {
-  const [value, setValue] = React20.useState(initialValue);
-  const [loading, setLoading] = React20.useState(false);
+  const [value, setValue] = React19.useState(initialValue);
+  const [loading, setLoading] = React19.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5652,14 +5650,14 @@ function ContactForm({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/organisms/GDPRDataRequest.tsx
-import * as React21 from "react";
+import * as React20 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] = React21.useState(null);
+  const [loading, setLoading] = React20.useState(null);
   const handle = async (kind) => {
     const fn = kind === "export" ? onExport : onDelete;
     if (!fn)
@@ -5849,20 +5847,20 @@ function CookiesTemplate({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/templates/ContactTemplate.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 import { jsxDEV as jsxDEV99 } from "react/jsx-dev-runtime";
 function ContactTemplate({
   title = "Contact",
   meta,
   onSubmit
 }) {
-  const [value, setValue] = React22.useState({
+  const [value, setValue] = React21.useState({
     name: "",
     email: "",
     subject: "",
     message: ""
   });
-  const [loading, setLoading] = React22.useState(false);
+  const [loading, setLoading] = React21.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!onSubmit)
@@ -5916,11 +5914,11 @@ function withPlatformUI(options) {
   };
 }
 // src/platform/useReducedMotion.ts
-import * as React23 from "react";
+import * as React22 from "react";
 "use client";
 function useReducedMotion() {
-  const [reduced, setReduced] = React23.useState(false);
-  React23.useEffect(() => {
+  const [reduced, setReduced] = React22.useState(false);
+  React22.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -5932,11 +5930,11 @@ function useReducedMotion() {
   return reduced;
 }
 // src/platform/useColorScheme.ts
-import * as React24 from "react";
+import * as React23 from "react";
 "use client";
 function useColorScheme() {
-  const [scheme, setScheme] = React24.useState("light");
-  React24.useEffect(() => {
+  const [scheme, setScheme] = React23.useState("light");
+  React23.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia)
       return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
@@ -6173,7 +6171,7 @@ function FormCardLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormStepsLayout.tsx
-import * as React25 from "react";
+import * as React24 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";
@@ -6184,8 +6182,8 @@ function FormStepsLayout({
   canNext,
   className
 }) {
-  const indexByKey = React25.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
-  const [idx, setIdx] = React25.useState(() => {
+  const indexByKey = React24.useMemo(() => Object.fromEntries(steps.map((s, i) => [s.key, i])), [steps]);
+  const [idx, setIdx] = React24.useState(() => {
     if (initialStepKey && initialStepKey in indexByKey)
       return indexByKey[initialStepKey] || 0;
     return 0;
@@ -6253,7 +6251,7 @@ function FormStepsLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/forms/FormOneByOneLayout.tsx
-import * as React26 from "react";
+import * as React25 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({
@@ -6262,8 +6260,8 @@ function FormOneByOneLayout({
   onComplete,
   className
 }) {
-  const indexByKey = React26.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
-  const [idx, setIdx] = React26.useState(() => {
+  const indexByKey = React25.useMemo(() => Object.fromEntries(fields.map((f, i) => [f.key, i])), [fields]);
+  const [idx, setIdx] = React25.useState(() => {
     if (initialKey && initialKey in indexByKey) {
       return indexByKey[initialKey] || 0;
     }
@@ -6731,7 +6729,7 @@ function fieldByKey2(fields, key) {
   return fields.find((field) => field.key === key);
 }
 // src/components/data-view/DataViewRenderer.tsx
-import * as React27 from "react";
+import * as React26 from "react";
 import {
   Pagination,
   PaginationContent,
@@ -6760,7 +6758,7 @@ function DataViewRenderer({
   pagination,
   onPageChange
 }) {
-  const viewContent = React27.useMemo(() => {
+  const viewContent = React26.useMemo(() => {
     switch (spec.view.kind) {
       case "list":
         return /* @__PURE__ */ jsxDEV111(DataViewList, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.design-system",
-  "version": "1.61.0",
+  "version": "1.62.0",
   "description": "Design tokens and theming primitives",
   "keywords": [
     "contractspec",
@@ -30,10 +30,10 @@
   "sideEffects": false,
   "tree-shake": true,
   "dependencies": {
-    "@contractspec/lib.ai-agent": "1.61.0",
-    "@contractspec/lib.contracts": "1.61.0",
-    "@contractspec/lib.ui-kit": "1.61.0",
-    "@contractspec/lib.ui-kit-web": "1.61.0",
+    "@contractspec/lib.ai-agent": "1.62.0",
+    "@contractspec/lib.contracts": "1.62.0",
+    "@contractspec/lib.ui-kit": "1.62.0",
+    "@contractspec/lib.ui-kit-web": "1.62.0",
     "@hookform/resolvers": "5.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -48,8 +48,8 @@
     "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "1.61.0",
-    "@types/node": "^25.2.1",
+    "@contractspec/tool.typescript": "1.62.0",
+    "@types/node": "^25.2.3",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",
     "postcss-load-config": "^6.0.1",
@@ -57,7 +57,7 @@
     "react-native-css": "^3.0.0",
     "tailwindcss": "4.1.18",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "1.60.0"
+    "@contractspec/tool.bun": "1.61.0"
   },
   "files": [
     "dist",