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

package/dist/browser/ui/menubar.js

@@ -7,9 +7,9 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // ui/menubar.tsx
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Menubar({
@@ -18,7 +18,7 @@ function Menubar({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Root, {
     "data-slot": "menubar",
-    className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-2xs", className),
+    className: cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-2xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -60,7 +60,7 @@ function MenubarTrigger({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Trigger, {
     "data-slot": "menubar-trigger",
-    className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-xs px-2 py-1 text-sm font-medium outline-hidden select-none", className),
+    className: cn("flex select-none items-center rounded-xs px-2 py-1 font-medium text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -77,7 +77,7 @@ function MenubarContent({
       align,
       alignOffset,
       sideOffset,
-      className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in 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 min-w-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", 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 min-w-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in", className),
       ...props
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -92,7 +92,7 @@ function MenubarItem({
     "data-slot": "menubar-item",
     "data-inset": inset,
     "data-variant": variant,
-    className: cn("data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -104,7 +104,7 @@ function MenubarCheckboxItem({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.CheckboxItem, {
     "data-slot": "menubar-checkbox-item",
-    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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", className),
+    className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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]:pointer-events-none [&_svg]:shrink-0", className),
     checked,
     ...props,
     children: [
@@ -127,7 +127,7 @@ function MenubarRadioItem({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.RadioItem, {
     "data-slot": "menubar-radio-item",
-    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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", className),
+    className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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]:pointer-events-none [&_svg]:shrink-0", className),
     ...props,
     children: [
       /* @__PURE__ */ jsxDEV("span", {
@@ -150,7 +150,7 @@ function MenubarLabel({
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Label, {
     "data-slot": "menubar-label",
     "data-inset": inset,
-    className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
+    className: cn("px-2 py-1.5 font-medium text-sm data-inset:pl-8", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -160,7 +160,7 @@ function MenubarSeparator({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Separator, {
     "data-slot": "menubar-separator",
-    className: cn("bg-border -mx-1 my-1 h-px", className),
+    className: cn("-mx-1 my-1 h-px bg-border", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -170,7 +170,7 @@ function MenubarShortcut({
 }) {
   return /* @__PURE__ */ jsxDEV("span", {
     "data-slot": "menubar-shortcut",
-    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    className: cn("ml-auto text-muted-foreground text-xs tracking-widest", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -191,7 +191,7 @@ function MenubarSubTrigger({
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.SubTrigger, {
     "data-slot": "menubar-sub-trigger",
     "data-inset": inset,
-    className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8", className),
+    className: cn("flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground", className),
     ...props,
     children: [
       children,
@@ -207,7 +207,7 @@ function MenubarSubContent({
 }) {
   return /* @__PURE__ */ jsxDEV(MenubarPrimitive.SubContent, {
     "data-slot": "menubar-sub-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 z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", 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 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in", className),
     ...props
   }, undefined, false, undefined, this);
 }

package/dist/browser/ui/molecules/Autocomplete/index.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,9 +56,9 @@ function Button({
   }, undefined, false, undefined, this);
 }
 // ui/dialog.tsx
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Dialog({
@@ -99,7 +99,7 @@ function DialogOverlay({
 }) {
   return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Overlay, {
     "data-slot": "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);
 }
@@ -115,13 +115,13 @@ function DialogContent({
       /* @__PURE__ */ jsxDEV2(DialogOverlay, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV2(DialogPrimitive.Content, {
         "data-slot": "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,
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxDEV2(DialogPrimitive.Close, {
             "data-slot": "dialog-close",
-            className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+            className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
             children: [
               /* @__PURE__ */ jsxDEV2(XIcon, {}, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("span", {
@@ -161,7 +161,7 @@ function DialogTitle({
 }) {
   return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Title, {
     "data-slot": "dialog-title",
-    className: cn2("text-lg leading-none font-semibold", className),
+    className: cn2("font-semibold text-lg leading-none", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -176,9 +176,9 @@ function DialogDescription({
   }, undefined, false, undefined, this);
 }
 // ui/command.tsx
+import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
 function Command({
@@ -187,7 +187,7 @@ function Command({
 }) {
   return /* @__PURE__ */ jsxDEV3(CommandPrimitive, {
     "data-slot": "command",
-    className: cn3("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+    className: cn3("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -217,7 +217,7 @@ function CommandDialog({
         className: cn3("overflow-hidden p-0", className),
         showCloseButton,
         children: /* @__PURE__ */ jsxDEV3(Command, {
-          className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+          className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
           children
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -237,7 +237,7 @@ function CommandInput({
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3(CommandPrimitive.Input, {
         "data-slot": "command-input",
-        className: cn3("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+        className: cn3("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
         ...props
       }, undefined, false, undefined, this)
     ]
@@ -249,7 +249,7 @@ function CommandList({
 }) {
   return /* @__PURE__ */ jsxDEV3(CommandPrimitive.List, {
     "data-slot": "command-list",
-    className: cn3("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+    className: cn3("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -268,7 +268,7 @@ function CommandGroup({
 }) {
   return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Group, {
     "data-slot": "command-group",
-    className: cn3("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+    className: cn3("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -278,7 +278,7 @@ function CommandSeparator({
 }) {
   return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Separator, {
     "data-slot": "command-separator",
-    className: cn3("bg-border -mx-1 h-px", className),
+    className: cn3("-mx-1 h-px bg-border", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -288,7 +288,7 @@ function CommandItem({
 }) {
   return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Item, {
     "data-slot": "command-item",
-    className: cn3("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    className: cn3("relative flex cursor-default select-none items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
     ...props
   }, undefined, false, undefined, this);
 }
@@ -298,13 +298,13 @@ function CommandShortcut({
 }) {
   return /* @__PURE__ */ jsxDEV3("span", {
     "data-slot": "command-shortcut",
-    className: cn3("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    className: cn3("ml-auto text-muted-foreground text-xs tracking-widest", className),
     ...props
   }, undefined, false, undefined, this);
 }
 // ui/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 "use client";
 function Popover({
@@ -334,7 +334,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: cn4("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: cn4("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);
@@ -348,8 +348,8 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/drawer.tsx
-import { Drawer as DrawerPrimitive } from "vaul";
 import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
+import { Drawer as DrawerPrimitive } from "vaul";
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
 "use client";
 function Drawer({
@@ -390,7 +390,7 @@ function DrawerOverlay({
 }) {
   return /* @__PURE__ */ jsxDEV5(DrawerPrimitive.Overlay, {
     "data-slot": "drawer-overlay",
-    className: cn5("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: cn5("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);
 }
@@ -405,11 +405,11 @@ function DrawerContent({
       /* @__PURE__ */ jsxDEV5(DrawerOverlay, {}, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV5(DrawerPrimitive.Content, {
         "data-slot": "drawer-content",
-        className: cn5("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l sm:data-[vaul-drawer-direction=right]:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r sm:data-[vaul-drawer-direction=left]:max-w-sm", className),
+        className: cn5("group/drawer-content fixed z-50 flex h-auto flex-col bg-background", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l sm:data-[vaul-drawer-direction=right]:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r sm:data-[vaul-drawer-direction=left]:max-w-sm", className),
         ...props,
         children: [
           /* @__PURE__ */ jsxDEV5("div", {
-            className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+            className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
           }, undefined, false, undefined, this),
           children
         ]
@@ -443,7 +443,7 @@ function DrawerTitle({
 }) {
   return /* @__PURE__ */ jsxDEV5(DrawerPrimitive.Title, {
     "data-slot": "drawer-title",
-    className: cn5("text-foreground font-semibold", className),
+    className: cn5("font-semibold text-foreground", className),
     ...props
   }, undefined, false, undefined, this);
 }