@contractspec/lib.ui-kit-web 3.7.6 → 3.9.2

package/dist/browser/ui/organisms/ListPage/ListPage.js

@@ -7,23 +7,23 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
       default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
       lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
       icon: "size-9"
     }
@@ -55,16 +55,31 @@ function Button({
     ...props
   }, undefined, false, undefined, this);
 }
+// ui/label.tsx
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn2("flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
 // ui/select.tsx
+import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Root, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Root, {
     "data-slot": "select",
     ...props
   }, undefined, false, undefined, this);
@@ -72,7 +87,7 @@ function Select({
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Group, {
     "data-slot": "select-group",
     ...props
   }, undefined, false, undefined, this);
@@ -80,7 +95,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Value, {
     "data-slot": "select-value",
     ...props
   }, undefined, false, undefined, this);
@@ -91,16 +106,16 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
-    className: cn2("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    className: cn3("flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxDEV2(SelectPrimitive.Icon, {
+      /* @__PURE__ */ jsxDEV3(SelectPrimitive.Icon, {
         asChild: true,
-        children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
+        children: /* @__PURE__ */ jsxDEV3(ChevronDownIcon, {
           className: "size-4 opacity-50"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -113,19 +128,19 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.Content, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.Content, {
       "data-slot": "select-content",
-      className: cn2("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      className: cn3("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsxDEV2(SelectScrollUpButton, {}, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(SelectPrimitive.Viewport, {
-          className: cn2("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+        /* @__PURE__ */ jsxDEV3(SelectScrollUpButton, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3(SelectPrimitive.Viewport, {
+          className: cn3("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
           children
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV2(SelectScrollDownButton, {}, undefined, false, undefined, this)
+        /* @__PURE__ */ jsxDEV3(SelectScrollDownButton, {}, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
@@ -134,9 +149,9 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Label, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Label, {
     "data-slot": "select-label",
-    className: cn2("text-muted-foreground px-2 py-1.5 text-xs", className),
+    className: cn3("px-2 py-1.5 text-muted-foreground text-xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -145,20 +160,20 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Item, {
     "data-slot": "select-item",
-    className: cn2("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    className: cn3("relative flex w-full cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsxDEV3("span", {
         className: "absolute right-2 flex size-3.5 items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemIndicator, {
-          children: /* @__PURE__ */ jsxDEV2(CheckIcon, {
+        children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV3(CheckIcon, {
             className: "size-4"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemText, {
         children
       }, undefined, false, undefined, this)
     ]
@@ -168,9 +183,9 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Separator, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Separator, {
     "data-slot": "select-separator",
-    className: cn2("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    className: cn3("pointer-events-none -mx-1 my-1 h-px bg-border", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -178,11 +193,11 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollUpButton, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollUpButton, {
     "data-slot": "select-scroll-up-button",
-    className: cn2("flex cursor-default items-center justify-center py-1", className),
+    className: cn3("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV2(ChevronUpIcon, {
+    children: /* @__PURE__ */ jsxDEV3(ChevronUpIcon, {
       className: "size-4"
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -191,30 +206,15 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollDownButton, {
+  return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollDownButton, {
     "data-slot": "select-scroll-down-button",
-    className: cn2("flex cursor-default items-center justify-center py-1", className),
+    className: cn3("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
+    children: /* @__PURE__ */ jsxDEV3(ChevronDownIcon, {
       className: "size-4"
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
 }
-// ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV3(LabelPrimitive.Root, {
-    "data-slot": "label",
-    className: cn3("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
-    ...props
-  }, undefined, false, undefined, this);
-}
 // ui/atoms/FilterSelect/FilterSelect.tsx
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var FilterSelect = ({
@@ -230,8 +230,8 @@ var FilterSelect = ({
   return /* @__PURE__ */ jsxDEV4("div", {
     className: `space-y-2 ${className}`,
     children: [
-      label && /* @__PURE__ */ jsxDEV4(Label2, {
-        className: "text-foreground text-base font-medium",
+      label && /* @__PURE__ */ jsxDEV4(Label, {
+        className: "font-medium text-base text-foreground",
         children: label
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV4(Select, {
@@ -253,7 +253,7 @@ var FilterSelect = ({
                 children: [
                   "Tous",
                   showCounts && /* @__PURE__ */ jsxDEV4("span", {
-                    className: "text-muted-foreground ml-2 text-sm",
+                    className: "ml-2 text-muted-foreground text-sm",
                     children: [
                       "(",
                       options.reduce((sum, option) => sum + (option.count || 0), 0),
@@ -271,7 +271,7 @@ var FilterSelect = ({
                       children: option.label
                     }, undefined, false, undefined, this),
                     showCounts && option.count !== undefined && /* @__PURE__ */ jsxDEV4("span", {
-                      className: "text-muted-foreground ml-2 text-sm",
+                      className: "ml-2 text-muted-foreground text-sm",
                       children: [
                         "(",
                         option.count,
@@ -346,7 +346,7 @@ var Pagination = ({
     className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
     children: [
       /* @__PURE__ */ jsxDEV5("div", {
-        className: "text-muted-foreground order-2 text-base sm:order-1",
+        className: "order-2 text-base text-muted-foreground sm:order-1",
         children: [
           "Affichage de ",
           startItem,
@@ -397,7 +397,7 @@ var Pagination = ({
             children: getVisiblePageNumbers().map((page, index) => {
               if (page === -1) {
                 return /* @__PURE__ */ jsxDEV5("span", {
-                  className: "text-muted-foreground px-2 py-1",
+                  className: "px-2 py-1 text-muted-foreground",
                   children: "..."
                 }, `ellipsis-${index}`, false, undefined, this);
               }
@@ -482,7 +482,7 @@ function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsxDEV6("input", {
     type,
     "data-slot": "input",
-    className: cn4("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    className: cn4("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -508,7 +508,7 @@ var SearchInput = ({
       /* @__PURE__ */ jsxDEV7("div", {
         className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
         children: /* @__PURE__ */ jsxDEV7(Search, {
-          className: "text-muted-foreground h-4 w-4"
+          className: "h-4 w-4 text-muted-foreground"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV7(Input, {
@@ -531,7 +531,7 @@ var SearchInput = ({
           className: "h-6 w-6 p-0 hover:bg-transparent",
           children: [
             /* @__PURE__ */ jsxDEV7(X, {
-              className: "text-muted-foreground hover:text-foreground h-4 w-4"
+              className: "h-4 w-4 text-muted-foreground hover:text-foreground"
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV7("span", {
               className: "sr-only",
@@ -549,7 +549,7 @@ import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxDEV8("div", {
     "data-slot": "card",
-    className: cn5("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs", className),
+    className: cn5("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-2xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -569,7 +569,7 @@ function CardTitle({
 }) {
   return /* @__PURE__ */ jsxDEV8("div", {
     "data-slot": "card-title",
-    className: cn5("leading-none font-semibold", className),
+    className: cn5("font-semibold leading-none", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -642,8 +642,8 @@ function CollapsibleContent2({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import { cva as cva2 } from "class-variance-authority";
 import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
+import { cva as cva2 } from "class-variance-authority";
 import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
 var vStackVariants = cva2("flex flex-col", {
   variants: {
@@ -806,8 +806,8 @@ function Box({
   }, undefined, false, undefined, this);
 }
 // ui/separator.tsx
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { cn as cn7 } from "@contractspec/lib.ui-kit-core/utils";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 "use client";
 function Separator2({
@@ -820,13 +820,13 @@ function Separator2({
     "data-slot": "separator",
     decorative,
     orientation,
-    className: cn7("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+    className: cn7("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", className),
     ...props
   }, undefined, false, undefined, this);
 }
 // ui/molecules/SearchAndFilter/SearchAndFilter.tsx
-import { useState } from "react";
 import { ChevronDown, ChevronUp, Filter } from "lucide-react";
+import { useState } from "react";
 import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 var SearchAndFilter = ({
   searchValue,
@@ -889,7 +889,7 @@ var SearchAndFilter = ({
                     }, undefined, false, undefined, this),
                     "Filtres",
                     activeFiltersCount > 0 && /* @__PURE__ */ jsxDEV12("span", {
-                      className: "bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm",
+                      className: "ml-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-primary-foreground text-sm",
                       children: activeFiltersCount
                     }, undefined, false, undefined, this),
                     isCollapsed ? /* @__PURE__ */ jsxDEV12(ChevronDown, {
@@ -916,7 +916,7 @@ var SearchAndFilter = ({
         className: "flex flex-wrap items-center gap-2",
         children: [
           /* @__PURE__ */ jsxDEV12("span", {
-            className: "text-muted-foreground text-base",
+            className: "text-base text-muted-foreground",
             children: "Filtres actifs:"
           }, undefined, false, undefined, this),
           filters.filter((f) => f.value).map((filter) => {
@@ -944,8 +944,8 @@ var SearchAndFilter = ({
   }, undefined, true, undefined, this);
 };
 // ui/organisms/ListPage/ListPage.tsx
-import Link from "next/link";
 import { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
+import Link from "next/link";
 import { jsxDEV as jsxDEV13, Fragment } from "react/jsx-dev-runtime";
 function ListPage({
   title,
@@ -987,11 +987,11 @@ function ListPage({
           className: "gap-1",
           children: [
             /* @__PURE__ */ jsxDEV13("h1", {
-              className: "text-2xl font-bold md:text-3xl",
+              className: "font-bold text-2xl md:text-3xl",
               children: title
             }, undefined, false, undefined, this),
             description && /* @__PURE__ */ jsxDEV13("p", {
-              className: "text-muted-foreground text-base",
+              className: "text-base text-muted-foreground",
               children: description
             }, undefined, false, undefined, this)
           ]
@@ -1003,7 +1003,7 @@ function ListPage({
               className: "flex items-center gap-4 p-6",
               children: [
                 /* @__PURE__ */ jsxDEV13(Loader2, {
-                  className: "text-primary h-8 w-8 animate-spin"
+                  className: "h-8 w-8 animate-spin text-primary"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV13("div", {
                   children: [
@@ -1012,7 +1012,7 @@ function ListPage({
                       children: "Chargement..."
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV13("p", {
-                      className: "text-muted-foreground text-base",
+                      className: "text-base text-muted-foreground",
                       children: "Récupération des données en cours"
                     }, undefined, false, undefined, this)
                   ]
@@ -1032,11 +1032,11 @@ function ListPage({
           className: "gap-1",
           children: [
             /* @__PURE__ */ jsxDEV13("h1", {
-              className: "text-2xl font-bold md:text-3xl",
+              className: "font-bold text-2xl md:text-3xl",
               children: title
             }, undefined, false, undefined, this),
             description && /* @__PURE__ */ jsxDEV13("p", {
-              className: "text-muted-foreground text-base",
+              className: "text-base text-muted-foreground",
               children: description
             }, undefined, false, undefined, this)
           ]
@@ -1048,7 +1048,7 @@ function ListPage({
               className: "flex flex-col items-center gap-4 p-6 text-center",
               children: [
                 /* @__PURE__ */ jsxDEV13(AlertTriangle, {
-                  className: "text-destructive h-12 w-12"
+                  className: "h-12 w-12 text-destructive"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV13("div", {
                   children: [
@@ -1057,7 +1057,7 @@ function ListPage({
                       children: "Erreur de chargement"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV13("p", {
-                      className: "text-muted-foreground text-base",
+                      className: "text-base text-muted-foreground",
                       children: error.message || "Une erreur est survenue"
                     }, undefined, false, undefined, this)
                   ]
@@ -1100,11 +1100,11 @@ function ListPage({
             className: "gap-1",
             children: [
               /* @__PURE__ */ jsxDEV13("h1", {
-                className: "text-2xl font-bold md:text-3xl",
+                className: "font-bold text-2xl md:text-3xl",
                 children: title
               }, undefined, false, undefined, this),
               description && /* @__PURE__ */ jsxDEV13("p", {
-                className: "text-muted-foreground text-base",
+                className: "text-base text-muted-foreground",
                 children: description
               }, undefined, false, undefined, this)
             ]
@@ -1114,7 +1114,7 @@ function ListPage({
             children: [
               toolbar,
               (isLoading || isFetching) && /* @__PURE__ */ jsxDEV13("div", {
-                className: "text-muted-foreground flex items-center gap-2 text-base",
+                className: "flex items-center gap-2 text-base text-muted-foreground",
                 children: [
                   /* @__PURE__ */ jsxDEV13(Loader2, {
                     className: "h-4 w-4 animate-spin"
@@ -1198,9 +1198,9 @@ function ListPage({
           className: "flex flex-col items-center gap-4 p-8 text-center",
           children: [
             /* @__PURE__ */ jsxDEV13("div", {
-              className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+              className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted",
               children: /* @__PURE__ */ jsxDEV13("div", {
-                className: "bg-muted-foreground/20 h-6 w-6 rounded-full"
+                className: "h-6 w-6 rounded-full bg-muted-foreground/20"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV13("div", {
@@ -1210,7 +1210,7 @@ function ListPage({
                   children: "Aucun élément trouvé"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV13("p", {
-                  className: "text-muted-foreground text-base",
+                  className: "text-base text-muted-foreground",
                   children: searchQuery || Object.values(filterValues).some((v) => v) ? "Essayez de modifier vos critères de recherche" : "Commencez par créer votre premier élément"
                 }, undefined, false, undefined, this)
               ]

package/dist/browser/ui/page-header.js

@@ -7,8 +7,8 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/stack.tsx
-import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var vStackVariants = cva("flex flex-col", {
   variants: {
@@ -171,8 +171,8 @@ function Box({
   }, undefined, false, undefined, this);
 }
 // ui/page-header.tsx
-import { cva as cva2 } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { cva as cva2 } from "class-variance-authority";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 var headerVariants = cva2("", {
   variants: {
@@ -205,11 +205,11 @@ function PageHeader({
             className: "gap-1",
             children: [
               /* @__PURE__ */ jsxDEV2("h1", {
-                className: "text-2xl font-semibold md:text-3xl",
+                className: "font-semibold text-2xl md:text-3xl",
                 children: title
               }, undefined, false, undefined, this),
               subtitle ? /* @__PURE__ */ jsxDEV2("p", {
-                className: "text-muted-foreground text-base",
+                className: "text-base text-muted-foreground",
                 children: subtitle
               }, undefined, false, undefined, this) : null
             ]

package/dist/browser/ui/pagination.js

@@ -7,23 +7,23 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/button.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+      outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
       ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
       link: "text-primary underline-offset-4 hover:underline"
     },
     size: {
       default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
       lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
       icon: "size-9"
     }
@@ -56,8 +56,8 @@ function Button({
   }, undefined, false, undefined, this);
 }
 // ui/pagination.tsx
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 function Pagination({
   className,

package/dist/browser/ui/popover.js

@@ -7,8 +7,8 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Popover({
@@ -38,7 +38,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+      className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", className),
       ...props
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);

package/dist/browser/ui/progress.js

@@ -7,8 +7,8 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/progress.tsx
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Progress({
@@ -18,11 +18,11 @@ function Progress({
 }) {
   return /* @__PURE__ */ jsxDEV(ProgressPrimitive.Root, {
     "data-slot": "progress",
-    className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
     ...props,
     children: /* @__PURE__ */ jsxDEV(ProgressPrimitive.Indicator, {
       "data-slot": "progress-indicator",
-      className: "bg-primary h-full w-full flex-1 transition-all",
+      className: "h-full w-full flex-1 bg-primary transition-all",
       style: { transform: `translateX(-${100 - (value || 0)}%)` }
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);

package/dist/browser/ui/radio-group.js

@@ -7,9 +7,9 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/radio-group.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function RadioGroup({
@@ -28,13 +28,13 @@ function RadioGroupItem({
 }) {
   return /* @__PURE__ */ jsxDEV(RadioGroupPrimitive.Item, {
     "data-slot": "radio-group-item",
-    className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+    className: cn("aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
     ...props,
     children: /* @__PURE__ */ jsxDEV(RadioGroupPrimitive.Indicator, {
       "data-slot": "radio-group-indicator",
       className: "relative flex items-center justify-center",
       children: /* @__PURE__ */ jsxDEV(CircleIcon, {
-        className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+        className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary"
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);