@contractspec/lib.design-system 3.7.6 → 3.8.0

package/dist/browser/index.js

@@ -1,13 +1,5 @@
-// src/renderers/form-contract.tsx
-import { createFormRenderer } from "@contractspec/lib.contracts-runtime-client-react/form-render";
-import { shadcnDriver } from "@contractspec/lib.contracts-runtime-client-react/drivers/shadcn";
-import {
-  Field as FieldWrap,
-  FieldDescription,
-  FieldError,
-  FieldGroup,
-  FieldLabel
-} from "@contractspec/lib.ui-kit-web/ui/field";
+// src/components/legal/organisms/ContactForm.tsx
+import * as React2 from "react";
 
 // src/components/atoms/Button.tsx
 import {
@@ -63,6 +55,9 @@ function Button({
   }, undefined, false, undefined, this);
 }
 
+// src/components/legal/molecules/ContactFields.tsx
+import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
+
 // src/components/atoms/Input.tsx
 import {
   Input as WebInput
@@ -321,10 +316,10 @@ function Input({
 }
 
 // src/components/atoms/Textarea.tsx
-import * as React from "react";
 import {
   Textarea as WebTextarea
 } from "@contractspec/lib.ui-kit-web/ui/textarea";
+import * as React from "react";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function Textarea({
   value,
@@ -363,111 +358,132 @@ function Textarea({
   }, undefined, false, undefined, this);
 }
 
-// src/renderers/form-contract.tsx
-import { Switch as SwitchUiKit } from "@contractspec/lib.ui-kit-web/ui/switch";
-import {
-  RadioGroup as RadioGroupUiKit,
-  RadioGroupItem
-} from "@contractspec/lib.ui-kit-web/ui/radio-group";
-import { Checkbox as CheckboxUiKit } from "@contractspec/lib.ui-kit-web/ui/checkbox";
-import {
-  Select as SelectUiKit,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
+// src/components/legal/molecules/ContactFields.tsx
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-"use client";
-var Select = (props) => {
-  const { options, value, onChange, ...rest } = props;
-  return /* @__PURE__ */ jsxDEV4(SelectUiKit, {
-    value: value ?? "",
-    onValueChange: (v) => onChange?.(v),
-    ...rest,
+function ContactFields({
+  value,
+  onChange,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "space-y-4",
     children: [
-      /* @__PURE__ */ jsxDEV4(SelectTrigger, {
-        className: "w-[180px]",
-        children: /* @__PURE__ */ jsxDEV4(SelectValue, {
-          placeholder: props.placeholder
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(SelectContent, {
-        children: /* @__PURE__ */ jsxDEV4(SelectGroup, {
-          children: options?.map((o, i) => /* @__PURE__ */ jsxDEV4(SelectItem, {
-            value: o.value,
-            disabled: o.disabled,
-            children: o.labelI18n
-          }, i, false, undefined, this))
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4(Label, {
+            children: "Nom"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Input, {
+            value: value.name,
+            onChange: (e) => onChange({ ...value, name: e.target.value }),
+            disabled
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4(Label, {
+            children: "Email"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Input, {
+            type: "email",
+            value: value.email,
+            onChange: (e) => onChange({ ...value, email: e.target.value }),
+            disabled
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4(Label, {
+            children: "Objet"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Input, {
+            value: value.subject,
+            onChange: (e) => onChange({
+              ...value,
+              subject: e.target.value
+            }),
+            disabled
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV4(Label, {
+            children: "Message"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(Textarea, {
+            value: value.message,
+            onChange: (e) => onChange({
+              ...value,
+              message: e.target.value
+            }),
+            disabled,
+            rows: 6
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
-};
-var Checkbox = (props) => /* @__PURE__ */ jsxDEV4(CheckboxUiKit, {
-  checked: !!props.checked,
-  onCheckedChange: (v) => props.onCheckedChange?.(v),
-  ...props
-}, undefined, false, undefined, this);
-var RadioGroup = (props) => /* @__PURE__ */ jsxDEV4(RadioGroupUiKit, {
-  ...props,
-  children: props.options?.map((o) => /* @__PURE__ */ jsxDEV4("div", {
-    className: "flex items-center gap-3",
+}
+
+// src/components/legal/organisms/ContactForm.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function ContactForm({
+  labels = { submit: "Envoyer" },
+  initialValue = { name: "", email: "", subject: "", message: "" },
+  disabled,
+  onSubmit
+}) {
+  const [value, setValue] = React2.useState(initialValue);
+  const [loading, setLoading] = React2.useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!onSubmit)
+      return;
+    setLoading(true);
+    try {
+      await onSubmit(value);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV5("form", {
+    onSubmit: handleSubmit,
+    className: "space-y-6",
     children: [
-      /* @__PURE__ */ jsxDEV4(RadioGroupItem, {
-        value: o.value,
-        id: o.value
+      /* @__PURE__ */ jsxDEV5(ContactFields, {
+        value,
+        onChange: setValue,
+        disabled: disabled || loading
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4(Label, {
-        htmlFor: o.value,
-        children: o.label
+      /* @__PURE__ */ jsxDEV5(Button, {
+        disabled: disabled || loading,
+        type: "submit",
+        children: loading ? "Envoi…" : labels.submit
       }, undefined, false, undefined, this)
     ]
-  }, o.value, true, undefined, this))
-}, undefined, false, undefined, this);
-var Switch = (props) => /* @__PURE__ */ jsxDEV4(SwitchUiKit, {
-  checked: !!props.checked,
-  onCheckedChange: (v) => props.onCheckedChange?.(v),
-  ...props
-}, undefined, false, undefined, this);
-var formRenderer = createFormRenderer({
-  driver: shadcnDriver({
-    Field: FieldWrap,
-    FieldLabel,
-    FieldDescription,
-    FieldError,
-    FieldGroup,
-    FieldSet: (p) => /* @__PURE__ */ jsxDEV4("fieldset", {
-      ...p
-    }, undefined, false, undefined, this),
-    FieldLegend: (p) => /* @__PURE__ */ jsxDEV4("legend", {
-      ...p
-    }, undefined, false, undefined, this),
-    Input,
-    Textarea,
-    Select,
-    Checkbox,
-    RadioGroup,
-    Switch,
-    Button
-  })
-});
-// src/components/legal/organisms/LegalPageLayout.tsx
-import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
+  }, undefined, true, undefined, this);
+}
+// src/components/legal/organisms/GDPRDataRequest.tsx
+import * as React3 from "react";
 
 // src/components/legal/atoms/LegalHeading.tsx
-import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { cva } from "class-variance-authority";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 var headingVariants = cva("text-foreground tracking-tight", {
   variants: {
     level: {
-      h1: "text-3xl font-semibold md:text-4xl",
-      h2: "text-2xl font-semibold md:text-3xl",
-      h3: "text-xl font-semibold md:text-2xl",
-      h4: "text-lg font-semibold md:text-xl"
+      h1: "font-semibold text-3xl md:text-4xl",
+      h2: "font-semibold text-2xl md:text-3xl",
+      h3: "font-semibold text-xl md:text-2xl",
+      h4: "font-semibold text-lg md:text-xl"
     },
     tone: {
       default: "",
@@ -496,153 +512,141 @@ function LegalHeading({
   ...props
 }) {
   const Comp = as ?? level ?? "h2";
-  return /* @__PURE__ */ jsxDEV5(Comp, {
+  return /* @__PURE__ */ jsxDEV6(Comp, {
     className: cn(headingVariants({ level, tone, spacing }), className),
     ...props
   }, undefined, false, undefined, this);
 }
 
-// src/components/legal/molecules/LegalMeta.tsx
+// src/components/legal/atoms/LegalSection.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-function LegalMeta({
-  lastUpdated,
-  version,
-  className
-}) {
-  const fmtDate = (d) => {
-    if (!d)
-      return null;
-    try {
-      const date = typeof d === "string" ? new Date(d) : d;
-      return date.toLocaleDateString();
-    } catch {
-      return String(d);
-    }
-  };
-  return /* @__PURE__ */ jsxDEV6("div", {
-    className: cn2("text-muted-foreground text-base", className),
-    children: [
-      version && /* @__PURE__ */ jsxDEV6("span", {
-        children: [
-          "Version ",
-          version
-        ]
-      }, undefined, true, undefined, this),
-      version && lastUpdated && /* @__PURE__ */ jsxDEV6("span", {
-        className: "mx-2",
-        children: "•"
-      }, undefined, false, undefined, this),
-      lastUpdated && /* @__PURE__ */ jsxDEV6("span", {
-        children: [
-          "Dernière mise à jour: ",
-          fmtDate(lastUpdated)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/components/legal/molecules/LegalTOC.tsx
 import { cva as cva2 } from "class-variance-authority";
-import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-var tocVariants = cva2("text-base", {
+var sectionVariants = cva2("space-y-3", {
   variants: {
-    variant: {
-      sidebar: "space-y-2",
-      inline: "flex flex-wrap gap-3"
+    spacing: {
+      sm: "py-3",
+      md: "py-4",
+      lg: "py-6"
     },
-    size: {
-      sm: "",
-      md: "text-base"
+    border: {
+      none: "",
+      top: "border-t",
+      bottom: "border-b",
+      both: "border-y"
+    },
+    tone: {
+      plain: "",
+      subtle: "bg-muted/30"
     }
   },
-  defaultVariants: { variant: "sidebar", size: "md" }
+  defaultVariants: {
+    spacing: "md",
+    border: "none",
+    tone: "plain"
+  }
 });
-function LegalTOC({
-  items,
-  activeHref,
-  onNavigate,
-  variant,
-  size,
+function LegalSection({
+  spacing,
+  border,
+  tone,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV7("nav", {
-    "aria-label": "Table of contents",
-    className: cn3(tocVariants({ variant, size }), className),
-    ...props,
-    children: variant === "inline" ? items.map((it) => /* @__PURE__ */ jsxDEV7("a", {
-      href: it.href,
-      onClick: (_e) => {
-        onNavigate?.(it.href);
-      },
-      className: cn3("hover:bg-accent hover:text-accent-foreground rounded-xs px-2 py-1", activeHref === it.href && "bg-accent text-accent-foreground"),
-      children: it.label
-    }, it.href, false, undefined, this)) : /* @__PURE__ */ jsxDEV7("ul", {
-      className: "list-none space-y-2 pl-0",
-      children: items.map((it) => /* @__PURE__ */ jsxDEV7("li", {
-        children: /* @__PURE__ */ jsxDEV7("a", {
-          href: it.href,
-          onClick: () => onNavigate?.(it.href),
-          className: cn3("hover:bg-accent hover:text-accent-foreground block rounded-xs px-2 py-1", activeHref === it.href && "bg-accent text-accent-foreground"),
-          children: it.label
-        }, undefined, false, undefined, this)
-      }, it.href, false, undefined, this))
-    }, undefined, false, undefined, this)
+  return /* @__PURE__ */ jsxDEV7("div", {
+    className: cn2(sectionVariants({ spacing, border, tone }), className),
+    ...props
   }, undefined, false, undefined, this);
 }
 
-// src/components/legal/organisms/LegalPageLayout.tsx
+// src/components/legal/atoms/LegalText.tsx
+import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { cva as cva3 } from "class-variance-authority";
 import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
-function LegalPageLayout({
-  title,
-  meta,
-  toc,
-  children,
-  className
+var textVariants = cva3("text-base leading-relaxed", {
+  variants: {
+    tone: {
+      default: "text-foreground",
+      muted: "text-muted-foreground",
+      danger: "text-destructive"
+    },
+    size: {
+      base: "text-base",
+      sm: "text-sm",
+      lg: "text-lg"
+    },
+    spacing: {
+      none: "",
+      sm: "mt-2",
+      md: "mt-3",
+      lg: "mt-4"
+    }
+  },
+  defaultVariants: {
+    tone: "default",
+    size: "base",
+    spacing: "sm"
+  }
+});
+function LegalText({
+  as = "p",
+  tone,
+  size,
+  spacing,
+  className,
+  ...props
+}) {
+  const Comp = as;
+  return /* @__PURE__ */ jsxDEV8(Comp, {
+    className: cn3(textVariants({ tone, size, spacing }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// src/components/legal/organisms/GDPRDataRequest.tsx
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+function GDPRDataRequest({
+  onExport,
+  onDelete,
+  labels = { export: "Demander une copie", delete: "Demander la suppression" }
 }) {
-  return /* @__PURE__ */ jsxDEV8("div", {
-    className: cn4("mx-auto w-full max-w-6xl px-4 py-8 md:py-12", className),
+  const [loading, setLoading] = React3.useState(null);
+  const handle = async (kind) => {
+    const fn = kind === "export" ? onExport : onDelete;
+    if (!fn)
+      return;
+    setLoading(kind);
+    try {
+      await fn();
+    } finally {
+      setLoading(null);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV9(LegalSection, {
+    border: "top",
+    className: "space-y-3",
     children: [
-      /* @__PURE__ */ jsxDEV8("div", {
-        className: "mb-6 space-y-2",
-        children: [
-          /* @__PURE__ */ jsxDEV8(LegalHeading, {
-            as: "h1",
-            level: "h1",
-            spacing: "sm",
-            children: title
-          }, undefined, false, undefined, this),
-          meta && /* @__PURE__ */ jsxDEV8(LegalMeta, {
-            lastUpdated: meta.lastUpdated,
-            version: meta.version
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      toc && toc.length > 0 && /* @__PURE__ */ jsxDEV8("div", {
-        className: "mb-6 md:hidden",
-        children: /* @__PURE__ */ jsxDEV8(LegalTOC, {
-          items: toc,
-          variant: "inline"
-        }, undefined, false, undefined, this)
+      /* @__PURE__ */ jsxDEV9(LegalHeading, {
+        as: "h2",
+        level: "h2",
+        children: "Demandes de données"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
-        className: "grid grid-cols-1 gap-8 md:grid-cols-[220px_minmax(0,1fr)]",
+      /* @__PURE__ */ jsxDEV9(LegalText, {
+        children: "Vous pouvez demander une copie de vos données ou solliciter leur suppression. Ces demandes nécessitent une vérification d’identité et sont traitées dans les délais légaux."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV9("div", {
+        className: "flex flex-wrap gap-3",
         children: [
-          toc && toc.length > 0 ? /* @__PURE__ */ jsxDEV8("aside", {
-            className: "sticky top-24 hidden self-start md:block",
-            children: /* @__PURE__ */ jsxDEV8(LegalTOC, {
-              items: toc,
-              variant: "sidebar"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV8("div", {
-            className: "hidden md:block"
+          /* @__PURE__ */ jsxDEV9(Button, {
+            onPress: () => handle("export"),
+            disabled: loading !== null,
+            children: loading === "export" ? "Envoi…" : labels.export
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("article", {
-            className: "prose text-foreground max-w-none",
-            children
+          /* @__PURE__ */ jsxDEV9(Button, {
+            variant: "destructive",
+            onPress: () => handle("delete"),
+            disabled: loading !== null,
+            children: loading === "delete" ? "Envoi…" : labels.delete
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -650,10 +654,10 @@ function LegalPageLayout({
   }, undefined, true, undefined, this);
 }
 // src/components/legal/atoms/LegalList.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
-var listVariants = cva3("", {
+import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { cva as cva4 } from "class-variance-authority";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+var listVariants = cva4("", {
   variants: {
     type: {
       unordered: "list-disc pl-6",
@@ -679,54 +683,13 @@ function LegalList({
   ...props
 }) {
   const Comp = type === "ordered" ? "ol" : "ul";
-  return /* @__PURE__ */ jsxDEV9(Comp, {
-    className: cn5(listVariants({ type, spacing }), className),
+  return /* @__PURE__ */ jsxDEV10(Comp, {
+    className: cn4(listVariants({ type, spacing }), className),
     ...props,
     children
   }, undefined, false, undefined, this);
 }
 
-// src/components/legal/atoms/LegalSection.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { cn as cn6 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
-var sectionVariants = cva4("space-y-3", {
-  variants: {
-    spacing: {
-      sm: "py-3",
-      md: "py-4",
-      lg: "py-6"
-    },
-    border: {
-      none: "",
-      top: "border-t",
-      bottom: "border-b",
-      both: "border-y"
-    },
-    tone: {
-      plain: "",
-      subtle: "bg-muted/30"
-    }
-  },
-  defaultVariants: {
-    spacing: "md",
-    border: "none",
-    tone: "plain"
-  }
-});
-function LegalSection({
-  spacing,
-  border,
-  tone,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV10("div", {
-    className: cn6(sectionVariants({ spacing, border, tone }), className),
-    ...props
-  }, undefined, false, undefined, this);
-}
-
 // src/components/legal/organisms/GDPRRights.tsx
 import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 function GDPRRights({
@@ -756,213 +719,150 @@ function GDPRRights({
     ]
   }, undefined, true, undefined, this);
 }
-// src/components/legal/organisms/ContactForm.tsx
-import * as React2 from "react";
+// src/components/legal/organisms/LegalPageLayout.tsx
+import { cn as cn7 } from "@contractspec/lib.ui-kit-web/ui/utils";
 
-// src/components/legal/molecules/ContactFields.tsx
-import { Label as Label2 } from "@contractspec/lib.ui-kit-web/ui/label";
+// src/components/legal/molecules/LegalMeta.tsx
+import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
-function ContactFields({
-  value,
-  onChange,
-  disabled
+function LegalMeta({
+  lastUpdated,
+  version,
+  className
 }) {
+  const fmtDate = (d) => {
+    if (!d)
+      return null;
+    try {
+      const date = typeof d === "string" ? new Date(d) : d;
+      return date.toLocaleDateString();
+    } catch {
+      return String(d);
+    }
+  };
   return /* @__PURE__ */ jsxDEV12("div", {
-    className: "space-y-4",
+    className: cn5("text-base text-muted-foreground", className),
     children: [
-      /* @__PURE__ */ jsxDEV12("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsxDEV12(Label2, {
-            children: "Nom"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Input, {
-            value: value.name,
-            onChange: (e) => onChange({ ...value, name: e.target.value }),
-            disabled
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
-        className: "space-y-2",
-        children: [
-          /* @__PURE__ */ jsxDEV12(Label2, {
-            children: "Email"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Input, {
-            type: "email",
-            value: value.email,
-            onChange: (e) => onChange({ ...value, email: e.target.value }),
-            disabled
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
-        className: "space-y-2",
+      version && /* @__PURE__ */ jsxDEV12("span", {
         children: [
-          /* @__PURE__ */ jsxDEV12(Label2, {
-            children: "Objet"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Input, {
-            value: value.subject,
-            onChange: (e) => onChange({
-              ...value,
-              subject: e.target.value
-            }),
-            disabled
-          }, undefined, false, undefined, this)
+          "Version ",
+          version
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("div", {
-        className: "space-y-2",
+      version && lastUpdated && /* @__PURE__ */ jsxDEV12("span", {
+        className: "mx-2",
+        children: "•"
+      }, undefined, false, undefined, this),
+      lastUpdated && /* @__PURE__ */ jsxDEV12("span", {
         children: [
-          /* @__PURE__ */ jsxDEV12(Label2, {
-            children: "Message"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(Textarea, {
-            value: value.message,
-            onChange: (e) => onChange({
-              ...value,
-              message: e.target.value
-            }),
-            disabled,
-            rows: 6
-          }, undefined, false, undefined, this)
+          "Dernière mise à jour: ",
+          fmtDate(lastUpdated)
         ]
       }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
-// src/components/legal/organisms/ContactForm.tsx
+// src/components/legal/molecules/LegalTOC.tsx
+import { cn as cn6 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { cva as cva5 } from "class-variance-authority";
 import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
-function ContactForm({
-  labels = { submit: "Envoyer" },
-  initialValue = { name: "", email: "", subject: "", message: "" },
-  disabled,
-  onSubmit
-}) {
-  const [value, setValue] = React2.useState(initialValue);
-  const [loading, setLoading] = React2.useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!onSubmit)
-      return;
-    setLoading(true);
-    try {
-      await onSubmit(value);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsxDEV13("form", {
-    onSubmit: handleSubmit,
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsxDEV13(ContactFields, {
-        value,
-        onChange: setValue,
-        disabled: disabled || loading
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13(Button, {
-        disabled: disabled || loading,
-        type: "submit",
-        children: loading ? "Envoi…" : labels.submit
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-// src/components/legal/organisms/GDPRDataRequest.tsx
-import * as React3 from "react";
-
-// src/components/legal/atoms/LegalText.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { cn as cn7 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
-var textVariants = cva5("text-base leading-relaxed", {
+var tocVariants = cva5("text-base", {
   variants: {
-    tone: {
-      default: "text-foreground",
-      muted: "text-muted-foreground",
-      danger: "text-destructive"
+    variant: {
+      sidebar: "space-y-2",
+      inline: "flex flex-wrap gap-3"
     },
     size: {
-      base: "text-base",
-      sm: "text-sm",
-      lg: "text-lg"
-    },
-    spacing: {
-      none: "",
-      sm: "mt-2",
-      md: "mt-3",
-      lg: "mt-4"
+      sm: "",
+      md: "text-base"
     }
   },
-  defaultVariants: {
-    tone: "default",
-    size: "base",
-    spacing: "sm"
-  }
+  defaultVariants: { variant: "sidebar", size: "md" }
 });
-function LegalText({
-  as = "p",
-  tone,
+function LegalTOC({
+  items,
+  activeHref,
+  onNavigate,
+  variant,
   size,
-  spacing,
   className,
   ...props
 }) {
-  const Comp = as;
-  return /* @__PURE__ */ jsxDEV14(Comp, {
-    className: cn7(textVariants({ tone, size, spacing }), className),
-    ...props
+  return /* @__PURE__ */ jsxDEV13("nav", {
+    "aria-label": "Table of contents",
+    className: cn6(tocVariants({ variant, size }), className),
+    ...props,
+    children: variant === "inline" ? items.map((it) => /* @__PURE__ */ jsxDEV13("a", {
+      href: it.href,
+      onClick: (_e) => {
+        onNavigate?.(it.href);
+      },
+      className: cn6("rounded-xs px-2 py-1 hover:bg-accent hover:text-accent-foreground", activeHref === it.href && "bg-accent text-accent-foreground"),
+      children: it.label
+    }, it.href, false, undefined, this)) : /* @__PURE__ */ jsxDEV13("ul", {
+      className: "list-none space-y-2 pl-0",
+      children: items.map((it) => /* @__PURE__ */ jsxDEV13("li", {
+        children: /* @__PURE__ */ jsxDEV13("a", {
+          href: it.href,
+          onClick: () => onNavigate?.(it.href),
+          className: cn6("block rounded-xs px-2 py-1 hover:bg-accent hover:text-accent-foreground", activeHref === it.href && "bg-accent text-accent-foreground"),
+          children: it.label
+        }, undefined, false, undefined, this)
+      }, it.href, false, undefined, this))
+    }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
 
-// src/components/legal/organisms/GDPRDataRequest.tsx
-import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
-function GDPRDataRequest({
-  onExport,
-  onDelete,
-  labels = { export: "Demander une copie", delete: "Demander la suppression" }
+// src/components/legal/organisms/LegalPageLayout.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+function LegalPageLayout({
+  title,
+  meta,
+  toc,
+  children,
+  className
 }) {
-  const [loading, setLoading] = React3.useState(null);
-  const handle = async (kind) => {
-    const fn = kind === "export" ? onExport : onDelete;
-    if (!fn)
-      return;
-    setLoading(kind);
-    try {
-      await fn();
-    } finally {
-      setLoading(null);
-    }
-  };
-  return /* @__PURE__ */ jsxDEV15(LegalSection, {
-    border: "top",
-    className: "space-y-3",
+  return /* @__PURE__ */ jsxDEV14("div", {
+    className: cn7("mx-auto w-full max-w-6xl px-4 py-8 md:py-12", className),
     children: [
-      /* @__PURE__ */ jsxDEV15(LegalHeading, {
-        as: "h2",
-        level: "h2",
-        children: "Demandes de données"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15(LegalText, {
-        children: "Vous pouvez demander une copie de vos données ou solliciter leur suppression. Ces demandes nécessitent une vérification d’identité et sont traitées dans les délais légaux."
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "mb-6 space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV14(LegalHeading, {
+            as: "h1",
+            level: "h1",
+            spacing: "sm",
+            children: title
+          }, undefined, false, undefined, this),
+          meta && /* @__PURE__ */ jsxDEV14(LegalMeta, {
+            lastUpdated: meta.lastUpdated,
+            version: meta.version
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      toc && toc.length > 0 && /* @__PURE__ */ jsxDEV14("div", {
+        className: "mb-6 md:hidden",
+        children: /* @__PURE__ */ jsxDEV14(LegalTOC, {
+          items: toc,
+          variant: "inline"
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15("div", {
-        className: "flex flex-wrap gap-3",
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "grid grid-cols-1 gap-8 md:grid-cols-[220px_minmax(0,1fr)]",
         children: [
-          /* @__PURE__ */ jsxDEV15(Button, {
-            onPress: () => handle("export"),
-            disabled: loading !== null,
-            children: loading === "export" ? "Envoi…" : labels.export
+          toc && toc.length > 0 ? /* @__PURE__ */ jsxDEV14("aside", {
+            className: "sticky top-24 hidden self-start md:block",
+            children: /* @__PURE__ */ jsxDEV14(LegalTOC, {
+              items: toc,
+              variant: "sidebar"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14("div", {
+            className: "hidden md:block"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15(Button, {
-            variant: "destructive",
-            onPress: () => handle("delete"),
-            disabled: loading !== null,
-            children: loading === "delete" ? "Envoi…" : labels.delete
+          /* @__PURE__ */ jsxDEV14("article", {
+            className: "prose max-w-none text-foreground",
+            children
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -989,6 +889,128 @@ function withPlatformUI(options) {
     breakpoints
   };
 }
+// src/renderers/form-contract.tsx
+import { shadcnDriver } from "@contractspec/lib.contracts-runtime-client-react/drivers/shadcn";
+import { createFormRenderer } from "@contractspec/lib.contracts-runtime-client-react/form-render";
+import { Checkbox as CheckboxUiKit } from "@contractspec/lib.ui-kit-web/ui/checkbox";
+import {
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  Field as FieldWrap
+} from "@contractspec/lib.ui-kit-web/ui/field";
+import { Label as Label2 } from "@contractspec/lib.ui-kit-web/ui/label";
+import {
+  RadioGroupItem,
+  RadioGroup as RadioGroupUiKit
+} from "@contractspec/lib.ui-kit-web/ui/radio-group";
+import {
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  Select as SelectUiKit,
+  SelectValue
+} from "@contractspec/lib.ui-kit-web/ui/select";
+import { Switch as SwitchUiKit } from "@contractspec/lib.ui-kit-web/ui/switch";
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+"use client";
+var Select = (props) => {
+  const { options, value, onChange, ...rest } = props;
+  return /* @__PURE__ */ jsxDEV15(SelectUiKit, {
+    value: value ?? "",
+    onValueChange: (v) => onChange?.(v),
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsxDEV15(SelectTrigger, {
+        className: "w-[180px]",
+        children: /* @__PURE__ */ jsxDEV15(SelectValue, {
+          placeholder: props.placeholder
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV15(SelectContent, {
+        children: /* @__PURE__ */ jsxDEV15(SelectGroup, {
+          children: options?.map((o, i) => /* @__PURE__ */ jsxDEV15(SelectItem, {
+            value: o.value,
+            disabled: o.disabled,
+            children: o.labelI18n
+          }, i, false, undefined, this))
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var Checkbox = (props) => /* @__PURE__ */ jsxDEV15(CheckboxUiKit, {
+  checked: !!props.checked,
+  onCheckedChange: (v) => props.onCheckedChange?.(v),
+  ...props
+}, undefined, false, undefined, this);
+var RadioGroup = (props) => /* @__PURE__ */ jsxDEV15(RadioGroupUiKit, {
+  ...props,
+  children: props.options?.map((o) => /* @__PURE__ */ jsxDEV15("div", {
+    className: "flex items-center gap-3",
+    children: [
+      /* @__PURE__ */ jsxDEV15(RadioGroupItem, {
+        value: o.value,
+        id: o.value
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV15(Label2, {
+        htmlFor: o.value,
+        children: o.label
+      }, undefined, false, undefined, this)
+    ]
+  }, o.value, true, undefined, this))
+}, undefined, false, undefined, this);
+var Switch = (props) => /* @__PURE__ */ jsxDEV15(SwitchUiKit, {
+  checked: !!props.checked,
+  onCheckedChange: (v) => props.onCheckedChange?.(v),
+  ...props
+}, undefined, false, undefined, this);
+var formRenderer = createFormRenderer({
+  driver: shadcnDriver({
+    Field: FieldWrap,
+    FieldLabel,
+    FieldDescription,
+    FieldError,
+    FieldGroup,
+    FieldSet: (p) => /* @__PURE__ */ jsxDEV15("fieldset", {
+      ...p
+    }, undefined, false, undefined, this),
+    FieldLegend: (p) => /* @__PURE__ */ jsxDEV15("legend", {
+      ...p
+    }, undefined, false, undefined, this),
+    Input,
+    Textarea,
+    Select,
+    Checkbox,
+    RadioGroup,
+    Switch,
+    Button
+  })
+});
+// src/theme/tokens.ts
+"use client";
+var defaultTokens = {
+  colors: {
+    background: "#ffffff",
+    foreground: "#0a0a0a",
+    muted: "#f4f4f5",
+    mutedForeground: "#71717a",
+    primary: "#0f49a0",
+    primaryForeground: "#ffffff",
+    accent: "#16a34a",
+    accentForeground: "#ffffff",
+    destructive: "#ef4444",
+    destructiveForeground: "#ffffff",
+    border: "#e4e4e7",
+    ring: "#2563eb"
+  },
+  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },
+  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },
+  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },
+  icons: { sm: 16, md: 20, lg: 24 }
+};
 // src/theme/variants.ts
 import { cva as cva6 } from "class-variance-authority";
 "use client";
@@ -1023,28 +1045,6 @@ var dsBaseVariants = cva6("", {
     emphasis: "default"
   }
 });
-// src/theme/tokens.ts
-"use client";
-var defaultTokens = {
-  colors: {
-    background: "#ffffff",
-    foreground: "#0a0a0a",
-    muted: "#f4f4f5",
-    mutedForeground: "#71717a",
-    primary: "#0f49a0",
-    primaryForeground: "#ffffff",
-    accent: "#16a34a",
-    accentForeground: "#ffffff",
-    destructive: "#ef4444",
-    destructiveForeground: "#ffffff",
-    border: "#e4e4e7",
-    ring: "#2563eb"
-  },
-  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },
-  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },
-  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },
-  icons: { sm: 16, md: 20, lg: 24 }
-};
 export {
   withPlatformUI,
   useResponsive,
@@ -1057,10 +1057,14 @@ export {
   dsBaseVariants,
   defaultTokens,
   ZodForm,
+  VisualizationRenderer,
+  VisualizationGrid,
+  VisualizationCard,
   ViewButton,
   ToggleRightButton,
   ToggleLeftButton,
   ToggleButton,
+  TimelineView,
   TimeChip,
   Textarea2 as Textarea,
   TestimonialCarousel,
@@ -1101,6 +1105,7 @@ export {
   MarketingCardDescription,
   MarketingCardContent,
   MarketingCard,
+  MarkdownRenderer,
   LoaderCircular,
   LoaderBlock,
   ListTablePage,
@@ -1160,6 +1165,7 @@ export {
   DataViewRenderer,
   DataViewList,
   DataViewDetail,
+  DataTable,
   DEFAULT_BREAKPOINTS,
   Cta,
   CopyButton,
@@ -1169,6 +1175,7 @@ export {
   ContactFields2 as ContactFields,
   ConsentList,
   ConsentItem,
+  ComparisonView,
   CommandTabs,
   CommandSearchTrigger,
   CommandPalette,