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

package/dist/ui/accordion.js

@@ -2,9 +2,9 @@
 var __require = import.meta.require;
 
 // ui/accordion.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Accordion({
@@ -34,12 +34,12 @@ function AccordionTrigger({
     className: "flex",
     children: /* @__PURE__ */ jsxDEV(AccordionPrimitive.Trigger, {
       "data-slot": "accordion-trigger",
-      className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+      className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left font-medium text-sm outline-hidden transition-all hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
       ...props,
       children: [
         children,
         /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
-          className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+          className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200"
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this)
@@ -52,7 +52,7 @@ function AccordionContent({
 }) {
   return /* @__PURE__ */ jsxDEV(AccordionPrimitive.Content, {
     "data-slot": "accordion-content",
-    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...props,
     children: /* @__PURE__ */ jsxDEV("div", {
       className: cn("pt-0 pb-4", className),

package/dist/ui/alert-dialog.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
 declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
@@ -11,4 +11,4 @@ declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<
 declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/ui/alert-dialog.js

@@ -2,23 +2,23 @@
 var __require = import.meta.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"
     }
@@ -51,8 +51,8 @@ function Button({
   }, undefined, false, undefined, this);
 }
 // ui/alert-dialog.tsx
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function AlertDialog({
@@ -85,7 +85,7 @@ function AlertDialogOverlay({
 }) {
   return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Overlay, {
     "data-slot": "alert-dialog-overlay",
-    className: cn2("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+    className: cn2("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -98,7 +98,7 @@ function AlertDialogContent({
       /* @__PURE__ */ jsxDEV2(AlertDialogOverlay, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Content, {
         "data-slot": "alert-dialog-content",
-        className: cn2("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+        className: cn2("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg", className),
         ...props
       }, undefined, false, undefined, this)
     ]
@@ -130,7 +130,7 @@ function AlertDialogTitle({
 }) {
   return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Title, {
     "data-slot": "alert-dialog-title",
-    className: cn2("text-lg font-semibold", className),
+    className: cn2("font-semibold text-lg", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/alert.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Alert({ className, variant, ...props }: React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertTitle, AlertDescription };
+export { Alert, AlertDescription, AlertTitle };

package/dist/ui/alert.js

@@ -2,14 +2,14 @@
 var __require = import.meta.require;
 
 // ui/alert.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 alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+var alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
   variants: {
     variant: {
       default: "bg-card text-card-foreground",
-      destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
     }
   },
   defaultVariants: {
@@ -44,7 +44,7 @@ function AlertDescription({
 }) {
   return /* @__PURE__ */ jsxDEV("div", {
     "data-slot": "alert-description",
-    className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
+    className: cn("col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/ui/atoms/FilterSelect/FilterSelect.js

@@ -1,16 +1,31 @@
 // @bun
 var __require = import.meta.require;
 
+// ui/label.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn("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 cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Root, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Root, {
     "data-slot": "select",
     ...props
   }, undefined, false, undefined, this);
@@ -18,7 +33,7 @@ function Select({
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Group, {
     "data-slot": "select-group",
     ...props
   }, undefined, false, undefined, this);
@@ -26,7 +41,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Value, {
     "data-slot": "select-value",
     ...props
   }, undefined, false, undefined, this);
@@ -37,16 +52,16 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
-    className: cn("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: cn2("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__ */ jsxDEV(SelectPrimitive.Icon, {
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.Icon, {
         asChild: true,
-        children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+        children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
           className: "size-4 opacity-50"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -59,19 +74,19 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Content, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.Content, {
       "data-slot": "select-content",
-      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 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: cn2("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__ */ jsxDEV(SelectScrollUpButton, {}, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(SelectPrimitive.Viewport, {
-          className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+        /* @__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"),
           children
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+        /* @__PURE__ */ jsxDEV2(SelectScrollDownButton, {}, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
@@ -80,9 +95,9 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Label, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Label, {
     "data-slot": "select-label",
-    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+    className: cn2("px-2 py-1.5 text-muted-foreground text-xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -91,20 +106,20 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Item, {
     "data-slot": "select-item",
-    className: cn("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: cn2("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__ */ jsxDEV("span", {
+      /* @__PURE__ */ jsxDEV2("span", {
         className: "absolute right-2 flex size-3.5 items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemIndicator, {
-          children: /* @__PURE__ */ jsxDEV(CheckIcon, {
+        children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV2(CheckIcon, {
             className: "size-4"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemText, {
         children
       }, undefined, false, undefined, this)
     ]
@@ -114,9 +129,9 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Separator, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Separator, {
     "data-slot": "select-separator",
-    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    className: cn2("pointer-events-none -mx-1 my-1 h-px bg-border", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -124,11 +139,11 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollUpButton, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollUpButton, {
     "data-slot": "select-scroll-up-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV(ChevronUpIcon, {
+    children: /* @__PURE__ */ jsxDEV2(ChevronUpIcon, {
       className: "size-4"
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -137,30 +152,15 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollDownButton, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollDownButton, {
     "data-slot": "select-scroll-down-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+    children: /* @__PURE__ */ jsxDEV2(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 cn2 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV2(LabelPrimitive.Root, {
-    "data-slot": "label",
-    className: cn2("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 jsxDEV3 } from "react/jsx-dev-runtime";
 var FilterSelect = ({
@@ -176,8 +176,8 @@ var FilterSelect = ({
   return /* @__PURE__ */ jsxDEV3("div", {
     className: `space-y-2 ${className}`,
     children: [
-      label && /* @__PURE__ */ jsxDEV3(Label2, {
-        className: "text-foreground text-base font-medium",
+      label && /* @__PURE__ */ jsxDEV3(Label, {
+        className: "font-medium text-base text-foreground",
         children: label
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3(Select, {
@@ -199,7 +199,7 @@ var FilterSelect = ({
                 children: [
                   "Tous",
                   showCounts && /* @__PURE__ */ jsxDEV3("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),
@@ -217,7 +217,7 @@ var FilterSelect = ({
                       children: option.label
                     }, undefined, false, undefined, this),
                     showCounts && option.count !== undefined && /* @__PURE__ */ jsxDEV3("span", {
-                      className: "text-muted-foreground ml-2 text-sm",
+                      className: "ml-2 text-muted-foreground text-sm",
                       children: [
                         "(",
                         option.count,

package/dist/ui/atoms/FilterSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { FilterSelect } from './FilterSelect';
-export type { FilterSelectProps, FilterOption } from './types';
+export type { FilterOption, FilterSelectProps } from './types';

package/dist/ui/atoms/FilterSelect/index.js

@@ -1,16 +1,31 @@
 // @bun
 var __require = import.meta.require;
 
+// ui/label.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn("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 cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Root, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Root, {
     "data-slot": "select",
     ...props
   }, undefined, false, undefined, this);
@@ -18,7 +33,7 @@ function Select({
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Group, {
     "data-slot": "select-group",
     ...props
   }, undefined, false, undefined, this);
@@ -26,7 +41,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Value, {
     "data-slot": "select-value",
     ...props
   }, undefined, false, undefined, this);
@@ -37,16 +52,16 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
-    className: cn("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: cn2("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__ */ jsxDEV(SelectPrimitive.Icon, {
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.Icon, {
         asChild: true,
-        children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+        children: /* @__PURE__ */ jsxDEV2(ChevronDownIcon, {
           className: "size-4 opacity-50"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -59,19 +74,19 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Content, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.Content, {
       "data-slot": "select-content",
-      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 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: cn2("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__ */ jsxDEV(SelectScrollUpButton, {}, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(SelectPrimitive.Viewport, {
-          className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
+        /* @__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"),
           children
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+        /* @__PURE__ */ jsxDEV2(SelectScrollDownButton, {}, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
@@ -80,9 +95,9 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Label, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Label, {
     "data-slot": "select-label",
-    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+    className: cn2("px-2 py-1.5 text-muted-foreground text-xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -91,20 +106,20 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Item, {
     "data-slot": "select-item",
-    className: cn("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: cn2("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__ */ jsxDEV("span", {
+      /* @__PURE__ */ jsxDEV2("span", {
         className: "absolute right-2 flex size-3.5 items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemIndicator, {
-          children: /* @__PURE__ */ jsxDEV(CheckIcon, {
+        children: /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV2(CheckIcon, {
             className: "size-4"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsxDEV2(SelectPrimitive.ItemText, {
         children
       }, undefined, false, undefined, this)
     ]
@@ -114,9 +129,9 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Separator, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.Separator, {
     "data-slot": "select-separator",
-    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    className: cn2("pointer-events-none -mx-1 my-1 h-px bg-border", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -124,11 +139,11 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollUpButton, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollUpButton, {
     "data-slot": "select-scroll-up-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV(ChevronUpIcon, {
+    children: /* @__PURE__ */ jsxDEV2(ChevronUpIcon, {
       className: "size-4"
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -137,30 +152,15 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollDownButton, {
+  return /* @__PURE__ */ jsxDEV2(SelectPrimitive.ScrollDownButton, {
     "data-slot": "select-scroll-down-button",
-    className: cn("flex cursor-default items-center justify-center py-1", className),
+    className: cn2("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+    children: /* @__PURE__ */ jsxDEV2(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 cn2 } from "@contractspec/lib.ui-kit-core/utils";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV2(LabelPrimitive.Root, {
-    "data-slot": "label",
-    className: cn2("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 jsxDEV3 } from "react/jsx-dev-runtime";
 var FilterSelect = ({
@@ -176,8 +176,8 @@ var FilterSelect = ({
   return /* @__PURE__ */ jsxDEV3("div", {
     className: `space-y-2 ${className}`,
     children: [
-      label && /* @__PURE__ */ jsxDEV3(Label2, {
-        className: "text-foreground text-base font-medium",
+      label && /* @__PURE__ */ jsxDEV3(Label, {
+        className: "font-medium text-base text-foreground",
         children: label
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3(Select, {
@@ -199,7 +199,7 @@ var FilterSelect = ({
                 children: [
                   "Tous",
                   showCounts && /* @__PURE__ */ jsxDEV3("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),
@@ -217,7 +217,7 @@ var FilterSelect = ({
                       children: option.label
                     }, undefined, false, undefined, this),
                     showCounts && option.count !== undefined && /* @__PURE__ */ jsxDEV3("span", {
-                      className: "text-muted-foreground ml-2 text-sm",
+                      className: "ml-2 text-muted-foreground text-sm",
                       children: [
                         "(",
                         option.count,

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js

@@ -27,7 +27,7 @@ var LoadingSpinner = ({
     className: cn("flex flex-col items-center justify-center gap-2", className),
     children: [
       /* @__PURE__ */ jsxDEV(Loader2, {
-        className: cn("text-primary-600 animate-spin", sizeClasses[size])
+        className: cn("animate-spin text-primary-600", sizeClasses[size])
       }, undefined, false, undefined, this),
       text && /* @__PURE__ */ jsxDEV("p", {
         className: "animate-pulse text-base text-gray-600",