@contractspec/lib.ui-kit-web 1.61.0 → 2.0.0

package/dist/ui/context-menu.js

@@ -1,108 +1,201 @@
 // @bun
 var __require = import.meta.require;
 
+// ui/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
 // ui/context-menu.tsx
-import * as React from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { Check, ChevronRight, Circle } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
-var ContextMenu = ContextMenuPrimitive.Root;
-var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-var ContextMenuGroup = ContextMenuPrimitive.Group;
-var ContextMenuPortal = ContextMenuPrimitive.Portal;
-var ContextMenuSub = ContextMenuPrimitive.Sub;
-var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubTrigger, {
-  ref,
-  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-base outline-hidden select-none", inset && "pl-8", className),
-  ...props,
-  children: [
-    children,
-    /* @__PURE__ */ jsxDEV(ChevronRight, {
-      className: "ml-auto h-4 w-4"
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Root, {
+    "data-slot": "context-menu",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Trigger, {
+    "data-slot": "context-menu-trigger",
+    className: cn("select-none", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Group, {
+    "data-slot": "context-menu-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Portal, {
+    "data-slot": "context-menu-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Sub, {
+    "data-slot": "context-menu-sub",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.RadioGroup, {
+    "data-slot": "context-menu-radio-group",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Content, {
+      "data-slot": "context-menu-content",
+      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100", className),
+      ...props
     }, undefined, false, undefined, this)
-  ]
-}, undefined, true, undefined, this));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubContent, {
-  ref,
-  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 overflow-hidden rounded-md border p-1 shadow-md", className),
+  }, undefined, false, undefined, this);
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
   ...props
-}, undefined, false, undefined, this));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Portal, {
-  children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Content, {
-    ref,
-    className: cn("bg-popover text-popover-foreground animate-in fade-in-80 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 overflow-hidden rounded-md border p-1 shadow-md", className),
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Item, {
+    "data-slot": "context-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Item, {
-  ref,
-  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", inset && "pl-8", className),
+  }, undefined, false, undefined, this);
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
   ...props
-}, undefined, false, undefined, this));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.CheckboxItem, {
-  ref,
-  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", className),
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubTrigger, {
+    "data-slot": "context-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV(ChevronRightIcon, {
+        className: "cn-rtl-flip ml-auto"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.SubContent, {
+    "data-slot": "context-menu-sub-content",
+    className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 bg-popover text-popover-foreground z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg duration-100", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
   checked,
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxDEV("span", {
-      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
-        children: /* @__PURE__ */ jsxDEV(Check, {
-          className: "h-4 w-4"
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.CheckboxItem, {
+    "data-slot": "context-menu-checkbox-item",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: "pointer-events-none absolute right-2",
+        children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV(CheckIcon, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
-    children
-  ]
-}, undefined, true, undefined, this));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.RadioItem, {
-  ref,
-  className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-xs py-1.5 pr-2 pl-8 text-base outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50", className),
-  ...props,
-  children: [
-    /* @__PURE__ */ jsxDEV("span", {
-      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
-        children: /* @__PURE__ */ jsxDEV(Circle, {
-          className: "h-2 w-2 fill-current"
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.RadioItem, {
+    "data-slot": "context-menu-radio-item",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: "pointer-events-none absolute right-2",
+        children: /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsxDEV(CheckIcon, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
-    children
-  ]
-}, undefined, true, undefined, this));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Label, {
-  ref,
-  className: cn("text-foreground px-2 py-1.5 text-base font-semibold", inset && "pl-8", className),
+      }, undefined, false, undefined, this),
+      children
+    ]
+  }, undefined, true, undefined, this);
+}
+function ContextMenuLabel({
+  className,
+  inset,
   ...props
-}, undefined, false, undefined, this));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Separator, {
-  ref,
-  className: cn("bg-border -mx-1 my-1 h-px", className),
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Label, {
+    "data-slot": "context-menu-label",
+    "data-inset": inset,
+    className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuSeparator({
+  className,
   ...props
-}, undefined, false, undefined, this));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({
+}) {
+  return /* @__PURE__ */ jsxDEV(ContextMenuPrimitive.Separator, {
+    "data-slot": "context-menu-separator",
+    className: cn("bg-border -mx-1 my-1 h-px", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ContextMenuShortcut({
   className,
   ...props
-}) => {
+}) {
   return /* @__PURE__ */ jsxDEV("span", {
-    className: cn("text-muted-foreground ml-auto text-sm tracking-widest", className),
+    "data-slot": "context-menu-shortcut",
+    className: cn("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className),
     ...props
   }, undefined, false, undefined, this);
-};
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
+}
 export {
   ContextMenuTrigger,
   ContextMenuSubTrigger,

package/dist/ui/cta.d.ts

@@ -7,13 +7,6 @@ export type CtaProps = Omit<ButtonProps, 'onClick'> & {
     href?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
 };
-export declare const Cta: React.ForwardRefExoticComponent<Omit<ButtonProps, "onClick"> & {
-    capture?: (cta: string) => void;
-    ctaName?: string;
-    as?: "button" | "a";
-    href?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-//# sourceMappingURL=cta.d.ts.map
+export declare function Cta({ capture, ctaName, className, as, href, onClick, size, children, ref, ...props }: CtaProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/cta.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -43,13 +49,11 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/cta.tsx
-import * as React2 from "react";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var Cta = React2.forwardRef(({
+function Cta({
   capture,
   ctaName,
   className,
@@ -58,8 +62,9 @@ var Cta = React2.forwardRef(({
   onClick,
   size = "lg",
   children,
+  ref,
   ...props
-}, ref) => {
+}) {
   const handleClick = (e) => {
     if (ctaName && capture) {
       try {
@@ -90,8 +95,7 @@ var Cta = React2.forwardRef(({
     ...props,
     children
   }, undefined, false, undefined, this);
-});
-Cta.displayName = "Cta";
+}
 export {
   Cta
 };

package/dist/ui/date-picker.d.ts

@@ -9,4 +9,3 @@ export interface DatePickerProps {
     language?: string;
 }
 export declare function DatePicker({ value, onChange, disabled, minDate, maxDate, placeholder, className, language, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=date-picker.d.ts.map

package/dist/ui/date-picker.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/input.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
@@ -57,7 +62,7 @@ function Input({ className, type, ...props }) {
   }, undefined, false, undefined, this);
 }
 // ui/calendar.tsx
-import * as React2 from "react";
+import * as React from "react";
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
@@ -163,8 +168,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
@@ -227,7 +232,7 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/date-picker.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { CalendarIcon } from "lucide-react";
 import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
@@ -242,10 +247,10 @@ function DatePicker({
   className,
   language
 }) {
-  const [open, setOpen] = React3.useState(false);
-  const [month, setMonth] = React3.useState(value ?? new Date);
-  const [textValue, setTextValue] = React3.useState(formatDate(value));
-  React3.useEffect(() => {
+  const [open, setOpen] = React2.useState(false);
+  const [month, setMonth] = React2.useState(value ?? new Date);
+  const [textValue, setTextValue] = React2.useState(formatDate(value));
+  React2.useEffect(() => {
     setTextValue(formatDate(value));
     if (value)
       setMonth(value);

package/dist/ui/date-range-picker.d.ts

@@ -11,4 +11,3 @@ export interface DateRangePickerProps {
     className?: string;
 }
 export declare function DateRangePicker({ value, onChange, disabled, minDate, maxDate, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/ui/date-range-picker.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -43,10 +49,9 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/calendar.tsx
-import * as React2 from "react";
+import * as React from "react";
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
@@ -152,8 +157,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
@@ -216,7 +221,7 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/date-range-picker.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 "use client";
@@ -228,7 +233,7 @@ function DateRangePicker({
   maxDate,
   className
 }) {
-  const [open, setOpen] = React3.useState(false);
+  const [open, setOpen] = React2.useState(false);
   return /* @__PURE__ */ jsxDEV4(Popover, {
     open,
     onOpenChange: setOpen,

package/dist/ui/datetime-picker.d.ts

@@ -10,4 +10,3 @@ export interface DateTimePickerProps {
     className?: string;
 }
 export declare function DateTimePicker({ value, onChange, disabled, minDate, maxDate, datePlaceholder, timePlaceholder, is24Hour, className, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=datetime-picker.d.ts.map

package/dist/ui/datetime-picker.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/input.tsx
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
@@ -57,7 +62,7 @@ function Input({ className, type, ...props }) {
   }, undefined, false, undefined, this);
 }
 // ui/calendar.tsx
-import * as React2 from "react";
+import * as React from "react";
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
@@ -163,8 +168,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
@@ -227,7 +232,7 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/date-picker.tsx
-import * as React3 from "react";
+import * as React2 from "react";
 import { CalendarIcon } from "lucide-react";
 import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
@@ -242,10 +247,10 @@ function DatePicker({
   className,
   language
 }) {
-  const [open, setOpen] = React3.useState(false);
-  const [month, setMonth] = React3.useState(value ?? new Date);
-  const [textValue, setTextValue] = React3.useState(formatDate(value));
-  React3.useEffect(() => {
+  const [open, setOpen] = React2.useState(false);
+  const [month, setMonth] = React2.useState(value ?? new Date);
+  const [textValue, setTextValue] = React2.useState(formatDate(value));
+  React2.useEffect(() => {
     setTextValue(formatDate(value));
     if (value)
       setMonth(value);
@@ -342,7 +347,7 @@ function DatePicker({
 }
 
 // ui/time-picker.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import { cn as cn6 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 "use client";
@@ -363,9 +368,9 @@ function TimePicker({
   is24Hour = true,
   className
 }) {
-  const [open, setOpen] = React4.useState(false);
-  const [hours, setHours] = React4.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
-  const [minutes, setMinutes] = React4.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
+  const [open, setOpen] = React3.useState(false);
+  const [hours, setHours] = React3.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
+  const [minutes, setMinutes] = React3.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
   const commit = (h, m) => {
     const base = value ?? new Date;
     const next = new Date(base);

package/dist/ui/dialog.d.ts

@@ -13,4 +13,3 @@ declare function DialogFooter({ className, ...props }: React.ComponentPropsWitho
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
-//# sourceMappingURL=dialog.d.ts.map

package/dist/ui/drawer.d.ts

@@ -11,4 +11,3 @@ declare function DrawerFooter({ className, ...props }: React.ComponentPropsWitho
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
-//# sourceMappingURL=drawer.d.ts.map

package/dist/ui/dropdown-menu.d.ts

@@ -23,4 +23,3 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
-//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/ui/empty-state.d.ts

@@ -13,4 +13,3 @@ export interface EmptyStateProps extends VariantProps<typeof containerVariants>
 }
 export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=empty-state.d.ts.map