@petrarca/sonnet-ui 0.4.2 → 0.6.0

package/dist/index.js

@@ -147,10 +147,10 @@ var buttonVariants = cva3(
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9",
         compact: "h-7 w-7 p-0"
       }
     },
@@ -175,15 +175,96 @@ var Button = React3.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/card.tsx
+// src/icon-button.tsx
+import * as React5 from "react";
+import { cn as cn6 } from "@petrarca/sonnet-core";
+
+// src/tooltip.tsx
 import * as React4 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn as cn5 } from "@petrarca/sonnet-core";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var Card = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
-  "div",
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx5(
+  TooltipPrimitive.Content,
   {
     ref,
+    sideOffset,
     className: cn5(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/simple-tooltip.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+function SimpleTooltip({
+  label,
+  children,
+  side,
+  align,
+  delayDuration = 700,
+  sideOffset
+}) {
+  return /* @__PURE__ */ jsx6(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx6(TooltipContent, { side, align, sideOffset, children: label })
+  ] }) });
+}
+
+// src/icon-button.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function revealClass(disabled) {
+  return disabled ? "disabled:opacity-30 group-hover/row:disabled:opacity-30" : "opacity-0 group-hover/row:opacity-100 focus:opacity-100";
+}
+var IconButton = React5.forwardRef(
+  function IconButton2({
+    label,
+    children,
+    tone = "default",
+    variant = "ghost",
+    tooltipSide,
+    revealOnHover = false,
+    className,
+    disabled,
+    ...props
+  }, ref) {
+    const toneClass = variant === "ghost" ? tone === "destructive" ? "text-muted-foreground hover:text-destructive" : "text-muted-foreground hover:text-foreground" : tone === "destructive" ? "hover:text-destructive" : void 0;
+    return /* @__PURE__ */ jsx7(SimpleTooltip, { label, side: tooltipSide, children: /* @__PURE__ */ jsx7(
+      Button,
+      {
+        ref,
+        type: "button",
+        size: "compact",
+        variant,
+        "aria-label": label,
+        disabled,
+        className: cn6(
+          toneClass,
+          revealOnHover && revealClass(disabled),
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+
+// src/card.tsx
+import * as React6 from "react";
+import { cn as cn7 } from "@petrarca/sonnet-core";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+  "div",
+  {
+    ref,
+    className: cn7(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       className
     ),
@@ -191,20 +272,20 @@ var Card = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   "div",
   {
     ref,
-    className: cn5("flex flex-col space-y-1.5 p-6", className),
+    className: cn7("flex flex-col space-y-1.5 p-6", className),
     ...props
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   "div",
   {
     ref,
-    className: cn5(
+    className: cn7(
       "text-2xl font-semibold leading-none tracking-tight",
       className
     ),
@@ -212,47 +293,47 @@ var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   "div",
   {
     ref,
-    className: cn5("text-sm text-muted-foreground", className),
+    className: cn7("text-sm text-muted-foreground", className),
     ...props
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5("div", { ref, className: cn5("p-6 pt-0", className), ...props }));
+var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8("div", { ref, className: cn7("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   "div",
   {
     ref,
-    className: cn5("flex items-center p-6 pt-0", className),
+    className: cn7("flex items-center p-6 pt-0", className),
     ...props
   }
 ));
 CardFooter.displayName = "CardFooter";
 
 // src/checkbox.tsx
-import * as React5 from "react";
+import * as React7 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { cn as cn6 } from "@petrarca/sonnet-core";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+import { cn as cn8 } from "@petrarca/sonnet-core";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   CheckboxPrimitive.Root,
   {
     ref,
-    className: cn6(
+    className: cn8(
       "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx6(
+    children: /* @__PURE__ */ jsx9(
       CheckboxPrimitive.Indicator,
       {
-        className: cn6("grid place-content-center text-current"),
-        children: /* @__PURE__ */ jsx6(Check, { className: "h-4 w-4" })
+        className: cn8("grid place-content-center text-current"),
+        children: /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -266,26 +347,26 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/command.tsx
-import * as React7 from "react";
+import * as React9 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { cn as cn8 } from "@petrarca/sonnet-core";
+import { cn as cn10 } from "@petrarca/sonnet-core";
 
 // src/dialog.tsx
-import * as React6 from "react";
+import * as React8 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { cn as cn7 } from "@petrarca/sonnet-core";
-import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+import { cn as cn9 } from "@petrarca/sonnet-core";
+import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Overlay,
   {
     ref,
-    className: cn7(
+    className: cn9(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -293,22 +374,22 @@ var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx7(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs(
+var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(DialogPortal, { children: [
+  /* @__PURE__ */ jsx10(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs2(
     DialogPrimitive.Content,
     {
       ref,
-      className: cn7(
+      className: cn9(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none 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", children: [
-          /* @__PURE__ */ jsx7(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs2(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none 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", children: [
+          /* @__PURE__ */ jsx10(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -318,10 +399,10 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsx10(
   "div",
   {
-    className: cn7(
+    className: cn9(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       className
     ),
@@ -332,10 +413,10 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsx10(
   "div",
   {
-    className: cn7(
+    className: cn9(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
     ),
@@ -343,11 +424,11 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Title,
   {
     ref,
-    className: cn7(
+    className: cn9(
       "text-lg font-semibold leading-none tracking-tight",
       className
     ),
@@ -355,23 +436,23 @@ var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
   DialogPrimitive.Description,
   {
     ref,
-    className: cn7("text-sm text-muted-foreground", className),
+    className: cn9("text-sm text-muted-foreground", className),
     ...props
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/command.tsx
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
-var Command = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive,
   {
     ref,
-    className: cn8(
+    className: cn10(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       className
     ),
@@ -380,15 +461,15 @@ var Command = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx8(Dialog, { ...props, children: /* @__PURE__ */ jsx8(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx8(Command, { className: "[&_[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 }) }) });
+  return /* @__PURE__ */ jsx11(Dialog, { ...props, children: /* @__PURE__ */ jsx11(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx11(Command, { className: "[&_[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 }) }) });
 };
-var CommandInput = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx8(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx8(
+var CommandInput = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx11(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx11(
     CommandPrimitive.Input,
     {
       ref,
-      className: cn8(
+      className: cn10(
         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -397,16 +478,16 @@ var CommandInput = React7.forwardRef(({ className, ...props }, ref) => /* @__PUR
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive.List,
   {
     ref,
-    className: cn8("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    className: cn10("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
     ...props
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React7.forwardRef((props, ref) => /* @__PURE__ */ jsx8(
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive.Empty,
   {
     ref,
@@ -415,11 +496,11 @@ var CommandEmpty = React7.forwardRef((props, ref) => /* @__PURE__ */ jsx8(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive.Group,
   {
     ref,
-    className: cn8(
+    className: cn10(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
@@ -427,20 +508,20 @@ var CommandGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive.Separator,
   {
     ref,
-    className: cn8("-mx-1 h-px bg-border", className),
+    className: cn10("-mx-1 h-px bg-border", className),
     ...props
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CommandPrimitive.Item,
   {
     ref,
-    className: cn8(
+    className: cn10(
       "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       className
     ),
@@ -452,10 +533,10 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
-      className: cn8(
+      className: cn10(
         "ml-auto text-xs tracking-widest text-muted-foreground",
         className
       ),
@@ -466,22 +547,22 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/dropdown-menu.tsx
-import * as React8 from "react";
+import * as React10 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2, ChevronRight, Circle } from "lucide-react";
-import { cn as cn9 } from "@petrarca/sonnet-core";
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { cn as cn11 } from "@petrarca/sonnet-core";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
@@ -489,16 +570,16 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx9(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx12(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
     ),
@@ -506,12 +587,12 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx9(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.Content,
   {
     ref,
     sideOffset,
-    className: cn9(
+    className: cn11(
       "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
     ),
@@ -519,11 +600,11 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.Item,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
@@ -532,44 +613,44 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx12("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx12("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.Label,
   {
     ref,
-    className: cn9(
+    className: cn11(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
       className
@@ -578,11 +659,11 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.Separator,
   {
     ref,
-    className: cn9("-mx-1 my-1 h-px bg-muted", className),
+    className: cn11("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
@@ -591,10 +672,10 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
-      className: cn9("ml-auto text-xs tracking-widest opacity-60", className),
+      className: cn11("ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -602,16 +683,16 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/input.tsx
-import * as React9 from "react";
-import { cn as cn10 } from "@petrarca/sonnet-core";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Input = React9.forwardRef(
+import * as React11 from "react";
+import { cn as cn12 } from "@petrarca/sonnet-core";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Input = React11.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx13(
       "input",
       {
         type,
-        className: cn10(
+        className: cn12(
           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         ),
@@ -620,22 +701,681 @@ var Input = React9.forwardRef(
       }
     );
   }
-);
-Input.displayName = "Input";
+);
+Input.displayName = "Input";
+function InputError({
+  error
+}) {
+  if (!error) return null;
+  return /* @__PURE__ */ jsx13("p", { className: "mt-1 text-sm text-destructive", children: error });
+}
+
+// src/DateInput/DateInput.tsx
+import * as React14 from "react";
+import { Calendar as CalendarIcon } from "lucide-react";
+import {
+  cn as cn15,
+  compileDateFormat,
+  parseDate,
+  formatDateInput,
+  formatIsoDate,
+  parseIsoDate,
+  getLocaleDateFormat
+} from "@petrarca/sonnet-core";
+import { useLocale as useLocale2 } from "@petrarca/sonnet-core/config";
+
+// src/popover.tsx
+import * as React12 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn as cn13 } from "@petrarca/sonnet-core";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React12.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn13(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/DateInput/Calendar.tsx
+import * as React13 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight2 } from "lucide-react";
+import {
+  cn as cn14,
+  getWeekdayLabels,
+  getFirstDayOfWeek
+} from "@petrarca/sonnet-core";
+import { useLocale } from "@petrarca/sonnet-core/config";
+import { Fragment, jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
+var TERMINAL_VIEW = {
+  year: "years",
+  month: "months",
+  day: "days"
+};
+function sameDay(a, b) {
+  return a.getDate() === b.getDate() && a.getMonth() === b.getMonth() && a.getFullYear() === b.getFullYear();
+}
+function monthName(month, locale) {
+  return new Date(2e3, month, 1).toLocaleDateString(locale, { month: "long" });
+}
+function decadeStart(year) {
+  return Math.floor(year / 10) * 10;
+}
+function buildDayCells(viewDate, firstDay) {
+  const year = viewDate.getFullYear();
+  const month = viewDate.getMonth();
+  const weekday = new Date(year, month, 1).getDay();
+  const leadingBlanks = (weekday - firstDay + 7) % 7;
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+  const cells = [];
+  for (let i = 0; i < leadingBlanks; i++) cells.push(null);
+  for (let day = 1; day <= daysInMonth; day++)
+    cells.push(new Date(year, month, day));
+  return cells;
+}
+function DaysView({
+  viewDate,
+  value,
+  onSelect,
+  locale
+}) {
+  const firstDay = getFirstDayOfWeek(locale);
+  const cells = buildDayCells(viewDate, firstDay);
+  const weekdayLabels = getWeekdayLabels(locale);
+  const today = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx15("div", { className: "mb-1 grid grid-cols-7 gap-1", children: weekdayLabels.map((label) => /* @__PURE__ */ jsx15(
+      "div",
+      {
+        className: "text-center text-xs font-medium text-muted-foreground",
+        children: label
+      },
+      label
+    )) }),
+    /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-7 gap-1", children: cells.map((date, index) => {
+      if (!date) return /* @__PURE__ */ jsx15("div", { className: "h-8 w-8" }, `blank-${index}`);
+      const isSelected = value ? sameDay(date, value) : false;
+      const isToday = sameDay(date, today);
+      return /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(date),
+          className: cn14(
+            "h-8 w-8 rounded-full text-center text-sm",
+            isToday && !isSelected && "border border-primary",
+            isSelected ? "bg-primary text-primary-foreground" : "hover:bg-state-hover"
+          ),
+          children: date.getDate()
+        },
+        date.toISOString()
+      );
+    }) })
+  ] });
+}
+function MonthsView({
+  viewDate,
+  value,
+  onPick,
+  locale
+}) {
+  const now = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-3 gap-2", children: Array.from({ length: 12 }, (_, month) => {
+    const isCurrent = month === now.getMonth() && viewDate.getFullYear() === now.getFullYear();
+    const isSelected = !!value && month === value.getMonth() && viewDate.getFullYear() === value.getFullYear();
+    return /* @__PURE__ */ jsx15(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPick(month),
+        className: cn14(
+          "rounded py-2 text-center text-sm",
+          isCurrent && !isSelected && "border border-primary",
+          isSelected ? "bg-primary text-primary-foreground" : "hover:bg-state-hover"
+        ),
+        children: monthName(month, locale)
+      },
+      month
+    );
+  }) });
+}
+function YearsView({
+  viewDate,
+  value,
+  onPick
+}) {
+  const now = (/* @__PURE__ */ new Date()).getFullYear();
+  const start = decadeStart(viewDate.getFullYear());
+  return /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-3 gap-2", children: Array.from({ length: 10 }, (_, i) => {
+    const year = start + i;
+    const isSelected = !!value && year === value.getFullYear();
+    return /* @__PURE__ */ jsx15(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPick(year),
+        className: cn14(
+          "rounded py-2 text-center text-sm",
+          year === now && !isSelected && "border border-primary",
+          isSelected ? "bg-primary text-primary-foreground" : "hover:bg-state-hover"
+        ),
+        children: year
+      },
+      year
+    );
+  }) });
+}
+function headerText(view, viewDate, locale) {
+  if (view === "months") return viewDate.getFullYear().toString();
+  if (view === "years") {
+    const start = decadeStart(viewDate.getFullYear());
+    return `${start} - ${start + 9}`;
+  }
+  return `${monthName(viewDate.getMonth(), locale)} ${viewDate.getFullYear()}`;
+}
+function shiftViewDate(view, viewDate, direction) {
+  if (view === "months") {
+    return new Date(viewDate.getFullYear() + direction, viewDate.getMonth(), 1);
+  }
+  if (view === "years") {
+    return new Date(decadeStart(viewDate.getFullYear()) + direction * 10, 0, 1);
+  }
+  return new Date(viewDate.getFullYear(), viewDate.getMonth() + direction, 1);
+}
+function Calendar({
+  value,
+  onSelect,
+  defaultViewDate,
+  precision = "day",
+  locale
+}) {
+  const resolvedLocale = useLocale(locale);
+  const terminalView = TERMINAL_VIEW[precision];
+  const [view, setView] = React13.useState(terminalView);
+  const [viewDate, setViewDate] = React13.useState(
+    value ?? defaultViewDate ?? /* @__PURE__ */ new Date()
+  );
+  React13.useEffect(() => {
+    if (value) setViewDate(value);
+  }, [value]);
+  const handleMonthPick = (month) => {
+    const next = new Date(viewDate.getFullYear(), month, 1);
+    if (precision === "month") {
+      onSelect(next);
+      return;
+    }
+    setViewDate(next);
+    setView("days");
+  };
+  const handleYearPick = (year) => {
+    const next = new Date(year, viewDate.getMonth(), 1);
+    if (precision === "year") {
+      onSelect(next);
+      return;
+    }
+    setViewDate(next);
+    setView("months");
+  };
+  const canDrillUp = view !== "years";
+  const drillUp = () => setView(view === "days" ? "months" : "years");
+  return /* @__PURE__ */ jsxs5("div", { className: "w-64", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => setViewDate(shiftViewDate(view, viewDate, -1)),
+          className: "rounded-full p-1 hover:bg-state-hover",
+          "aria-label": "Previous",
+          children: /* @__PURE__ */ jsx15(ChevronLeft, { size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: canDrillUp ? drillUp : void 0,
+          disabled: !canDrillUp,
+          className: cn14(
+            "rounded px-2 py-1 font-medium",
+            canDrillUp && "hover:bg-state-hover"
+          ),
+          children: headerText(view, viewDate, resolvedLocale)
+        }
+      ),
+      /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: () => setViewDate(shiftViewDate(view, viewDate, 1)),
+          className: "rounded-full p-1 hover:bg-state-hover",
+          "aria-label": "Next",
+          children: /* @__PURE__ */ jsx15(ChevronRight2, { size: 16 })
+        }
+      )
+    ] }),
+    view === "days" && /* @__PURE__ */ jsx15(
+      DaysView,
+      {
+        viewDate,
+        value,
+        onSelect,
+        locale: resolvedLocale
+      }
+    ),
+    view === "months" && /* @__PURE__ */ jsx15(
+      MonthsView,
+      {
+        viewDate,
+        value,
+        onPick: handleMonthPick,
+        locale: resolvedLocale
+      }
+    ),
+    view === "years" && /* @__PURE__ */ jsx15(YearsView, { viewDate, value, onPick: handleYearPick })
+  ] });
+}
+
+// src/DateInput/DateInput.tsx
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+function DateInput({
+  value,
+  onChange,
+  precision = "day",
+  locale,
+  id,
+  name,
+  placeholder,
+  required,
+  disabled,
+  error,
+  className,
+  onBlur
+}) {
+  const resolvedLocale = useLocale2(locale);
+  const [open, setOpen] = React14.useState(false);
+  const [inputValue, setInputValue] = React14.useState("");
+  const [parseError, setParseError] = React14.useState("");
+  const fmt = React14.useMemo(
+    () => compileDateFormat({
+      format: getLocaleDateFormat(resolvedLocale, precision)
+    }),
+    [resolvedLocale, precision]
+  );
+  const selectedDate = React14.useMemo(() => parseIsoDate(value), [value]);
+  React14.useEffect(() => {
+    setInputValue(selectedDate ? formatDateInput(selectedDate, fmt) : "");
+    setParseError("");
+  }, [selectedDate, fmt]);
+  const commit = (date) => {
+    onChange(date ? formatIsoDate(date, precision) : "");
+  };
+  const handleBlur = () => {
+    if (!inputValue.trim()) {
+      setParseError("");
+      commit(null);
+      onBlur?.();
+      return;
+    }
+    const result = parseDate(inputValue, fmt);
+    if (result.date) {
+      setInputValue(result.value);
+      setParseError("");
+      commit(result.date);
+    } else {
+      setParseError(result.error || "Invalid date");
+    }
+    onBlur?.();
+  };
+  const handleCalendarSelect = (date) => {
+    setInputValue(formatDateInput(date, fmt));
+    setParseError("");
+    commit(date);
+    setOpen(false);
+  };
+  const shownError = error || parseError;
+  return /* @__PURE__ */ jsxs6("div", { className: cn15("relative", className), children: [
+    /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx16(
+        Input,
+        {
+          id,
+          name,
+          type: "text",
+          value: inputValue,
+          onChange: (event) => {
+            setInputValue(event.currentTarget.value);
+            setParseError("");
+          },
+          onBlur: handleBlur,
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              handleBlur();
+              setOpen(false);
+            } else if (event.key === "Escape") {
+              setOpen(false);
+            }
+          },
+          placeholder: placeholder ?? fmt.format,
+          required,
+          disabled,
+          autoComplete: "off",
+          "aria-invalid": shownError ? true : void 0,
+          className: cn15("pr-10", shownError && "border-destructive")
+        }
+      ),
+      /* @__PURE__ */ jsxs6(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+          "button",
+          {
+            type: "button",
+            disabled,
+            "aria-label": "Open calendar",
+            className: "absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            children: /* @__PURE__ */ jsx16(CalendarIcon, { size: 16 })
+          }
+        ) }),
+        /* @__PURE__ */ jsx16(PopoverContent, { align: "end", className: "w-auto p-2", children: /* @__PURE__ */ jsx16(
+          Calendar,
+          {
+            value: selectedDate,
+            onSelect: handleCalendarSelect,
+            precision,
+            locale: resolvedLocale
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16(InputError, { error: shownError })
+  ] });
+}
+
+// src/TimeInput/TimeInput.tsx
+import * as React15 from "react";
+import { Clock } from "lucide-react";
+import {
+  cn as cn16,
+  parseTime,
+  normalizeTime
+} from "@petrarca/sonnet-core";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+function TimeInput({
+  value,
+  onChange,
+  granularity = "minute",
+  id,
+  name,
+  placeholder,
+  required,
+  disabled,
+  error,
+  className,
+  onBlur
+}) {
+  const [inputValue, setInputValue] = React15.useState("");
+  const [parseError, setParseError] = React15.useState("");
+  const normalized = React15.useMemo(
+    () => normalizeTime(value, granularity),
+    [value, granularity]
+  );
+  React15.useEffect(() => {
+    setInputValue(normalized);
+    setParseError("");
+  }, [normalized]);
+  const handleBlur = () => {
+    if (!inputValue.trim()) {
+      setParseError("");
+      onChange("");
+      onBlur?.();
+      return;
+    }
+    const result = parseTime(inputValue, granularity);
+    if (result.value) {
+      setInputValue(result.value);
+      setParseError("");
+      onChange(result.value);
+    } else {
+      setParseError(result.error || "Invalid time");
+    }
+    onBlur?.();
+  };
+  const shownError = error || parseError;
+  const placeholderText = placeholder ?? (granularity === "second" ? "HH:MM:SS" : "HH:MM");
+  return /* @__PURE__ */ jsxs7("div", { className: cn16("relative", className), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx17(
+        Input,
+        {
+          id,
+          name,
+          type: "text",
+          inputMode: "numeric",
+          value: inputValue,
+          onChange: (event) => {
+            setInputValue(event.currentTarget.value);
+            setParseError("");
+          },
+          onBlur: handleBlur,
+          onKeyDown: (event) => {
+            if (event.key === "Enter") handleBlur();
+          },
+          placeholder: placeholderText,
+          required,
+          disabled,
+          autoComplete: "off",
+          "aria-invalid": shownError ? true : void 0,
+          className: cn16("pr-10", shownError && "border-destructive")
+        }
+      ),
+      /* @__PURE__ */ jsx17("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground", children: /* @__PURE__ */ jsx17(Clock, { size: 16 }) })
+    ] }),
+    /* @__PURE__ */ jsx17(InputError, { error: shownError })
+  ] });
+}
+
+// src/DateTimeInput/DateTimeInput.tsx
+import * as React16 from "react";
+import {
+  cn as cn17,
+  splitDateTime,
+  joinDateTime,
+  formatIsoDate as formatIsoDate2
+} from "@petrarca/sonnet-core";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+function DateTimeInput({
+  value,
+  onChange,
+  granularity = "minute",
+  timeZone,
+  locale,
+  idPrefix,
+  required,
+  disabled,
+  error,
+  className,
+  onBlur
+}) {
+  const { date, time } = React16.useMemo(() => splitDateTime(value), [value]);
+  const handleDateChange = (nextDate) => {
+    onChange(joinDateTime(nextDate, time));
+  };
+  const handleTimeChange = (nextTime) => {
+    if (!nextTime) {
+      onChange(date ? joinDateTime(date, "") : "");
+      return;
+    }
+    onChange(joinDateTime(date || formatIsoDate2(/* @__PURE__ */ new Date()), nextTime));
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: cn17("space-y-1", className), children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx18("div", { className: "flex-1", children: /* @__PURE__ */ jsx18(
+        DateInput,
+        {
+          id: idPrefix ? `${idPrefix}-date` : void 0,
+          value: date,
+          onChange: handleDateChange,
+          locale,
+          error,
+          required,
+          disabled,
+          onBlur
+        }
+      ) }),
+      /* @__PURE__ */ jsx18("div", { className: "w-32", children: /* @__PURE__ */ jsx18(
+        TimeInput,
+        {
+          id: idPrefix ? `${idPrefix}-time` : void 0,
+          value: time,
+          onChange: handleTimeChange,
+          granularity,
+          disabled,
+          onBlur
+        }
+      ) })
+    ] }),
+    timeZone && /* @__PURE__ */ jsxs8("p", { className: "text-xs text-tertiary-foreground", children: [
+      "Times in ",
+      timeZone
+    ] })
+  ] });
+}
+
+// src/select.tsx
+import * as React17 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check3, ChevronDown, ChevronUp } from "lucide-react";
+import { cn as cn18 } from "@petrarca/sonnet-core";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn18(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4 opacity-60" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn18(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx19(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn18(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx19(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React17.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn18(
+      "relative z-50 max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 origin-[--radix-select-content-transform-origin]",
+      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
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx19(
+        SelectPrimitive.Viewport,
+        {
+          className: cn18(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx19(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn18("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn18(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn18("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/input-group.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { cn as cn12 } from "@petrarca/sonnet-core";
+import { cn as cn20 } from "@petrarca/sonnet-core";
 
 // src/textarea.tsx
-import * as React10 from "react";
-import { cn as cn11 } from "@petrarca/sonnet-core";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Textarea = React10.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx11(
+import * as React18 from "react";
+import { cn as cn19 } from "@petrarca/sonnet-core";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Textarea = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx20(
     "textarea",
     {
-      className: cn11(
+      className: cn19(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       ),
@@ -647,14 +1387,14 @@ var Textarea = React10.forwardRef(({ className, ...props }, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/input-group.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "input-group",
       role: "group",
-      className: cn12(
+      className: cn20(
         "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
         "h-9 has-[>textarea]:h-auto",
         // Variants based on alignment.
@@ -693,13 +1433,13 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": align,
-      className: cn12(inputGroupAddonVariants({ align }), className),
+      className: cn20(inputGroupAddonVariants({ align }), className),
       onClick: (e) => {
         if (e.target.closest("button")) {
           return;
@@ -733,22 +1473,22 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     Button,
     {
       type,
       "data-size": size,
       variant,
-      className: cn12(inputGroupButtonVariants({ size }), className),
+      className: cn20(inputGroupButtonVariants({ size }), className),
       ...props
     }
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     "span",
     {
-      className: cn12(
+      className: cn20(
         "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
         className
       ),
@@ -760,11 +1500,11 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     Input,
     {
       "data-slot": "input-group-control",
-      className: cn12(
+      className: cn20(
         "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
@@ -776,11 +1516,11 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx21(
     Textarea,
     {
       "data-slot": "input-group-control",
-      className: cn12(
+      className: cn20(
         "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
         className
       ),
@@ -790,95 +1530,73 @@ function InputGroupTextarea({
 }
 
 // src/label.tsx
-import * as React11 from "react";
+import * as React19 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva5 } from "class-variance-authority";
-import { cn as cn13 } from "@petrarca/sonnet-core";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { cn as cn21 } from "@petrarca/sonnet-core";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var labelVariants = cva5(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var Label3 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   LabelPrimitive.Root,
   {
     ref,
-    className: cn13(labelVariants(), className),
+    className: cn21(labelVariants(), className),
     ...props
   }
 ));
-Label2.displayName = LabelPrimitive.Root.displayName;
-
-// src/popover.tsx
-import * as React12 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn as cn14 } from "@petrarca/sonnet-core";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React12.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn14(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/scroll-area.tsx
-import * as React13 from "react";
+import * as React20 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn as cn15 } from "@petrarca/sonnet-core";
-import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
-var ScrollArea = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+import { cn as cn22 } from "@petrarca/sonnet-core";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   ScrollAreaPrimitive.Root,
   {
     ref,
-    className: cn15("relative overflow-hidden", className),
+    className: cn22("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx15(ScrollBar, {}),
-      /* @__PURE__ */ jsx15(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx23(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx23(ScrollBar, {}),
+      /* @__PURE__ */ jsx23(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React13.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx15(
+var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx23(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
     orientation,
-    className: cn15(
+    className: cn22(
       "flex touch-none select-none transition-colors",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx15(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx23(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/separator.tsx
-import * as React14 from "react";
+import * as React21 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn as cn16 } from "@petrarca/sonnet-core";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Separator2 = React14.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx16(
+import { cn as cn23 } from "@petrarca/sonnet-core";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Separator3 = React21.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx24(
     SeparatorPrimitive.Root,
     {
       ref,
       decorative,
       orientation,
-      className: cn16(
+      className: cn23(
         "shrink-0 bg-border",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         className
@@ -887,22 +1605,22 @@ var Separator2 = React14.forwardRef(
     }
   )
 );
-Separator2.displayName = SeparatorPrimitive.Root.displayName;
+Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/resize-handle.tsx
-import * as React15 from "react";
-import { cn as cn17 } from "@petrarca/sonnet-core";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var ResizeHandle = React15.forwardRef(
+import * as React22 from "react";
+import { cn as cn24 } from "@petrarca/sonnet-core";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var ResizeHandle = React22.forwardRef(
   ({ orientation = "vertical", gripLength = 48, className, style, ...props }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         ref,
         role: "separator",
         "aria-orientation": orientation,
-        className: cn17(
+        className: cn24(
           "group relative flex shrink-0 select-none touch-none items-center justify-center rounded-sm",
           "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           isVertical ? "mx-1 w-2 cursor-col-resize" : "my-1 h-2 cursor-row-resize",
@@ -910,7 +1628,7 @@ var ResizeHandle = React15.forwardRef(
         ),
         style,
         ...props,
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx25(
           "div",
           {
             className: "pointer-events-none absolute rounded-full bg-border transition-colors group-hover:bg-border-strong",
@@ -924,20 +1642,20 @@ var ResizeHandle = React15.forwardRef(
 ResizeHandle.displayName = "ResizeHandle";
 
 // src/sheet.tsx
-import * as React16 from "react";
+import * as React23 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
-import { cn as cn18 } from "@petrarca/sonnet-core";
-import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+import { cn as cn25 } from "@petrarca/sonnet-core";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
 var Sheet = DialogPrimitive2.Root;
 var SheetTrigger = DialogPrimitive2.Trigger;
 var SheetClose = DialogPrimitive2.Close;
 var SheetPortal = DialogPrimitive2.Portal;
-var SheetOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var SheetOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   DialogPrimitive2.Overlay,
   {
     ref,
-    className: cn18(
+    className: cn25(
       "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -945,14 +1663,14 @@ var SheetOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = "SheetOverlay";
-var SheetContent = React16.forwardRef(
-  ({ className, children, side = "right", offsetTop = "0px", style, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-    /* @__PURE__ */ jsx18(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs5(
+var SheetContent = React23.forwardRef(
+  ({ className, children, side = "right", offsetTop = "0px", style, ...props }, ref) => /* @__PURE__ */ jsxs11(SheetPortal, { children: [
+    /* @__PURE__ */ jsx26(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs11(
       DialogPrimitive2.Content,
       {
         ref,
-        className: cn18(
+        className: cn25(
           "fixed z-50 flex flex-col bg-background shadow-xl transition-transform duration-300 ease-in-out",
           "bottom-0 w-[480px] max-w-[90vw] border-l",
           side === "right" && "right-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
@@ -963,9 +1681,9 @@ var SheetContent = React16.forwardRef(
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs5(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", children: [
-            /* @__PURE__ */ jsx18(X2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs11(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", children: [
+            /* @__PURE__ */ jsx26(X2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -976,21 +1694,21 @@ SheetContent.displayName = "SheetContent";
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx18("div", { className: cn18("shrink-0 border-b px-6 py-4", className), ...props });
-var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx26("div", { className: cn25("shrink-0 border-b px-6 py-4", className), ...props });
+var SheetTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   DialogPrimitive2.Title,
   {
     ref,
-    className: cn18("text-lg font-semibold", className),
+    className: cn25("text-lg font-semibold", className),
     ...props
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var SheetDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   DialogPrimitive2.Description,
   {
     ref,
-    className: cn18("text-sm text-muted-foreground mt-1", className),
+    className: cn25("text-sm text-muted-foreground mt-1", className),
     ...props
   }
 ));
@@ -998,20 +1716,20 @@ SheetDescription.displayName = "SheetDescription";
 var SheetBody = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx26(
   "div",
   {
-    className: cn18("flex-1 overflow-y-auto px-6 py-4", className),
+    className: cn25("flex-1 overflow-y-auto px-6 py-4", className),
     ...props
   }
 );
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx26(
   "div",
   {
-    className: cn18(
+    className: cn25(
       "shrink-0 border-t px-6 py-4 flex justify-end gap-2",
       className
     ),
@@ -1020,8 +1738,8 @@ var SheetFooter = ({
 );
 
 // src/simple-group.tsx
-import { cn as cn19 } from "@petrarca/sonnet-core";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { cn as cn26 } from "@petrarca/sonnet-core";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var gapMap = {
   0: "gap-0",
   xs: "gap-1",
@@ -1083,10 +1801,10 @@ function SimpleGroup({
   const wrapClass = wrap ? wrapMap[wrap] : void 0;
   const growClass = grow ? "[&>*]:flex-1" : void 0;
   const mtClass = mt ? mtMap[mt] : void 0;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
-      className: cn19(
+      className: cn26(
         "flex flex-row",
         gapClass,
         alignClass,
@@ -1104,8 +1822,8 @@ function SimpleGroup({
 }
 
 // src/simple-stack.tsx
-import { cn as cn20 } from "@petrarca/sonnet-core";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { cn as cn27 } from "@petrarca/sonnet-core";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var gapMap2 = {
   0: "gap-0",
   xs: "gap-1",
@@ -1145,10 +1863,10 @@ function SimpleStack({
   const alignClass = align ? alignMap2[align] : void 0;
   const justifyClass = justify ? justifyMap2[justify] : void 0;
   const heightStyle = h !== void 0 ? { height: typeof h === "number" ? `${h}px` : h } : void 0;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
-      className: cn20(
+      className: cn27(
         "flex flex-col",
         gapClass,
         alignClass,
@@ -1161,96 +1879,58 @@ function SimpleStack({
   );
 }
 
-// src/tooltip.tsx
-import * as React17 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn as cn21 } from "@petrarca/sonnet-core";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn21(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/simple-tooltip.tsx
-import { jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
-function SimpleTooltip({
-  label,
-  children,
-  side,
-  align,
-  delayDuration = 700,
-  sideOffset
-}) {
-  return /* @__PURE__ */ jsx22(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx22(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx22(TooltipContent, { side, align, sideOffset, children: label })
-  ] }) });
-}
-
 // src/skeleton.tsx
-import { cn as cn22 } from "@petrarca/sonnet-core";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { cn as cn28 } from "@petrarca/sonnet-core";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
-      className: cn22("animate-pulse rounded-md bg-muted", className),
+      className: cn28("animate-pulse rounded-md bg-muted", className),
       ...props
     }
   );
 }
 
 // src/spinner.tsx
-import { cn as cn23 } from "@petrarca/sonnet-core";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { cn as cn29 } from "@petrarca/sonnet-core";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "h-4 w-4 border-2",
   md: "h-8 w-8 border-2",
   lg: "h-12 w-12 border-3"
 };
 function Spinner({ className, size = "md" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
-      className: cn23(
+      className: cn29(
         "inline-block animate-spin rounded-full border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
         sizeClasses[size],
         className
       ),
       role: "status",
-      children: /* @__PURE__ */ jsx24("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+      children: /* @__PURE__ */ jsx30("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
     }
   );
 }
 
 // src/tabs.tsx
-import * as React18 from "react";
+import * as React24 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn as cn24 } from "@petrarca/sonnet-core";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { cn as cn30 } from "@petrarca/sonnet-core";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React18.forwardRef(({ className, align = "start", ...props }, ref) => {
+var TabsList = React24.forwardRef(({ className, align = "start", ...props }, ref) => {
   const alignClass = align === "center" ? "justify-center" : align === "end" ? "justify-end" : "justify-start";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx31(
     TabsPrimitive.List,
     {
       ref,
-      className: cn24(
+      className: cn30(
         "inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground",
         alignClass,
         className
@@ -1260,11 +1940,11 @@ var TabsList = React18.forwardRef(({ className, align = "start", ...props }, ref
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   TabsPrimitive.Trigger,
   {
     ref,
-    className: cn24(
+    className: cn30(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     ),
@@ -1272,11 +1952,11 @@ var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   TabsPrimitive.Content,
   {
     ref,
-    className: cn24(
+    className: cn30(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       "data-[state=inactive]:hidden",
       className
@@ -1285,27 +1965,41 @@ var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
+var TabsSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  "div",
+  {
+    ref,
+    role: "separator",
+    "aria-orientation": "vertical",
+    className: cn30(
+      "mx-2 h-6 w-0.5 shrink-0 rounded-full bg-muted-foreground/40",
+      className
+    ),
+    ...props
+  }
+));
+TabsSeparator.displayName = "TabsSeparator";
 
 // src/stepper.tsx
-import { Check as Check3 } from "lucide-react";
+import { Check as Check4 } from "lucide-react";
 import {
   Direction as DirectionPrimitive,
   Slot as SlotPrimitive
 } from "radix-ui";
-import * as React22 from "react";
+import * as React28 from "react";
 import { useComposedRefs } from "@petrarca/sonnet-core";
-import { cn as cn25 } from "@petrarca/sonnet-core";
+import { cn as cn31 } from "@petrarca/sonnet-core";
 
 // src/radix/hooks/use-as-ref.ts
-import * as React20 from "react";
+import * as React26 from "react";
 
 // src/radix/hooks/use-isomorphic-layout-effect.ts
-import * as React19 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React19.useLayoutEffect : React19.useEffect;
+import * as React25 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
 
 // src/radix/hooks/use-as-ref.ts
 function useAsRef(props) {
-  const ref = React20.useRef(props);
+  const ref = React26.useRef(props);
   useIsomorphicLayoutEffect(() => {
     ref.current = props;
   });
@@ -1313,9 +2007,9 @@ function useAsRef(props) {
 }
 
 // src/radix/hooks/use-lazy-ref.ts
-import * as React21 from "react";
+import * as React27 from "react";
 function useLazyRef(fn) {
-  const ref = React21.useRef(null);
+  const ref = React27.useRef(null);
   if (ref.current === null) {
     ref.current = fn();
   }
@@ -1323,7 +2017,7 @@ function useLazyRef(fn) {
 }
 
 // src/stepper.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var ROOT_NAME = "Stepper";
 var LIST_NAME = "StepperList";
 var ITEM_NAME = "StepperItem";
@@ -1442,9 +2136,9 @@ function getDataState(value, itemValue, stepState, steps, variant = "item") {
   }
   return "inactive";
 }
-var StoreContext = React22.createContext(null);
+var StoreContext = React28.createContext(null);
 function useStoreContext(consumerName) {
-  const context = React22.useContext(StoreContext);
+  const context = React28.useContext(StoreContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1452,15 +2146,15 @@ function useStoreContext(consumerName) {
 }
 function useStore(selector) {
   const store = useStoreContext("useStore");
-  const getSnapshot = React22.useCallback(
+  const getSnapshot = React28.useCallback(
     () => selector(store.getState()),
     [store, selector]
   );
-  return React22.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+  return React28.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
-var StepperContext = React22.createContext(null);
+var StepperContext = React28.createContext(null);
 function useStepperContext(consumerName) {
-  const context = React22.useContext(StepperContext);
+  const context = React28.useContext(StepperContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1498,7 +2192,7 @@ function Stepper(props) {
     onValueRemove,
     onValidate
   });
-  const store = React22.useMemo(() => {
+  const store = React28.useMemo(() => {
     return {
       subscribe: (cb) => {
         listenersRef.current.add(cb);
@@ -1572,9 +2266,9 @@ function Stepper(props) {
     }
   }, [value]);
   const dir = DirectionPrimitive.useDirection(dirProp);
-  const instanceId = React22.useId();
+  const instanceId = React28.useId();
   const rootId = id ?? instanceId;
-  const contextValue = React22.useMemo(
+  const contextValue = React28.useMemo(
     () => ({
       rootId,
       dir,
@@ -1587,7 +2281,7 @@ function Stepper(props) {
     [rootId, dir, orientation, activationMode, disabled, nonInteractive, loop]
   );
   const RootPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx26(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx32(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx32(
     RootPrimitive,
     {
       id: rootId,
@@ -1596,7 +2290,7 @@ function Stepper(props) {
       "data-slot": "stepper",
       dir,
       ...rootProps,
-      className: cn25(
+      className: cn31(
         "flex gap-3",
         orientation === "horizontal" ? "w-full flex-col" : "flex-row",
         className
@@ -1604,9 +2298,9 @@ function Stepper(props) {
     }
   ) }) });
 }
-var FocusContext = React22.createContext(null);
+var FocusContext = React28.createContext(null);
 function useFocusContext(consumerName) {
-  const context = React22.useContext(FocusContext);
+  const context = React28.useContext(FocusContext);
   if (!context) {
     throw new Error(
       `\`${consumerName}\` must be used within \`FocusProvider\``
@@ -1633,32 +2327,32 @@ function StepperList(props) {
     onFocus: onFocusProp,
     onMouseDown: onMouseDownProp
   });
-  const [tabStopId, setTabStopId] = React22.useState(null);
-  const [isTabbingBackOut, setIsTabbingBackOut] = React22.useState(false);
-  const [focusableItemCount, setFocusableItemCount] = React22.useState(0);
-  const isClickFocusRef = React22.useRef(false);
-  const itemsRef = React22.useRef(/* @__PURE__ */ new Map());
-  const listRef = React22.useRef(null);
+  const [tabStopId, setTabStopId] = React28.useState(null);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React28.useState(false);
+  const [focusableItemCount, setFocusableItemCount] = React28.useState(0);
+  const isClickFocusRef = React28.useRef(false);
+  const itemsRef = React28.useRef(/* @__PURE__ */ new Map());
+  const listRef = React28.useRef(null);
   const composedRef = useComposedRefs(ref, listRef);
-  const onItemFocus = React22.useCallback((tabStopId2) => {
+  const onItemFocus = React28.useCallback((tabStopId2) => {
     setTabStopId(tabStopId2);
   }, []);
-  const onItemShiftTab = React22.useCallback(() => {
+  const onItemShiftTab = React28.useCallback(() => {
     setIsTabbingBackOut(true);
   }, []);
-  const onFocusableItemAdd = React22.useCallback(() => {
+  const onFocusableItemAdd = React28.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount + 1);
   }, []);
-  const onFocusableItemRemove = React22.useCallback(() => {
+  const onFocusableItemRemove = React28.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount - 1);
   }, []);
-  const onItemRegister = React22.useCallback((item) => {
+  const onItemRegister = React28.useCallback((item) => {
     itemsRef.current.set(item.id, item);
   }, []);
-  const onItemUnregister = React22.useCallback((id) => {
+  const onItemUnregister = React28.useCallback((id) => {
     itemsRef.current.delete(id);
   }, []);
-  const getItems = React22.useCallback(() => {
+  const getItems = React28.useCallback(() => {
     return Array.from(itemsRef.current.values()).filter((item) => item.ref.current).sort((a, b) => {
       const elementA = a.ref.current;
       const elementB = b.ref.current;
@@ -1673,7 +2367,7 @@ function StepperList(props) {
       return 0;
     });
   }, []);
-  const onBlur = React22.useCallback(
+  const onBlur = React28.useCallback(
     (event) => {
       propsRef.current.onBlur?.(event);
       if (event.defaultPrevented) return;
@@ -1681,7 +2375,7 @@ function StepperList(props) {
     },
     [propsRef]
   );
-  const onFocus = React22.useCallback(
+  const onFocus = React28.useCallback(
     (event) => {
       propsRef.current.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -1710,7 +2404,7 @@ function StepperList(props) {
     },
     [propsRef, isTabbingBackOut, currentValue, tabStopId]
   );
-  const onMouseDown = React22.useCallback(
+  const onMouseDown = React28.useCallback(
     (event) => {
       propsRef.current.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -1718,7 +2412,7 @@ function StepperList(props) {
     },
     [propsRef]
   );
-  const focusContextValue = React22.useMemo(
+  const focusContextValue = React28.useMemo(
     () => ({
       tabStopId,
       onItemFocus,
@@ -1741,7 +2435,7 @@ function StepperList(props) {
     ]
   );
   const ListPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(FocusContext.Provider, { value: focusContextValue, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(FocusContext.Provider, { value: focusContextValue, children: /* @__PURE__ */ jsx32(
     ListPrimitive,
     {
       role: "tablist",
@@ -1752,7 +2446,7 @@ function StepperList(props) {
       tabIndex: isTabbingBackOut || focusableItemCount === 0 ? -1 : 0,
       ...listProps,
       ref: composedRef,
-      className: cn25(
+      className: cn31(
         "flex outline-none",
         orientation === "horizontal" ? "flex-row items-center" : "flex-col items-start",
         className
@@ -1764,11 +2458,11 @@ function StepperList(props) {
     }
   ) });
 }
-var StepperItemContext = React22.createContext(
+var StepperItemContext = React28.createContext(
   null
 );
 function useStepperItemContext(consumerName) {
-  const context = React22.useContext(StepperItemContext);
+  const context = React28.useContext(StepperItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
   }
@@ -1801,7 +2495,7 @@ function StepperItem(props) {
   const stepState = useStore((state) => state.steps.get(itemValue));
   const steps = useStore((state) => state.steps);
   const dataState = getDataState(value, itemValue, stepState, steps);
-  const itemContextValue = React22.useMemo(
+  const itemContextValue = React28.useMemo(
     () => ({
       value: itemValue,
       stepState
@@ -1809,7 +2503,7 @@ function StepperItem(props) {
     [itemValue, stepState]
   );
   const ItemPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(StepperItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(StepperItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx32(
     ItemPrimitive,
     {
       "data-disabled": stepState?.disabled ? "" : void 0,
@@ -1819,7 +2513,7 @@ function StepperItem(props) {
       dir: context.dir,
       ...itemProps,
       ref,
-      className: cn25(
+      className: cn31(
         "relative flex not-last:flex-1 items-center",
         orientation === "horizontal" ? "flex-row" : "flex-col",
         className
@@ -1868,11 +2562,11 @@ function StepperTrigger(props) {
   const isActive = value === itemValue;
   const isTabStop = focusContext.tabStopId === triggerId;
   const dataState = getDataState(value, itemValue, stepState, steps);
-  const triggerRef = React22.useRef(null);
+  const triggerRef = React28.useRef(null);
   const composedRef = useComposedRefs(ref, triggerRef);
-  const isArrowKeyPressedRef = React22.useRef(false);
-  const isMouseClickRef = React22.useRef(false);
-  React22.useEffect(() => {
+  const isArrowKeyPressedRef = React28.useRef(false);
+  const isMouseClickRef = React28.useRef(false);
+  React28.useEffect(() => {
     function onKeyDown2(event) {
       if (ARROW_KEYS.includes(event.key)) {
         isArrowKeyPressedRef.current = true;
@@ -1906,7 +2600,7 @@ function StepperTrigger(props) {
       }
     };
   }, [focusContext, triggerId, itemValue, isTabStop, isDisabled]);
-  const onClick = React22.useCallback(
+  const onClick = React28.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented) return;
@@ -1927,7 +2621,7 @@ function StepperTrigger(props) {
       propsRef
     ]
   );
-  const onFocus = React22.useCallback(
+  const onFocus = React28.useCallback(
     async (event) => {
       propsRef.current.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -1955,7 +2649,7 @@ function StepperTrigger(props) {
       propsRef
     ]
   );
-  const onKeyDown = React22.useCallback(
+  const onKeyDown = React28.useCallback(
     async (event) => {
       propsRef.current.onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -2010,7 +2704,7 @@ function StepperTrigger(props) {
       steps
     ]
   );
-  const onMouseDown = React22.useCallback(
+  const onMouseDown = React28.useCallback(
     (event) => {
       propsRef.current.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -2024,7 +2718,7 @@ function StepperTrigger(props) {
     [focusContext, triggerId, isDisabled, propsRef]
   );
   const TriggerPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     TriggerPrimitive,
     {
       id: triggerId,
@@ -2043,7 +2737,7 @@ function StepperTrigger(props) {
       tabIndex: isTabStop ? 0 : -1,
       ...triggerProps,
       ref: composedRef,
-      className: cn25(
+      className: cn31(
         "inline-flex items-center justify-center gap-3 rounded-md text-left outline-none 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",
         "not-has-data-[slot=description]:rounded-full not-has-data-[slot=title]:rounded-full",
         className
@@ -2066,7 +2760,7 @@ function StepperIndicator(props) {
   const stepPosition = Array.from(steps.keys()).indexOf(itemValue) + 1;
   const dataState = getDataState(value, itemValue, stepState, steps);
   const IndicatorPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     IndicatorPrimitive,
     {
       "data-state": dataState,
@@ -2074,11 +2768,11 @@ function StepperIndicator(props) {
       dir: context.dir,
       ...indicatorProps,
       ref,
-      className: cn25(
+      className: cn31(
         "flex size-7 shrink-0 items-center justify-center rounded-full border-2 border-muted bg-background font-medium text-muted-foreground text-sm transition-colors data-[state=active]:border-primary data-[state=completed]:border-primary data-[state=active]:bg-primary data-[state=completed]:bg-primary data-[state=active]:text-primary-foreground data-[state=completed]:text-primary-foreground",
         className
       ),
-      children: typeof children === "function" ? children(dataState) : children ? children : dataState === "completed" ? /* @__PURE__ */ jsx26(Check3, { className: "size-4" }) : stepPosition
+      children: typeof children === "function" ? children(dataState) : children ? children : dataState === "completed" ? /* @__PURE__ */ jsx32(Check4, { className: "size-4" }) : stepPosition
     }
   );
 }
@@ -2106,7 +2800,7 @@ function StepperSeparator(props) {
     "separator"
   );
   const SeparatorPrimitive2 = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     SeparatorPrimitive2,
     {
       role: "separator",
@@ -2118,7 +2812,7 @@ function StepperSeparator(props) {
       dir: context.dir,
       ...separatorProps,
       ref,
-      className: cn25(
+      className: cn31(
         "bg-border transition-colors data-[state=active]:bg-primary data-[state=completed]:bg-primary",
         orientation === "horizontal" ? "h-px flex-1" : "h-10 w-px",
         className
@@ -2132,7 +2826,7 @@ function StepperTitle(props) {
   const itemContext = useStepperItemContext(TITLE_NAME);
   const titleId = getId(context.rootId, "title", itemContext.value);
   const TitlePrimitive = asChild ? SlotPrimitive.Slot : "span";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     TitlePrimitive,
     {
       id: titleId,
@@ -2140,7 +2834,7 @@ function StepperTitle(props) {
       dir: context.dir,
       ...titleProps,
       ref,
-      className: cn25("font-medium text-sm", className)
+      className: cn31("font-medium text-sm", className)
     }
   );
 }
@@ -2150,7 +2844,7 @@ function StepperDescription(props) {
   const itemContext = useStepperItemContext(DESCRIPTION_NAME);
   const descriptionId = getId(context.rootId, "description", itemContext.value);
   const DescriptionPrimitive = asChild ? SlotPrimitive.Slot : "span";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     DescriptionPrimitive,
     {
       id: descriptionId,
@@ -2158,7 +2852,7 @@ function StepperDescription(props) {
       dir: context.dir,
       ...descriptionProps,
       ref,
-      className: cn25("text-muted-foreground text-xs", className)
+      className: cn31("text-muted-foreground text-xs", className)
     }
   );
 }
@@ -2177,7 +2871,7 @@ function StepperContent(props) {
   const triggerId = getId(context.rootId, "trigger", valueProp);
   if (valueProp !== value && !forceMount) return null;
   const ContentPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     ContentPrimitive,
     {
       id: contentId,
@@ -2187,7 +2881,7 @@ function StepperContent(props) {
       dir: context.dir,
       ...contentProps,
       ref,
-      className: cn25("flex-1 outline-none", className)
+      className: cn31("flex-1 outline-none", className)
     }
   );
 }
@@ -2202,7 +2896,7 @@ function StepperPrev(props) {
   const stepKeys = Array.from(steps.keys());
   const currentIndex = stepKeys.length > 0 ? stepKeys.indexOf(value ?? "") : -1;
   const isDisabled = disabled || currentIndex <= 0;
-  const onClick = React22.useCallback(
+  const onClick = React28.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented || isDisabled) return;
@@ -2215,7 +2909,7 @@ function StepperPrev(props) {
     [propsRef, isDisabled, currentIndex, stepKeys, store]
   );
   const PrevPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     PrevPrimitive,
     {
       type: "button",
@@ -2237,7 +2931,7 @@ function StepperNext(props) {
   const stepKeys = Array.from(steps.keys());
   const currentIndex = stepKeys.length > 0 ? stepKeys.indexOf(value ?? "") : -1;
   const isDisabled = disabled || stepKeys.length === 0 || currentIndex >= stepKeys.length - 1;
-  const onClick = React22.useCallback(
+  const onClick = React28.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented || isDisabled) return;
@@ -2250,7 +2944,7 @@ function StepperNext(props) {
     [propsRef, isDisabled, currentIndex, stepKeys, store]
   );
   const NextPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx32(
     NextPrimitive,
     {
       type: "button",
@@ -2265,18 +2959,19 @@ function StepperNext(props) {
 // src/EntityTable/EntityTable.tsx
 import {
   useCallback as useCallback2,
-  useEffect as useEffect3,
-  useMemo as useMemo2,
+  useEffect as useEffect6,
+  useMemo as useMemo5,
   useRef as useRef4,
-  useState as useState2
+  useState as useState5
 } from "react";
 import {
   flexRender,
   getCoreRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { cn as cn26 } from "@petrarca/sonnet-core";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
+import { cn as cn32 } from "@petrarca/sonnet-core";
+import { useComponentDefaults } from "@petrarca/sonnet-core/config";
 
 // src/EntityTable/tableSchema/mergeUiSchema.ts
 function resolveCellRenderer(property, uiEntry) {
@@ -2306,12 +3001,12 @@ function mergeColumnConfig(key, property, uiSchema) {
 }
 
 // src/EntityTable/tableSchema/cellRegistry.ts
-import React23 from "react";
+import React29 from "react";
 import { warnLog } from "@petrarca/sonnet-core";
 
 // src/EntityTable/tableSchema/cellRenderers.tsx
 import { formatDate, formatDateTime } from "@petrarca/sonnet-core";
-import { Fragment, jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
 function resolveValue(value, options) {
   const key = options.valueKey;
   if (key && value != null && typeof value === "object") {
@@ -2327,60 +3022,95 @@ function TextCell({
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx27("span", { className: cx("", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("", options), children: text == null ? "\u2014" : String(text) });
 }
 function MutedCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("text-muted-foreground", options), children: text == null ? "\u2014" : String(text) });
 }
 function BoldCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx27("span", { className: cx("font-medium", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("font-medium", options), children: text == null ? "\u2014" : String(text) });
 }
 function CodeCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx27("span", { className: cx("font-mono text-xs", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("font-mono text-xs", options), children: text == null ? "\u2014" : String(text) });
 }
 function BadgeCell({
   value,
   options
 }) {
   if (value == null)
-    return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: "\u2014" });
   const key = String(value);
   const colors = options.colors;
   const labels = options.labels;
   const color = colors?.[key];
   const label = labels?.[key] ?? key;
-  return /* @__PURE__ */ jsx27(Badge, { badgeColor: color, children: label });
+  return /* @__PURE__ */ jsx33(Badge, { badgeColor: color, children: label });
+}
+function conditionHolds(value, when) {
+  const isEmpty = value == null || value === "";
+  switch (when) {
+    case "empty":
+      return isEmpty;
+    case "present":
+      return !isEmpty;
+    case "truthy":
+      return Boolean(value);
+    case "falsy":
+      return !value;
+  }
+}
+function renderConditionalFallback(value, fallback) {
+  if (fallback === "dash" || value == null || value === "") {
+    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: "\u2014" });
+  }
+  if (fallback === "muted-value") {
+    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: String(value) });
+  }
+  return /* @__PURE__ */ jsx33("span", { children: String(value) });
+}
+function ConditionalBadgeCell({
+  value,
+  options
+}) {
+  const when = options.when ?? "truthy";
+  const variant = options.variant ?? "secondary";
+  const fallback = options.fallback ?? "dash";
+  if (conditionHolds(value, when)) {
+    const label = options.label != null ? String(options.label) : String(value ?? "");
+    return /* @__PURE__ */ jsx33(Badge, { variant, children: label });
+  }
+  return renderConditionalFallback(value, fallback);
 }
 function DateCell({
   value,
   options
 }) {
-  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: formatDate(value) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("text-muted-foreground", options), children: formatDate(value) });
 }
 function DateTimeCell({
   value,
   options
 }) {
-  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: formatDateTime(value) });
+  return /* @__PURE__ */ jsx33("span", { className: cx("text-muted-foreground", options), children: formatDateTime(value) });
 }
 function BooleanCell({ value }) {
-  return /* @__PURE__ */ jsx27("span", { className: value ? "text-green-600" : "text-muted-foreground", children: value ? "Yes" : "No" });
+  return /* @__PURE__ */ jsx33("span", { className: value ? "text-green-600" : "text-muted-foreground", children: value ? "Yes" : "No" });
 }
 function NumberCell({ value }) {
   const text = value == null ? "\u2014" : String(value);
-  return /* @__PURE__ */ jsx27("span", { className: "tabular-nums", children: text });
+  return /* @__PURE__ */ jsx33("span", { className: "tabular-nums", children: text });
 }
 function TruncateCell({
   value,
@@ -2388,7 +3118,7 @@ function TruncateCell({
 }) {
   const resolved = resolveValue(value, options);
   const text = resolved == null ? "\u2014" : String(resolved);
-  return /* @__PURE__ */ jsx27("span", { className: "block truncate max-w-xs", title: text, children: text });
+  return /* @__PURE__ */ jsx33("span", { className: "block truncate max-w-xs", title: text, children: text });
 }
 function OverflowListCell({
   value,
@@ -2396,20 +3126,20 @@ function OverflowListCell({
 }) {
   const items = Array.isArray(value) ? value : [];
   if (items.length === 0)
-    return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: "\u2014" });
   const displayKey = options.displayKey;
   const fallbackKey = options.fallbackKey;
   const prefixKey = options.prefixKey;
   const first = items[0];
   const label = displayKey && first[displayKey] || fallbackKey && first[fallbackKey] || "";
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    prefixKey && /* @__PURE__ */ jsxs7("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    prefixKey && /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground", children: [
       String(first[prefixKey]),
       ":",
       " "
     ] }),
     label,
-    items.length > 1 && /* @__PURE__ */ jsxs7("span", { className: "text-muted-foreground ml-1", children: [
+    items.length > 1 && /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground ml-1", children: [
       "+",
       items.length - 1
     ] })
@@ -2421,8 +3151,8 @@ function JoinCell({
 }) {
   const sep = options.separator ?? ", ";
   if (!Array.isArray(value) || value.length === 0)
-    return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
-  return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: value.join(sep) });
+    return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ jsx33("span", { className: "text-muted-foreground", children: value.join(sep) });
 }
 
 // src/EntityTable/tableSchema/cellRegistry.ts
@@ -2432,6 +3162,7 @@ var CELL_RENDERERS = {
   bold: BoldCell,
   code: CodeCell,
   badge: BadgeCell,
+  "badge-when": ConditionalBadgeCell,
   date: DateCell,
   datetime: DateTimeCell,
   boolean: BooleanCell,
@@ -2453,7 +3184,7 @@ function resolveCellRenderer2(name, localRenderers) {
   return localRenderers?.[name] ?? CELL_RENDERERS[name] ?? TextCell;
 }
 function createRenderer(render) {
-  return ({ row, options }) => React23.createElement(React23.Fragment, null, render(row, options));
+  return ({ row, options }) => React29.createElement(React29.Fragment, null, render(row, options));
 }
 function validateRendererNames(renderers) {
   for (const name of Object.keys(renderers)) {
@@ -2468,12 +3199,12 @@ function validateRendererNames(renderers) {
 // src/EntityTable/tableSchema/columnResolver.ts
 function resolveColumns(schema, uiSchema) {
   const properties = schema.properties ?? {};
-  const entries = Object.entries(properties).map(([key, property]) => {
+  const entries = Object.entries(properties).map(([key, property], index) => {
     const config = mergeColumnConfig(key, property, uiSchema);
-    return { key, property, config };
+    return { key, property, config, index };
   }).filter(({ config }) => !config.hidden);
   const ordered = entries.filter(({ config }) => config.order !== void 0).sort((a, b) => a.config.order - b.config.order);
-  const unordered = entries.filter(({ config }) => config.order === void 0).sort((a, b) => a.key.localeCompare(b.key));
+  const unordered = entries.filter(({ config }) => config.order === void 0).sort((a, b) => a.index - b.index);
   const sorted = [...ordered, ...unordered];
   return sorted.map(({ key, property, config }) => {
     const cellRenderer = config.cellRenderer ?? inferCellRenderer(property.type, property.format);
@@ -2494,7 +3225,7 @@ function keyToLabel(key) {
 }
 
 // src/EntityTable/EntityTable.tsx
-import { jsx as jsx28, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
 var coreRowModel = getCoreRowModel();
 function resolveTableDefaults(props) {
   return {
@@ -2502,6 +3233,24 @@ function resolveTableDefaults(props) {
     selectionMode: props.selectionMode ?? false
   };
 }
+var ENTITY_TABLE_BUILTIN = {
+  rowActivation: "click",
+  showChevron: true
+};
+function useResolvedActivation(props) {
+  const resolved = useComponentDefaults(
+    "EntityTable",
+    ENTITY_TABLE_BUILTIN,
+    {
+      rowActivation: props.rowActivation,
+      showChevron: props.showChevron
+    }
+  );
+  return {
+    rowActivation: resolved.rowActivation,
+    showChevron: resolved.showChevron
+  };
+}
 function buildColumnDefs(resolved, localRenderers) {
   return resolved.map((col) => {
     const Renderer = resolveCellRenderer2(col.cellRenderer, localRenderers);
@@ -2513,7 +3262,7 @@ function buildColumnDefs(resolved, localRenderers) {
       cell: ({
         getValue,
         row
-      }) => /* @__PURE__ */ jsx28(
+      }) => /* @__PURE__ */ jsx34(
         Renderer,
         {
           value: getValue(),
@@ -2531,7 +3280,7 @@ function buildSelectColumn() {
   return {
     id: "_select",
     size: 40,
-    header: ({ table: t }) => /* @__PURE__ */ jsx28(
+    header: ({ table: t }) => /* @__PURE__ */ jsx34(
       Checkbox,
       {
         checked: t.getIsAllPageRowsSelected() || (t.getIsSomePageRowsSelected() ? "indeterminate" : false),
@@ -2539,7 +3288,7 @@ function buildSelectColumn() {
         "aria-label": "Select all"
       }
     ),
-    cell: ({ row }) => /* @__PURE__ */ jsx28(
+    cell: ({ row }) => /* @__PURE__ */ jsx34(
       Checkbox,
       {
         checked: row.getIsSelected(),
@@ -2576,43 +3325,43 @@ function useEntityTableState(props, selectionMode) {
     onSelectionChange
   } = props;
   const isPaginated = !!(pagination && onPaginationChange);
-  const dataRows = useMemo2(() => data?.data ?? [], [data]);
+  const dataRows = useMemo5(() => data?.data ?? [], [data]);
   const total = data?.meta.total;
   const pageIndex = pagination?.pageIndex ?? 0;
   const pageSize = pagination?.pageSize ?? 1;
-  useEffect3(() => {
+  useEffect6(() => {
     if (!isPaginated || total == null || !onPaginationChange) return;
     const maxPage = Math.max(0, Math.ceil(total / pageSize) - 1);
     if (pageIndex > maxPage) {
       onPaginationChange((prev) => ({ ...prev, pageIndex: maxPage }));
     }
   }, [total, isPaginated, pageIndex, pageSize, onPaginationChange]);
-  const [rowSelection, setRowSelection] = useState2({});
-  useEffect3(() => {
+  const [rowSelection, setRowSelection] = useState5({});
+  useEffect6(() => {
     setRowSelection({});
   }, [data]);
-  const [activeRowIndex, setActiveRowIndex] = useState2(-1);
+  const [activeRowIndex, setActiveRowIndex] = useState5(-1);
   const containerRef = useRef4(null);
-  const dataColumns = useMemo2(() => {
+  const dataColumns = useMemo5(() => {
     if (renderers) validateRendererNames(renderers);
     return buildColumnDefs(resolveColumns(schema, uiSchema), renderers);
   }, [schema, uiSchema, renderers]);
-  const selectColumn = useMemo2(
+  const selectColumn = useMemo5(
     () => selectionMode ? buildSelectColumn() : null,
     [selectionMode]
   );
-  const columns = useMemo2(
+  const columns = useMemo5(
     () => selectColumn ? [selectColumn, ...dataColumns] : dataColumns,
     [selectColumn, dataColumns]
   );
   const onSelectionChangeRef = useRef4(onSelectionChange);
   onSelectionChangeRef.current = onSelectionChange;
-  useEffect3(() => {
+  useEffect6(() => {
     if (!selectionMode || !onSelectionChangeRef.current) return;
     const selected = Object.keys(rowSelection).filter((k) => rowSelection[k]).map(Number).map((i) => dataRows[i]).filter((r) => r !== void 0);
     onSelectionChangeRef.current(selected);
   }, [rowSelection, selectionMode, dataRows]);
-  const tableState = useMemo2(
+  const tableState = useMemo5(
     () => ({
       ...isPaginated ? { pagination } : {},
       ...selectionMode ? { rowSelection } : {}
@@ -2630,7 +3379,7 @@ function useEntityTableState(props, selectionMode) {
     onPaginationChange
   });
   const table = useReactTable(tableOptions);
-  useEffect3(() => {
+  useEffect6(() => {
     if (activeRowIndex < 0 || !containerRef.current) return;
     const rows = containerRef.current.querySelectorAll("tbody tr");
     rows[activeRowIndex]?.scrollIntoView({ block: "nearest" });
@@ -2647,6 +3396,29 @@ function useEntityTableState(props, selectionMode) {
     columns
   };
 }
+function useActiveRowEvent(args) {
+  const {
+    selectionMode,
+    rowActivation,
+    onRowClick,
+    onActiveRowChange,
+    activeRowIndex,
+    dataRows,
+    setActiveRowIndex
+  } = args;
+  const singleActiveMode = !selectionMode && rowActivation === "double-click" && !!onRowClick;
+  const onChangeRef = useRef4(onActiveRowChange);
+  onChangeRef.current = onActiveRowChange;
+  useEffect6(() => {
+    if (!singleActiveMode) return;
+    const row = activeRowIndex >= 0 ? dataRows[activeRowIndex] ?? null : null;
+    onChangeRef.current?.(row);
+  }, [singleActiveMode, activeRowIndex, dataRows]);
+  return useCallback2(
+    (index) => setActiveRowIndex(index),
+    [setActiveRowIndex]
+  );
+}
 function useTableKeyboard(table, activeRowIndex, setActiveRowIndex, selectionMode, onRowClick) {
   return useCallback2(
     (e) => {
@@ -2693,9 +3465,9 @@ function handleSpaceKey(e, tableRows, selectionMode, activeRowIndex) {
   e.preventDefault();
   tableRows[activeRowIndex]?.toggleSelected();
 }
-function resolveTrailingCols(rowActions, onRowClick, selectionMode) {
+function resolveTrailingCols(rowActions, onRowClick, selectionMode, showChevron) {
   const hasRowActions = !!(rowActions && rowActions.length > 0);
-  const hasChevron = !!(onRowClick && !selectionMode && !hasRowActions);
+  const hasChevron = !!(onRowClick && showChevron && !selectionMode && !hasRowActions);
   return {
     hasRowActions,
     hasChevron,
@@ -2713,7 +3485,7 @@ function StatusRows({
   colCount
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34(
       "td",
       {
         colSpan: colCount,
@@ -2723,7 +3495,7 @@ function StatusRows({
     ) });
   }
   if (isError) {
-    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34(
       "td",
       {
         colSpan: colCount,
@@ -2733,7 +3505,7 @@ function StatusRows({
     ) });
   }
   if (isEmpty) {
-    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34(
       "td",
       {
         colSpan: colCount,
@@ -2753,7 +3525,7 @@ function RowActionCell({
   actions,
   rowOriginal
 }) {
-  return /* @__PURE__ */ jsx28("td", { className: "px-4 py-3 w-24 text-right", children: /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-end gap-1", children: actions.map((action) => /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 w-24 text-right", children: /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-end gap-1", children: actions.map((action) => /* @__PURE__ */ jsx34(
     ActionButton,
     {
       action,
@@ -2769,8 +3541,8 @@ function ActionButton({
   const isHidden = action.hidden?.(rowOriginal);
   if (isHidden) return null;
   const isDisabled = action.disabled?.(rowOriginal);
-  const Icon = action.icon;
-  return /* @__PURE__ */ jsx28(
+  const Icon2 = action.icon;
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       title: action.label,
@@ -2779,29 +3551,63 @@ function ActionButton({
         e.stopPropagation();
         action.onClick(rowOriginal);
       },
-      className: cn26(
+      className: cn32(
         "inline-flex items-center justify-center h-7 w-7 rounded-md transition-colors",
         action.variant === "destructive" ? "text-destructive hover:bg-destructive/10" : "text-muted-foreground hover:bg-accent",
         isDisabled ? "opacity-30 cursor-not-allowed group-hover/row:opacity-30" : "opacity-0 group-hover/row:opacity-100 focus:opacity-100"
       ),
-      children: Icon ? /* @__PURE__ */ jsx28(Icon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx28("span", { className: "text-xs", children: action.label })
+      children: Icon2 ? /* @__PURE__ */ jsx34(Icon2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx34("span", { className: "text-xs", children: action.label })
     },
     action.label
   );
 }
+function ChevronCell({
+  rowOriginal,
+  rowActivation,
+  onRowClick
+}) {
+  const asButton = rowActivation === "double-click" && !!onRowClick;
+  return /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 w-10", children: asButton ? /* @__PURE__ */ jsx34(
+    "button",
+    {
+      type: "button",
+      title: "Open",
+      onClick: (e) => {
+        e.stopPropagation();
+        onRowClick(rowOriginal);
+      },
+      className: "inline-flex items-center justify-center h-7 w-7 rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+      children: /* @__PURE__ */ jsx34(ChevronRight3, { className: "h-4 w-4" })
+    }
+  ) : /* @__PURE__ */ jsx34(ChevronRight3, { className: "h-4 w-4 text-muted-foreground" }) });
+}
+function rowClassName(row, isActive, selectionMode, singleClickSelects, onRowClick) {
+  return cn32(
+    "border-b last:border-b-0 transition-colors group/row",
+    onRowClick && !selectionMode && "hover:bg-accent/50 cursor-pointer",
+    selectionMode && "cursor-default",
+    row.getIsSelected() && "bg-primary/10",
+    isActive && selectionMode && "bg-accent",
+    isActive && singleClickSelects && "bg-primary/10"
+  );
+}
 function DataRow({
   row,
   index,
   selectionMode,
+  rowActivation,
   activeRowIndex,
   onRowClick,
+  onActivateRow,
   setActiveRowIndex,
   containerRef,
   hasRowActions,
   hasChevron,
   rowActions
 }) {
-  return /* @__PURE__ */ jsxs8(
+  const singleClickSelects = !selectionMode && rowActivation === "double-click" && !!onRowClick;
+  const isActive = index === activeRowIndex;
+  return /* @__PURE__ */ jsxs13(
     "tr",
     {
       onClick: () => {
@@ -2809,35 +3615,51 @@ function DataRow({
           row,
           index,
           selectionMode,
+          rowActivation,
           onRowClick,
+          onActivateRow,
           setActiveRowIndex,
           containerRef
         );
       },
-      className: cn26(
-        "border-b last:border-b-0 transition-colors group/row",
-        onRowClick && !selectionMode && "hover:bg-accent/50 cursor-pointer",
-        selectionMode && "cursor-default",
-        row.getIsSelected() && "bg-primary/10",
-        index === activeRowIndex && selectionMode && "bg-accent"
+      onDoubleClick: () => {
+        if (singleClickSelects && onRowClick) onRowClick(row.original);
+      },
+      className: rowClassName(
+        row,
+        isActive,
+        selectionMode,
+        singleClickSelects,
+        onRowClick
       ),
       children: [
-        row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx28("td", { className: "px-4 py-3", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)),
-        hasRowActions && /* @__PURE__ */ jsx28(RowActionCell, { actions: rowActions, rowOriginal: row.original }),
-        hasChevron && /* @__PURE__ */ jsx28("td", { className: "px-4 py-3 w-10", children: /* @__PURE__ */ jsx28(ChevronRight2, { className: "h-4 w-4 text-muted-foreground" }) })
+        row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx34("td", { className: "px-4 py-3", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)),
+        hasRowActions && /* @__PURE__ */ jsx34(RowActionCell, { actions: rowActions, rowOriginal: row.original }),
+        hasChevron && /* @__PURE__ */ jsx34(
+          ChevronCell,
+          {
+            rowOriginal: row.original,
+            rowActivation,
+            onRowClick
+          }
+        )
       ]
     },
     row.id
   );
 }
-function handleRowClick(row, index, selectionMode, onRowClick, setActiveRowIndex, containerRef) {
+function handleRowClick(row, index, selectionMode, rowActivation, onRowClick, onActivateRow, setActiveRowIndex, containerRef) {
   if (selectionMode) {
     row.toggleSelected();
     setActiveRowIndex(index);
     containerRef.current?.focus();
-  } else if (onRowClick) {
-    onRowClick(row.original);
+    return;
+  }
+  if (rowActivation === "double-click" && onRowClick) {
+    onActivateRow(index);
+    return;
   }
+  if (onRowClick) onRowClick(row.original);
 }
 function TableFooter({
   isPaginated,
@@ -2848,9 +3670,9 @@ function TableFooter({
 }) {
   if (!data?.meta) return null;
   if (isPaginated) {
-    return /* @__PURE__ */ jsx28(PaginationFooter, { table, entityLabel });
+    return /* @__PURE__ */ jsx34(PaginationFooter, { table, entityLabel });
   }
-  return /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-3", children: [
+  return /* @__PURE__ */ jsxs13("p", { className: "text-xs text-muted-foreground mt-3", children: [
     "Showing ",
     dataRows.length,
     " of ",
@@ -2867,9 +3689,11 @@ function EntityTable(props) {
     errorMessage,
     entityLabel,
     onRowClick,
+    onActiveRowChange,
     rowActions
   } = props;
   const { isFiltered, selectionMode } = resolveTableDefaults(props);
+  const { rowActivation, showChevron } = useResolvedActivation(props);
   const {
     table,
     dataRows,
@@ -2886,23 +3710,33 @@ function EntityTable(props) {
     selectionMode,
     onRowClick
   );
+  const handleActivateRow = useActiveRowEvent({
+    selectionMode,
+    rowActivation,
+    onRowClick,
+    onActiveRowChange,
+    activeRowIndex,
+    dataRows,
+    setActiveRowIndex
+  });
   const { hasRowActions, hasChevron, hasTrailingCol } = resolveTrailingCols(
     rowActions,
     onRowClick,
-    selectionMode
+    selectionMode,
+    showChevron
   );
   const colCount = columns.length + (hasTrailingCol ? 1 : 0);
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs13("div", { children: [
+    /* @__PURE__ */ jsx34(
       "div",
       {
         ref: selectionMode ? containerRef : void 0,
         tabIndex: selectionMode ? 0 : void 0,
         onKeyDown: selectionMode ? handleKeyDown : void 0,
-        className: cn26("rounded-lg border", selectionMode && "outline-none"),
-        children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs8("tr", { className: "border-b bg-muted/40", children: [
-            table.getFlatHeaders().map((header) => /* @__PURE__ */ jsx28(
+        className: cn32("rounded-lg border", selectionMode && "outline-none"),
+        children: /* @__PURE__ */ jsxs13("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx34("thead", { children: /* @__PURE__ */ jsxs13("tr", { className: "border-b bg-muted/40", children: [
+            table.getFlatHeaders().map((header) => /* @__PURE__ */ jsx34(
               "th",
               {
                 className: "text-left text-xs font-medium text-muted-foreground px-4 py-2.5",
@@ -2914,7 +3748,7 @@ function EntityTable(props) {
               },
               header.id
             )),
-            hasRowActions && /* @__PURE__ */ jsx28(
+            hasRowActions && /* @__PURE__ */ jsx34(
               "th",
               {
                 "aria-label": "Actions",
@@ -2922,10 +3756,10 @@ function EntityTable(props) {
                 className: "w-24 text-right text-xs font-medium text-muted-foreground px-4 py-2.5"
               }
             ),
-            hasChevron && /* @__PURE__ */ jsx28("th", { "aria-label": "Open", scope: "col", className: "w-10" })
+            hasChevron && /* @__PURE__ */ jsx34("th", { "aria-label": "Open", scope: "col", className: "w-10" })
           ] }) }),
-          /* @__PURE__ */ jsxs8("tbody", { children: [
-            /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs13("tbody", { children: [
+            /* @__PURE__ */ jsx34(
               StatusRows,
               {
                 isLoading,
@@ -2938,14 +3772,16 @@ function EntityTable(props) {
                 colCount
               }
             ),
-            table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx28(
+            table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx34(
               DataRow,
               {
                 row,
                 index,
                 selectionMode,
+                rowActivation,
                 activeRowIndex,
                 onRowClick,
+                onActivateRow: handleActivateRow,
                 setActiveRowIndex,
                 containerRef,
                 hasRowActions,
@@ -2958,7 +3794,7 @@ function EntityTable(props) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx34(
       TableFooter,
       {
         isPaginated,
@@ -2979,10 +3815,10 @@ function PaginationFooter({
   const pageCount = table.getPageCount();
   const from = rowCount === 0 ? 0 : pageIndex * pageSize + 1;
   const to = Math.min((pageIndex + 1) * pageSize, rowCount);
-  return /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between mt-3", children: [
-    /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: rowCount === 0 ? `No ${entityLabel}` : `Showing ${from}\u2013${to} of ${rowCount} ${entityLabel}` }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between mt-3", children: [
+    /* @__PURE__ */ jsx34("p", { className: "text-xs text-muted-foreground", children: rowCount === 0 ? `No ${entityLabel}` : `Showing ${from}\u2013${to} of ${rowCount} ${entityLabel}` }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx34(
         "button",
         {
           type: "button",
@@ -2992,8 +3828,8 @@ function PaginationFooter({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground px-2", children: pageCount > 0 ? `${pageIndex + 1} / ${pageCount}` : "--" }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx34("span", { className: "text-xs text-muted-foreground px-2", children: pageCount > 0 ? `${pageIndex + 1} / ${pageCount}` : "--" }),
+      /* @__PURE__ */ jsx34(
         "button",
         {
           type: "button",
@@ -3008,13 +3844,13 @@ function PaginationFooter({
 }
 
 // src/PropertyList/PropertyList.tsx
-import React26 from "react";
+import React32 from "react";
 import { copyTextToClipboard } from "@petrarca/sonnet-core";
 
 // src/PropertyList/PropertyValue.tsx
-import { useState as useState3 } from "react";
+import { useState as useState6 } from "react";
 import { JSONTree } from "react-json-tree";
-import { jsx as jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_CLAMP_CHARS = 180;
 var tokenTheme = {
   scheme: "sonnet",
@@ -3039,10 +3875,10 @@ function isObjectLike(v) {
   return typeof v === "object" && v !== null;
 }
 function JsonValue({ value }) {
-  const [open, setOpen] = useState3(false);
+  const [open, setOpen] = useState6(false);
   const summary = Array.isArray(value) ? `[${value.length} item${value.length === 1 ? "" : "s"}]` : `{${Object.keys(value).length} key${Object.keys(value).length === 1 ? "" : "s"}}`;
   if (!open) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs14(
       "button",
       {
         type: "button",
@@ -3054,13 +3890,13 @@ function JsonValue({ value }) {
         children: [
           summary,
           " ",
-          /* @__PURE__ */ jsx29("span", { className: "text-xs", children: "\u2014 show" })
+          /* @__PURE__ */ jsx35("span", { className: "text-xs", children: "\u2014 show" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "text-xs font-mono", children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs14("div", { className: "text-xs font-mono", children: [
+    /* @__PURE__ */ jsx35(
       "button",
       {
         type: "button",
@@ -3072,7 +3908,7 @@ function JsonValue({ value }) {
         children: "hide"
       }
     ),
-    /* @__PURE__ */ jsx29("div", { className: "max-h-64 overflow-auto rounded border border-border bg-muted/30 px-2 py-1", children: /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx35("div", { className: "max-h-64 overflow-auto rounded border border-border bg-muted/30 px-2 py-1", children: /* @__PURE__ */ jsx35(
       JSONTree,
       {
         data: value,
@@ -3085,11 +3921,11 @@ function JsonValue({ value }) {
   ] });
 }
 function LongTextValue({ text }) {
-  const [open, setOpen] = useState3(false);
+  const [open, setOpen] = useState6(false);
   if (!open) {
-    return /* @__PURE__ */ jsxs9("span", { className: "break-words", children: [
-      /* @__PURE__ */ jsx29("span", { className: "line-clamp-3 align-bottom", children: text }),
-      /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsxs14("span", { className: "break-words", children: [
+      /* @__PURE__ */ jsx35("span", { className: "line-clamp-3 align-bottom", children: text }),
+      /* @__PURE__ */ jsx35(
         "button",
         {
           type: "button",
@@ -3103,9 +3939,9 @@ function LongTextValue({ text }) {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs9("span", { className: "break-words", children: [
-    /* @__PURE__ */ jsx29("span", { className: "block max-h-64 overflow-auto whitespace-pre-wrap rounded border border-border bg-muted/30 px-2 py-1", children: text }),
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs14("span", { className: "break-words", children: [
+    /* @__PURE__ */ jsx35("span", { className: "block max-h-64 overflow-auto whitespace-pre-wrap rounded border border-border bg-muted/30 px-2 py-1", children: text }),
+    /* @__PURE__ */ jsx35(
       "button",
       {
         type: "button",
@@ -3123,12 +3959,12 @@ function renderFromSchema(value, schema, className) {
   const cellName = schema["x-ui-cell"] ?? inferCellRenderer(schema.type, schema.format);
   if (cellName === "json") {
     const parsed = typeof value === "string" ? safeParse(value) : value;
-    return isObjectLike(parsed) ? /* @__PURE__ */ jsx29(JsonValue, { value: parsed }) : null;
+    return isObjectLike(parsed) ? /* @__PURE__ */ jsx35(JsonValue, { value: parsed }) : null;
   }
   if (cellName && cellName !== "text") {
     const Renderer = CELL_RENDERERS[cellName];
     if (Renderer) {
-      return /* @__PURE__ */ jsx29("span", { className, children: /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx35("span", { className, children: /* @__PURE__ */ jsx35(
         Renderer,
         {
           value,
@@ -3142,23 +3978,23 @@ function renderFromSchema(value, schema, className) {
 }
 function renderObjectLike(value, className) {
   if (Array.isArray(value) && value.every((v) => !isObjectLike(v))) {
-    return /* @__PURE__ */ jsx29("span", { className: `break-words ${className ?? ""}`, children: value.map(String).join(", ") });
+    return /* @__PURE__ */ jsx35("span", { className: `break-words ${className ?? ""}`, children: value.map(String).join(", ") });
   }
-  return /* @__PURE__ */ jsx29(JsonValue, { value });
+  return /* @__PURE__ */ jsx35(JsonValue, { value });
 }
 function renderString(value, className, clampChars) {
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx29("span", { className, children: value ? "true" : "false" });
+    return /* @__PURE__ */ jsx35("span", { className, children: value ? "true" : "false" });
   }
   const str = String(value);
   if (str.length > clampChars || str.includes("\n")) {
-    return /* @__PURE__ */ jsx29("span", { className, children: /* @__PURE__ */ jsx29(LongTextValue, { text: str }) });
+    return /* @__PURE__ */ jsx35("span", { className, children: /* @__PURE__ */ jsx35(LongTextValue, { text: str }) });
   }
-  return /* @__PURE__ */ jsx29("span", { className: `break-words ${className ?? ""}`, children: str });
+  return /* @__PURE__ */ jsx35("span", { className: `break-words ${className ?? ""}`, children: str });
 }
 function renderFromValue(value, className, clampChars) {
   if (value == null) {
-    return /* @__PURE__ */ jsx29("span", { className: `text-muted-foreground ${className ?? ""}`, children: "\u2014" });
+    return /* @__PURE__ */ jsx35("span", { className: `text-muted-foreground ${className ?? ""}`, children: "\u2014" });
   }
   if (isObjectLike(value)) return renderObjectLike(value, className);
   return renderString(value, className, clampChars);
@@ -3181,7 +4017,7 @@ function safeParse(s) {
 }
 
 // src/PropertyList/PropertyList.tsx
-import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
 function PropertyList({
   properties,
   propertySchemas,
@@ -3193,28 +4029,28 @@ function PropertyList({
 }) {
   const entries = Object.entries(properties ?? {});
   if (entries.length === 0) {
-    return /* @__PURE__ */ jsx30("p", { className: "text-sm text-muted-foreground italic", children: emptyLabel });
+    return /* @__PURE__ */ jsx36("p", { className: "text-sm text-muted-foreground italic", children: emptyLabel });
   }
-  const header = showHeader && /* @__PURE__ */ jsx30("p", { className: "text-[11px] text-muted-foreground mb-1.5", children: "Properties" });
+  const header = showHeader && /* @__PURE__ */ jsx36("p", { className: "text-[11px] text-muted-foreground mb-1.5", children: "Properties" });
   const dtClass = `text-[11px] text-muted-foreground ${copyable ? "cursor-pointer hover:text-foreground" : ""}`;
   const dtProps = (value) => copyable ? {
     onClick: () => copyTextToClipboard(stringForCopy(value)),
     title: "Click to copy value"
   } : {};
   if (layout === "stacked") {
-    return /* @__PURE__ */ jsxs10("div", { className, children: [
+    return /* @__PURE__ */ jsxs15("div", { className, children: [
       header,
-      /* @__PURE__ */ jsx30("dl", { className: "space-y-1", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs10("div", { children: [
-        /* @__PURE__ */ jsx30("dt", { className: dtClass, ...dtProps(value), children: key }),
-        /* @__PURE__ */ jsx30("dd", { className: "text-sm text-foreground font-medium break-words", children: /* @__PURE__ */ jsx30(PropertyValue, { value, schema: propertySchemas?.[key] }) })
+      /* @__PURE__ */ jsx36("dl", { className: "space-y-1", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx36("dt", { className: dtClass, ...dtProps(value), children: key }),
+        /* @__PURE__ */ jsx36("dd", { className: "text-sm text-foreground font-medium break-words", children: /* @__PURE__ */ jsx36(PropertyValue, { value, schema: propertySchemas?.[key] }) })
       ] }, key)) })
     ] });
   }
-  return /* @__PURE__ */ jsxs10("div", { className, children: [
+  return /* @__PURE__ */ jsxs15("div", { className, children: [
     header,
-    /* @__PURE__ */ jsx30("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-baseline", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs10(React26.Fragment, { children: [
-      /* @__PURE__ */ jsx30("dt", { className: `${dtClass} whitespace-nowrap`, ...dtProps(value), children: key }),
-      /* @__PURE__ */ jsx30("dd", { className: "text-sm text-foreground min-w-0 break-words", children: /* @__PURE__ */ jsx30(PropertyValue, { value, schema: propertySchemas?.[key] }) })
+    /* @__PURE__ */ jsx36("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-baseline", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs15(React32.Fragment, { children: [
+      /* @__PURE__ */ jsx36("dt", { className: `${dtClass} whitespace-nowrap`, ...dtProps(value), children: key }),
+      /* @__PURE__ */ jsx36("dd", { className: "text-sm text-foreground min-w-0 break-words", children: /* @__PURE__ */ jsx36(PropertyValue, { value, schema: propertySchemas?.[key] }) })
     ] }, key)) })
   ] });
 }
@@ -3225,13 +4061,13 @@ function stringForCopy(value) {
 }
 
 // src/EntitySelect/EntitySelect.tsx
-import * as React27 from "react";
-import { Check as Check4, ChevronsUpDown, Loader2 } from "lucide-react";
-import { cn as cn27 } from "@petrarca/sonnet-core";
+import * as React33 from "react";
+import { Check as Check5, ChevronsUpDown, Loader2, X as X3 } from "lucide-react";
+import { cn as cn33 } from "@petrarca/sonnet-core";
 import {
   useEntityOptions
 } from "@petrarca/sonnet-core/hooks";
-import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
 function emptyStateMessage({
   mode,
   search,
@@ -3249,8 +4085,8 @@ function emptyStateMessage({
   return emptyMessage;
 }
 function useHasSearched(submit) {
-  const [hasSearched, setHasSearched] = React27.useState(false);
-  const wrappedSubmit = React27.useCallback(() => {
+  const [hasSearched, setHasSearched] = React33.useState(false);
+  const wrappedSubmit = React33.useCallback(() => {
     setHasSearched(true);
     submit();
   }, [submit]);
@@ -3273,19 +4109,19 @@ function EntitySelectLabel({
   description
 }) {
   const hasLabel = label !== void 0 && label !== false;
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    hasLabel && /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    hasLabel && /* @__PURE__ */ jsxs16(
       "label",
       {
         htmlFor: id,
         className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         children: [
           label,
-          required && /* @__PURE__ */ jsx31("span", { className: "ml-1 text-destructive", children: "*" })
+          required && /* @__PURE__ */ jsx37("span", { className: "ml-1 text-destructive", children: "*" })
         ]
       }
     ),
-    description && /* @__PURE__ */ jsx31("p", { className: "text-sm text-muted-foreground", children: description })
+    description && /* @__PURE__ */ jsx37("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 function EntitySelectDropdown({
@@ -3302,8 +4138,8 @@ function EntitySelectDropdown({
   value,
   handleSelect
 }) {
-  return /* @__PURE__ */ jsxs11(Command, { shouldFilter: false, children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs16(Command, { shouldFilter: false, children: [
+    /* @__PURE__ */ jsx37(
       CommandInput,
       {
         placeholder: searchPlaceholder,
@@ -3317,8 +4153,8 @@ function EntitySelectDropdown({
         } : void 0
       }
     ),
-    /* @__PURE__ */ jsxs11(CommandList, { children: [
-      /* @__PURE__ */ jsx31(CommandEmpty, { children: emptyStateMessage({
+    /* @__PURE__ */ jsxs16(CommandList, { children: [
+      /* @__PURE__ */ jsx37(CommandEmpty, { children: emptyStateMessage({
         mode,
         search,
         minChars,
@@ -3326,16 +4162,16 @@ function EntitySelectDropdown({
         hasSearched,
         emptyMessage
       }) }),
-      /* @__PURE__ */ jsx31(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsx37(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs16(
         CommandItem,
         {
           value: option.value,
           onSelect: handleSelect,
           children: [
-            /* @__PURE__ */ jsx31(
-              Check4,
+            /* @__PURE__ */ jsx37(
+              Check5,
               {
-                className: cn27(
+                className: cn33(
                   "mr-2 h-4 w-4",
                   value === option.value ? "opacity-100" : "opacity-0"
                 )
@@ -3354,11 +4190,13 @@ function EntitySelect(props) {
     fetcher,
     queryKey,
     value,
+    selectedOption,
     onChange,
     onChangeOption,
     onBlur,
     label,
     required,
+    clearable,
     description,
     error,
     className,
@@ -3372,8 +4210,8 @@ function EntitySelect(props) {
     emptyMessage,
     disabled
   } = resolveEntitySelectDefaults(props);
-  const [open, setOpen] = React27.useState(false);
-  const [selectedLabel, setSelectedLabel] = React27.useState(null);
+  const [open, setOpen] = React33.useState(false);
+  const [selectedLabel, setSelectedLabel] = React33.useState(null);
   const {
     options,
     isLoading,
@@ -3382,7 +4220,7 @@ function EntitySelect(props) {
     submit: rawSubmit
   } = useEntityOptions({ fetcher, queryKey, mode, minChars });
   const [hasSearched, submit] = useHasSearched(rawSubmit);
-  React27.useEffect(() => {
+  React33.useEffect(() => {
     if (!value) {
       setSelectedLabel(null);
       return;
@@ -3390,9 +4228,22 @@ function EntitySelect(props) {
     const found = options.find((opt) => opt.value === value);
     if (found) {
       setSelectedLabel(found.label);
+    } else if (selectedOption && selectedOption.value === value) {
+      setSelectedLabel(selectedOption.label);
     }
-  }, [value, options]);
-  const handleSelect = React27.useCallback(
+  }, [value, options, selectedOption]);
+  const handleClear = React33.useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setSelectedLabel(null);
+      onChange?.(null);
+      onChangeOption?.(null);
+    },
+    [onChange, onChangeOption]
+  );
+  const showClear = Boolean(clearable && value && !required && !disabled);
+  const handleSelect = React33.useCallback(
     (selectedValue) => {
       const opt = options.find((o) => o.value === selectedValue);
       if (opt) setSelectedLabel(opt.label);
@@ -3405,7 +4256,7 @@ function EntitySelect(props) {
     },
     [options, value, onChange, onChangeOption, setSearch]
   );
-  const handleOpenChange = React27.useCallback(
+  const handleOpenChange = React33.useCallback(
     (newOpen) => {
       setOpen(newOpen);
       if (!newOpen) {
@@ -3415,8 +4266,8 @@ function EntitySelect(props) {
     },
     [onBlur, setSearch]
   );
-  return /* @__PURE__ */ jsxs11("div", { className: cn27("space-y-2", className), children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs16("div", { className: cn33("space-y-2", className), children: [
+    /* @__PURE__ */ jsx37(
       EntitySelectLabel,
       {
         id,
@@ -3425,35 +4276,46 @@ function EntitySelect(props) {
         description
       }
     ),
-    /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx31(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs16(Popover, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx37(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
         Button,
         {
           id,
           variant: "outline",
           role: "combobox",
           "aria-expanded": open,
-          className: cn27(
+          className: cn33(
             "w-full justify-between",
             !selectedLabel && "text-muted-foreground",
             error && "border-destructive"
           ),
           disabled,
           children: [
-            /* @__PURE__ */ jsx31("span", { className: "truncate", children: selectedLabel ?? placeholder }),
-            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
-              isLoading && /* @__PURE__ */ jsx31(Loader2, { className: "h-4 w-4 animate-spin opacity-50" }),
-              /* @__PURE__ */ jsx31(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx37("span", { className: "truncate", children: selectedLabel ?? placeholder }),
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
+              isLoading && /* @__PURE__ */ jsx37(Loader2, { className: "h-4 w-4 animate-spin opacity-50" }),
+              showClear && /* @__PURE__ */ jsx37(
+                "span",
+                {
+                  role: "button",
+                  "aria-label": "Clear selection",
+                  tabIndex: -1,
+                  className: "rounded-sm opacity-50 hover:opacity-100",
+                  onPointerDown: handleClear,
+                  children: /* @__PURE__ */ jsx37(X3, { className: "h-4 w-4 shrink-0" })
+                }
+              ),
+              /* @__PURE__ */ jsx37(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx37(
         PopoverContent,
         {
           className: "w-[--radix-popover-trigger-width] p-0",
           align: "start",
-          children: /* @__PURE__ */ jsx31(
+          children: /* @__PURE__ */ jsx37(
             EntitySelectDropdown,
             {
               searchPlaceholder,
@@ -3473,34 +4335,34 @@ function EntitySelect(props) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx31("p", { className: "text-sm font-medium text-destructive", children: error })
+    error && /* @__PURE__ */ jsx37("p", { className: "text-sm font-medium text-destructive", children: error })
   ] });
 }
 
 // src/EntityTree/EntityTree.tsx
 import {
-  forwardRef as forwardRef20,
+  forwardRef as forwardRef22,
   useImperativeHandle as useImperativeHandle2,
-  useMemo as useMemo4,
+  useMemo as useMemo7,
   useRef as useRef6
 } from "react";
 import { Pencil } from "lucide-react";
-import { cn as cn29 } from "@petrarca/sonnet-core";
+import { cn as cn35 } from "@petrarca/sonnet-core";
 
 // src/TreeView/TreeView.tsx
 import {
-  forwardRef as forwardRef19,
+  forwardRef as forwardRef21,
   useCallback as useCallback4,
-  useEffect as useEffect5,
+  useEffect as useEffect8,
   useId as useId2,
   useImperativeHandle,
-  useMemo as useMemo3,
+  useMemo as useMemo6,
   useRef as useRef5,
-  useState as useState5
+  useState as useState8
 } from "react";
-import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { cn as cn28 } from "@petrarca/sonnet-core";
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+import { ChevronRight as ChevronRight4 } from "lucide-react";
+import { cn as cn34 } from "@petrarca/sonnet-core";
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
 function flatten(nodes, expandedIds, depth = 0, parentId = null, result = []) {
   for (const node of nodes) {
     result.push({ node, depth, parentId });
@@ -3517,15 +4379,15 @@ function ToggleIcon({
   isExpanded
 }) {
   if (!hasChildren) {
-    return /* @__PURE__ */ jsx32("span", { className: "block w-1.5 h-1.5 rounded-full bg-border mx-auto" });
+    return /* @__PURE__ */ jsx38("span", { className: "block w-1.5 h-1.5 rounded-full bg-border mx-auto" });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx32("span", { className: "block w-3 h-3 rounded-full border-2 border-muted-foreground/40 border-t-foreground animate-spin" });
+    return /* @__PURE__ */ jsx38("span", { className: "block w-3 h-3 rounded-full border-2 border-muted-foreground/40 border-t-foreground animate-spin" });
   }
-  return /* @__PURE__ */ jsx32(
-    ChevronRight3,
+  return /* @__PURE__ */ jsx38(
+    ChevronRight4,
     {
-      className: cn28(
+      className: cn34(
         "h-3.5 w-3.5 text-muted-foreground transition-transform",
         isExpanded && "rotate-90"
       )
@@ -3571,7 +4433,7 @@ function NodeRow({
     },
     [node.id, onSelectionChange]
   );
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs17(
     "li",
     {
       id: `${treeId}-node-${node.id}`,
@@ -3580,7 +4442,7 @@ function NodeRow({
       "aria-selected": onSelectionChange ? isSelected : void 0,
       "aria-busy": node.isLoading,
       tabIndex: isFocused ? 0 : -1,
-      className: cn28(
+      className: cn34(
         "flex items-center gap-1 px-2 py-1.5 rounded-sm text-sm select-none",
         "cursor-pointer transition-colors",
         "hover:bg-accent/60",
@@ -3590,13 +4452,13 @@ function NodeRow({
       style: { paddingLeft: depth * indentPx + 8 },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx38(
           "span",
           {
             className: "shrink-0 flex items-center justify-center w-4 h-4",
             onClick: handleToggle,
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx32(
+            children: /* @__PURE__ */ jsx38(
               ToggleIcon,
               {
                 hasChildren: node.hasChildren,
@@ -3606,7 +4468,7 @@ function NodeRow({
             )
           }
         ),
-        onSelectionChange && isSelectable && /* @__PURE__ */ jsx32(
+        onSelectionChange && isSelectable && /* @__PURE__ */ jsx38(
           "input",
           {
             type: "checkbox",
@@ -3618,8 +4480,8 @@ function NodeRow({
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ jsx32("span", { className: "flex-1 min-w-0", children: renderNode(node, depth) }),
-        node.isError && /* @__PURE__ */ jsx32("span", { className: "shrink-0 text-xs text-destructive", "aria-live": "polite", children: "Failed to load" })
+        /* @__PURE__ */ jsx38("span", { className: "flex-1 min-w-0", children: renderNode(node, depth) }),
+        node.isError && /* @__PURE__ */ jsx38("span", { className: "shrink-0 text-xs text-destructive", "aria-live": "polite", children: "Failed to load" })
       ]
     }
   );
@@ -3639,11 +4501,11 @@ function TreeViewInner({
   className
 }, ref) {
   const treeId = useId2();
-  const [focusedId, setFocusedId] = useState5(null);
+  const [focusedId, setFocusedId] = useState8(null);
   const listRef = useRef5(null);
-  const [constrainedParent, setConstrainedParent] = useState5(UNCONSTRAINED);
+  const [constrainedParent, setConstrainedParent] = useState8(UNCONSTRAINED);
   const selectionSize = selectedIds?.size ?? 0;
-  useEffect5(() => {
+  useEffect8(() => {
     if (selectionSize === 0) setConstrainedParent(UNCONSTRAINED);
   }, [selectionSize]);
   useImperativeHandle(
@@ -3660,16 +4522,16 @@ function TreeViewInner({
     }),
     [focusedId]
   );
-  const flatNodes = useMemo3(
+  const flatNodes = useMemo6(
     () => flatten(nodes, expandedIds),
     [nodes, expandedIds]
   );
-  const parentById = useMemo3(() => {
+  const parentById = useMemo6(() => {
     const map = /* @__PURE__ */ new Map();
     for (const f of flatNodes) map.set(f.node.id, f.parentId);
     return map;
   }, [flatNodes]);
-  const selectableSet = useMemo3(() => {
+  const selectableSet = useMemo6(() => {
     if (!constrainSelectionToSiblings || constrainedParent === UNCONSTRAINED) {
       return void 0;
     }
@@ -3795,10 +4657,10 @@ function TreeViewInner({
     ]
   );
   if (nodes.length === 0) {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
-        className: cn28(
+        className: cn34(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3806,15 +4668,15 @@ function TreeViewInner({
       }
     );
   }
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx38(
     "ul",
     {
       ref: listRef,
       role: "tree",
       "aria-label": "Tree",
-      className: cn28("outline-none", className),
+      className: cn34("outline-none", className),
       onKeyDown: handleKeyDown,
-      children: flatNodes.map((flat) => /* @__PURE__ */ jsx32(
+      children: flatNodes.map((flat) => /* @__PURE__ */ jsx38(
         NodeRow,
         {
           flat,
@@ -3836,26 +4698,26 @@ function TreeViewInner({
     }
   );
 }
-var TreeView = forwardRef19(TreeViewInner);
+var TreeView = forwardRef21(TreeViewInner);
 
 // src/EntityTree/EntityTree.tsx
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
 function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
   return function renderCells(node) {
     const isActive = node.id === activeNodeIdRef.current;
-    return /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-4 min-w-0 w-full group/row", children: [
+    return /* @__PURE__ */ jsxs18("span", { className: "flex items-center gap-4 min-w-0 w-full group/row", children: [
       resolved.map((col) => {
         const Renderer = resolveCellRenderer2(
           col.cellRenderer,
           localRenderers
         );
         const value = node.data[col.key];
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx39(
           "span",
           {
             className: "shrink-0",
             style: col.width !== void 0 ? { width: col.width } : void 0,
-            children: /* @__PURE__ */ jsx33(
+            children: /* @__PURE__ */ jsx39(
               Renderer,
               {
                 value,
@@ -3867,7 +4729,7 @@ function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
           col.key
         );
       }),
-      onNodeEdit && /* @__PURE__ */ jsx33("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsx33(
+      onNodeEdit && /* @__PURE__ */ jsx39("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsx39(
         "button",
         {
           type: "button",
@@ -3876,11 +4738,11 @@ function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
             onNodeEdit(node);
           },
           "aria-label": "Edit",
-          className: cn29(
+          className: cn35(
             "p-1 rounded hover:bg-background text-muted-foreground hover:text-foreground transition-colors",
             isActive ? "opacity-100" : "opacity-0 group-hover/row:opacity-100"
           ),
-          children: /* @__PURE__ */ jsx33(Pencil, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx39(Pencil, { className: "h-3.5 w-3.5" })
         }
       ) })
     ] });
@@ -3903,10 +4765,10 @@ function renderTreeStatus({
   className
 }) {
   if (isLoading && nodes.length === 0) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
-        className: cn29(
+        className: cn35(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3915,19 +4777,19 @@ function renderTreeStatus({
     );
   }
   if (isError) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
-        className: cn29("py-8 text-center text-sm text-destructive", className),
+        className: cn35("py-8 text-center text-sm text-destructive", className),
         children: errorMessage ?? `Failed to load ${entityLabel}.`
       }
     );
   }
   if (!isLoading && nodes.length === 0) {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
-        className: cn29(
+        className: cn35(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3985,7 +4847,7 @@ function EntityTreeInner(props, ref) {
       treeRef.current?.focus();
     }
   }));
-  const resolved = useMemo4(() => {
+  const resolved = useMemo7(() => {
     if (renderers) validateRendererNames(renderers);
     return resolveColumns(schema, uiSchema);
   }, [schema, uiSchema, renderers]);
@@ -3997,7 +4859,7 @@ function EntityTreeInner(props, ref) {
     onSelectionChange,
     constrainSelectionToSiblings
   });
-  const defaultRenderNode = useMemo4(
+  const defaultRenderNode = useMemo7(
     () => buildCellRow(
       resolved,
       activeNodeIdRef,
@@ -4006,7 +4868,7 @@ function EntityTreeInner(props, ref) {
     ),
     [resolved, selection.effectiveOnNodeEdit, renderers]
   );
-  const renderNode = useMemo4(
+  const renderNode = useMemo7(
     () => resolveRenderNode(renderNodeOverride, defaultRenderNode),
     [renderNodeOverride, defaultRenderNode]
   );
@@ -4019,7 +4881,7 @@ function EntityTreeInner(props, ref) {
     className
   });
   if (statusView) return statusView;
-  return /* @__PURE__ */ jsx33("div", { className: cn29("rounded-lg border", className), children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx39("div", { className: cn35("rounded-lg border", className), children: /* @__PURE__ */ jsx39(
     TreeView,
     {
       ref: treeRef,
@@ -4038,17 +4900,17 @@ function EntityTreeInner(props, ref) {
     }
   ) });
 }
-var EntityTree = forwardRef20(EntityTreeInner);
+var EntityTree = forwardRef22(EntityTreeInner);
 
 // src/SearchInput/SearchInput.tsx
-import React32, { useMemo as useMemo6, useRef as useRef9, useState as useState8, useEffect as useEffect9 } from "react";
-import { Search as Search2, X as X3, ChevronDown } from "lucide-react";
-import { cn as cn31 } from "@petrarca/sonnet-core";
+import React38, { useMemo as useMemo9, useRef as useRef9, useState as useState11, useEffect as useEffect12 } from "react";
+import { Search as Search2, X as X4, ChevronDown as ChevronDown2 } from "lucide-react";
+import { cn as cn37 } from "@petrarca/sonnet-core";
 import { getFieldTitle as getFieldTitle2 } from "@petrarca/sonnet-core/schema";
 import { isEmptyFilterExpr } from "@petrarca/sonnet-core/search";
 
 // src/SearchInput/useSearchInput.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef7, useState as useState9 } from "react";
 import { collectTerms } from "@petrarca/sonnet-core/search";
 
 // src/SearchInput/schemaAdapter.ts
@@ -4123,7 +4985,7 @@ function useSearchInput({
   minChars = 0,
   searchFields
 }) {
-  const allFacets = useMemo5(
+  const allFacets = useMemo8(
     () => schema ? buildFacetDescriptors(schema) : [],
     [schema]
   );
@@ -4132,23 +4994,23 @@ function useSearchInput({
     const terms = collectTerms(value);
     return terms.length === 1 && terms[0].key === "search" ? terms[0].value : "";
   })() : "";
-  const [inputValue, setInputValue] = useState6(initialInput);
-  const [pendingFacet, setPendingFacet] = useState6(
+  const [inputValue, setInputValue] = useState9(initialInput);
+  const [pendingFacet, setPendingFacet] = useState9(
     null
   );
-  const [draftTerms, setDraftTerms] = useState6(
+  const [draftTerms, setDraftTerms] = useState9(
     () => isFaceted ? collectTerms(value) : []
   );
-  const valueTerms = useMemo5(
+  const valueTerms = useMemo8(
     () => !isFaceted ? collectTerms(value) : [],
     [value, isFaceted]
   );
   const activeTerms = isFaceted ? draftTerms : valueTerms;
-  const activeFieldKeys = useMemo5(
+  const activeFieldKeys = useMemo8(
     () => new Set(activeTerms.map((t) => t.key)),
     [activeTerms]
   );
-  const filteredFacets = useMemo5(() => {
+  const filteredFacets = useMemo8(() => {
     if (!isFaceted || pendingFacet || inputValue.endsWith(" ")) return [];
     const available = allFacets.filter((f) => !activeFieldKeys.has(f.key));
     if (!inputValue.trim()) return available;
@@ -4171,7 +5033,7 @@ function useSearchInput({
   filteredFacetsRef.current = filteredFacets;
   const minCharsRef = useRef7(minChars);
   minCharsRef.current = minChars;
-  useEffect6(() => {
+  useEffect9(() => {
     if (!isFaceted) return;
     const terms = collectTerms(value);
     if (terms.length === 0) {
@@ -4183,7 +5045,7 @@ function useSearchInput({
   const searchFieldsRef = useRef7(searchFields);
   searchFieldsRef.current = searchFields;
   const isMountedRef = useRef7(false);
-  useEffect6(() => {
+  useEffect9(() => {
     if (!isMountedRef.current) {
       isMountedRef.current = true;
       return;
@@ -4350,8 +5212,8 @@ function useSearchInput({
 }
 
 // src/SearchInput/widgets/TextSearchWidget.tsx
-import { useRef as useRef8, useEffect as useEffect7 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { useRef as useRef8, useEffect as useEffect10 } from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function TextSearchWidget({
   value,
   onChange,
@@ -4361,10 +5223,10 @@ function TextSearchWidget({
   autoFocus
 }) {
   const inputRef = useRef8(null);
-  useEffect7(() => {
+  useEffect10(() => {
     if (autoFocus) inputRef.current?.focus();
   }, [autoFocus]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx40(
     Input,
     {
       ref: inputRef,
@@ -4390,9 +5252,9 @@ function TextSearchWidget({
 }
 
 // src/SearchInput/widgets/EnumSearchWidget.tsx
-import { useEffect as useEffect8, useState as useState7 } from "react";
-import { cn as cn30 } from "@petrarca/sonnet-core";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState10 } from "react";
+import { cn as cn36 } from "@petrarca/sonnet-core";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
 function EnumSearchWidget({
   property,
   options: widgetOptions,
@@ -4401,9 +5263,9 @@ function EnumSearchWidget({
   placeholder,
   autoFocus
 }) {
-  const [open, setOpen] = useState7(false);
-  const [search, setSearch] = useState7("");
-  const [highlightedIndex, setHighlightedIndex] = useState7(0);
+  const [open, setOpen] = useState10(false);
+  const [search, setSearch] = useState10("");
+  const [highlightedIndex, setHighlightedIndex] = useState10(0);
   const enumValues = property.enum ?? [];
   const enumNames = widgetOptions.enumNames ?? {};
   const items = enumValues.map((val) => ({
@@ -4413,10 +5275,10 @@ function EnumSearchWidget({
   const filtered = search ? items.filter(
     (item) => item.label.toLowerCase().includes(search.toLowerCase())
   ) : items;
-  useEffect8(() => {
+  useEffect11(() => {
     setHighlightedIndex(0);
   }, [filtered.length, search]);
-  useEffect8(() => {
+  useEffect11(() => {
     if (autoFocus) {
       requestAnimationFrame(() => setOpen(true));
     }
@@ -4456,8 +5318,8 @@ function EnumSearchWidget({
       return;
     }
   }
-  return /* @__PURE__ */ jsxs14(Popover, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx35(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx41(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(
       "button",
       {
         type: "button",
@@ -4466,14 +5328,14 @@ function EnumSearchWidget({
         children: placeholder ?? "Select..."
       }
     ) }),
-    /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs19(
       PopoverContent,
       {
         className: "w-48 p-1",
         align: "start",
         onOpenAutoFocus: (e) => e.preventDefault(),
         children: [
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx41(
             "input",
             {
               autoFocus: true,
@@ -4484,13 +5346,13 @@ function EnumSearchWidget({
               className: "w-full px-2 py-1.5 text-sm bg-transparent outline-none border-b border-border mb-1 placeholder:text-muted-foreground"
             }
           ),
-          /* @__PURE__ */ jsxs14("div", { children: [
-            filtered.length === 0 && /* @__PURE__ */ jsx35("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No matches" }),
-            filtered.map((item, i) => /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsxs19("div", { children: [
+            filtered.length === 0 && /* @__PURE__ */ jsx41("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No matches" }),
+            filtered.map((item, i) => /* @__PURE__ */ jsx41(
               "button",
               {
                 type: "button",
-                className: cn30(
+                className: cn36(
                   "w-full text-left px-2 py-1.5 text-sm rounded transition-colors",
                   i === highlightedIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
                 ),
@@ -4529,7 +5391,7 @@ var DEFAULT_SEARCH_WIDGETS = {
 };
 
 // src/SearchInput/SearchInput.tsx
-import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
 function resolveSearchDefaults(props) {
   return {
     mode: props.mode ?? "explicit",
@@ -4549,8 +5411,8 @@ function FacetPicker({
   acceptFacet,
   inputRef
 }) {
-  return /* @__PURE__ */ jsxs15(Popover, { open: pickerVisible, onOpenChange: setPickerOpen, modal: false, children: [
-    /* @__PURE__ */ jsx36(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs20(Popover, { open: pickerVisible, onOpenChange: setPickerOpen, modal: false, children: [
+    /* @__PURE__ */ jsx42(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx42(
       "button",
       {
         type: "button",
@@ -4561,21 +5423,21 @@ function FacetPicker({
           setPickerOpen((o) => !o);
           inputRef.current?.focus();
         },
-        children: /* @__PURE__ */ jsx36(ChevronDown, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx42(ChevronDown2, { className: "h-3 w-3" })
       }
     ) }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx42(
       PopoverContent,
       {
-        className: cn31("w-44 p-1", !hasFacetsToShow && "hidden"),
+        className: cn37("w-44 p-1", !hasFacetsToShow && "hidden"),
         align: "start",
         onOpenAutoFocus: (e) => e.preventDefault(),
         onFocusOutside: (e) => e.preventDefault(),
-        children: filteredFacets.map((facet, i) => /* @__PURE__ */ jsx36(
+        children: filteredFacets.map((facet, i) => /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
-            className: cn31(
+            className: cn37(
               "w-full text-left px-2 py-1.5 text-sm rounded transition-colors",
               i === highlightedIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
             ),
@@ -4609,7 +5471,7 @@ function ValueEntry({
   onInputFocus
 }) {
   if (pendingFacet && PendingWidget) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx42(
       PendingWidget,
       {
         property: pendingFacet.property,
@@ -4631,7 +5493,7 @@ function ValueEntry({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx42(
     Input,
     {
       ref: inputRef,
@@ -4700,10 +5562,10 @@ function ActiveChips({
   schema,
   onRemove
 }) {
-  return /* @__PURE__ */ jsx36(Fragment3, { children: terms.map((term, i) => {
+  return /* @__PURE__ */ jsx42(Fragment4, { children: terms.map((term, i) => {
     const property = schema?.properties?.[term.key];
     const label = property ? getFieldTitle2(term.key, property) : term.key;
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx42(
       FilterChip,
       {
         label: `${label}: ${term.value}`,
@@ -4727,8 +5589,8 @@ function SearchActions({
   onClear,
   onCommit
 }) {
-  return /* @__PURE__ */ jsxs15(Fragment3, { children: [
-    !isEmpty && /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
+    !isEmpty && /* @__PURE__ */ jsx42(
       "button",
       {
         type: "button",
@@ -4738,10 +5600,10 @@ function SearchActions({
         },
         className: "text-muted-foreground hover:text-foreground transition-colors shrink-0",
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsx36(X3, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx42(X4, { className: "h-4 w-4" })
       }
     ),
-    showSearchButton && mode === "explicit" && /* @__PURE__ */ jsx36(
+    showSearchButton && mode === "explicit" && /* @__PURE__ */ jsx42(
       Button,
       {
         type: "button",
@@ -4773,10 +5635,10 @@ function SearchInput(props) {
   const { mode, debounceMs, minChars, showSearchButton, disabled } = resolveSearchDefaults(props);
   const inputRef = useRef9(null);
   const containerRef = useRef9(null);
-  const [pickerOpen, setPickerOpen] = useState8(false);
-  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
-  const [pickerNavigated, setPickerNavigated] = useState8(false);
-  useEffect9(() => {
+  const [pickerOpen, setPickerOpen] = useState11(false);
+  const [highlightedIndex, setHighlightedIndex] = useState11(-1);
+  const [pickerNavigated, setPickerNavigated] = useState11(false);
+  useEffect12(() => {
     if (!pickerOpen) return;
     function handleMouseDown(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4786,7 +5648,7 @@ function SearchInput(props) {
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, [pickerOpen]);
-  const widgetRegistry = useMemo6(
+  const widgetRegistry = useMemo9(
     () => mergeWidgetRegistry(customWidgets),
     [customWidgets]
   );
@@ -4814,7 +5676,7 @@ function SearchInput(props) {
     searchFields
   });
   const isEmpty = isEmptyFilterExpr(value) && inputValue === "";
-  useEffect9(() => {
+  useEffect12(() => {
     setHighlightedIndex(-1);
   }, [filteredFacets, pickerOpen]);
   const resolvedPlaceholder = resolvePlaceholder(
@@ -4826,7 +5688,7 @@ function SearchInput(props) {
   const showFacetControls = isFaceted && !pendingFacet;
   const pickerVisible = showFacetControls && pickerOpen;
   const hasFacetsToShow = pickerVisible && filteredFacets.length > 0;
-  const acceptFacet = React32.useCallback(
+  const acceptFacet = React38.useCallback(
     (facet) => {
       selectFacet(facet);
       setPickerOpen(false);
@@ -4850,11 +5712,11 @@ function SearchInput(props) {
     acceptFacet,
     handleKeyDown
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref: containerRef,
-      className: cn31(
+      className: cn37(
         "flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 text-sm min-h-9",
         disabled ? "opacity-50 cursor-not-allowed" : "cursor-text",
         className
@@ -4867,8 +5729,8 @@ function SearchInput(props) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx36(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-        isFaceted && /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx42(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+        isFaceted && /* @__PURE__ */ jsx42(
           ActiveChips,
           {
             terms: activeTerms,
@@ -4876,12 +5738,12 @@ function SearchInput(props) {
             onRemove: handleRemoveTerm
           }
         ),
-        pendingFacet && /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: [
+        pendingFacet && /* @__PURE__ */ jsxs20("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: [
           pendingFacet.label,
           ":"
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 flex-1 min-w-[120px]", children: [
-          showFacetControls && /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1 flex-1 min-w-[120px]", children: [
+          showFacetControls && /* @__PURE__ */ jsx42(
             FacetPicker,
             {
               pickerVisible,
@@ -4894,7 +5756,7 @@ function SearchInput(props) {
               inputRef
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx42(
             ValueEntry,
             {
               pendingFacet,
@@ -4918,7 +5780,7 @@ function SearchInput(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx42(
           SearchActions,
           {
             isEmpty,
@@ -4933,14 +5795,14 @@ function SearchInput(props) {
   );
 }
 function FilterChip({ label, onRemove }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs20(
     Badge,
     {
       variant: "secondary",
       className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full",
       children: [
         label,
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx42(
           "button",
           {
             type: "button",
@@ -4950,7 +5812,7 @@ function FilterChip({ label, onRemove }) {
             },
             className: "ml-0.5 hover:text-destructive transition-colors",
             "aria-label": `Remove filter ${label}`,
-            children: /* @__PURE__ */ jsx36(X3, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx42(X4, { className: "h-3 w-3" })
           }
         )
       ]
@@ -4960,9 +5822,9 @@ function FilterChip({ label, onRemove }) {
 
 // src/Clipboard/ClipboardButton.tsx
 import { Copy } from "lucide-react";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function ClipboardButton({ hasItems, onClick }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       variant: "ghost",
@@ -4973,21 +5835,21 @@ function ClipboardButton({ hasItems, onClick }) {
         opacity: hasItems ? 1 : 0.4,
         cursor: hasItems ? "pointer" : "not-allowed"
       },
-      children: /* @__PURE__ */ jsx37(Copy, { size: 16 })
+      children: /* @__PURE__ */ jsx43(Copy, { size: 16 })
     }
   );
 }
 var ClipboardButton_default = ClipboardButton;
 
 // src/Clipboard/ClipboardItem.tsx
-import { X as X4, Plus } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+import { X as X5, Plus } from "lucide-react";
+import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
 function ClipboardItemComponent({ item, onAddItem, onRemove }) {
   const handleAddClick = (e) => {
     const keepInClipboard = e.shiftKey;
     onAddItem(item, keepInClipboard);
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: "p-3 rounded mb-2",
@@ -4995,17 +5857,17 @@ function ClipboardItemComponent({ item, onAddItem, onRemove }) {
         borderLeft: `4px solid ${item.color}`,
         backgroundColor: "#f8f9fa"
       },
-      children: /* @__PURE__ */ jsxs16(SimpleGroup, { justify: "space-between", wrap: "nowrap", align: "flex-start", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
-          /* @__PURE__ */ jsx38("p", { className: "text-sm font-semibold truncate", children: item.label }),
-          /* @__PURE__ */ jsx38("p", { className: "text-xs text-muted-foreground truncate", children: item.displayName }),
-          /* @__PURE__ */ jsxs16("p", { className: "text-xs text-muted-foreground font-mono", children: [
+      children: /* @__PURE__ */ jsxs21(SimpleGroup, { justify: "space-between", wrap: "nowrap", align: "flex-start", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsx44("p", { className: "text-sm font-semibold truncate", children: item.label }),
+          /* @__PURE__ */ jsx44("p", { className: "text-xs text-muted-foreground truncate", children: item.displayName }),
+          /* @__PURE__ */ jsxs21("p", { className: "text-xs text-muted-foreground font-mono", children: [
             "#",
             item.entityId
           ] })
         ] }),
-        /* @__PURE__ */ jsxs16(SimpleGroup, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs21(SimpleGroup, { gap: 4, wrap: "nowrap", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsxs21(
             Button,
             {
               size: "sm",
@@ -5013,19 +5875,19 @@ function ClipboardItemComponent({ item, onAddItem, onRemove }) {
               onClick: handleAddClick,
               title: "Click to add and remove from clipboard, Shift+Click to keep in clipboard",
               children: [
-                /* @__PURE__ */ jsx38(Plus, { size: 16 }),
+                /* @__PURE__ */ jsx44(Plus, { size: 16 }),
                 "Add"
               ]
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx44(
             Button,
             {
               size: "sm",
               variant: "ghost",
               onClick: () => onRemove(item.id),
               title: "Remove from clipboard",
-              children: /* @__PURE__ */ jsx38(X4, { size: 16 })
+              children: /* @__PURE__ */ jsx44(X5, { size: 16 })
             }
           )
         ] })
@@ -5123,16 +5985,16 @@ var useClipboard = create()(
 var clipboardStore_default = useClipboard;
 
 // src/Clipboard/ClipboardMenu.tsx
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
 function ClipboardMenu({ onAddItem }) {
   const { items, removeItem, clear } = clipboardStore_default();
   if (items.length === 0) {
-    return /* @__PURE__ */ jsxs17("div", { style: { padding: "16px", textAlign: "center", width: "300px" }, children: [
-      /* @__PURE__ */ jsx39("p", { className: "text-sm text-muted-foreground", children: "No items in clipboard" }),
-      /* @__PURE__ */ jsx39("p", { className: "text-xs text-muted-foreground mt-1", children: 'Right-click a node and select "Copy"' })
+    return /* @__PURE__ */ jsxs22("div", { style: { padding: "16px", textAlign: "center", width: "300px" }, children: [
+      /* @__PURE__ */ jsx45("p", { className: "text-sm text-muted-foreground", children: "No items in clipboard" }),
+      /* @__PURE__ */ jsx45("p", { className: "text-xs text-muted-foreground mt-1", children: 'Right-click a node and select "Copy"' })
     ] });
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       style: {
@@ -5143,7 +6005,7 @@ function ClipboardMenu({ onAddItem }) {
         maxHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx39(ScrollArea, { className: "flex-1 p-3 min-h-0", children: /* @__PURE__ */ jsx39(SimpleStack, { gap: 0, children: items.map((item) => /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx45(ScrollArea, { className: "flex-1 p-3 min-h-0", children: /* @__PURE__ */ jsx45(SimpleStack, { gap: 0, children: items.map((item) => /* @__PURE__ */ jsx45(
           ClipboardItem_default,
           {
             item,
@@ -5152,8 +6014,8 @@ function ClipboardMenu({ onAddItem }) {
           },
           item.id
         )) }) }),
-        /* @__PURE__ */ jsx39(Separator2, {}),
-        /* @__PURE__ */ jsx39("div", { style: { padding: "8px 12px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx45(Separator3, {}),
+        /* @__PURE__ */ jsx45("div", { style: { padding: "8px 12px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs22(
           Button,
           {
             className: "w-full",
@@ -5161,7 +6023,7 @@ function ClipboardMenu({ onAddItem }) {
             size: "sm",
             onClick: clear,
             children: [
-              /* @__PURE__ */ jsx39(Trash2, { size: 16 }),
+              /* @__PURE__ */ jsx45(Trash2, { size: 16 }),
               "Clear All (",
               items.length,
               ")"
@@ -5183,6 +6045,7 @@ export {
   Badge,
   Button,
   CELL_RENDERERS,
+  Calendar,
   Card,
   CardContent,
   CardDescription,
@@ -5205,6 +6068,8 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
+  DateInput,
+  DateTimeInput,
   Dialog,
   DialogClose,
   DialogContent,
@@ -5233,14 +6098,16 @@ export {
   EntitySelect,
   EntityTable,
   EntityTree,
+  IconButton,
   Input,
+  InputError,
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput,
   InputGroupText,
   InputGroupTextarea,
-  Label2 as Label,
+  Label3 as Label,
   Popover,
   PopoverContent,
   PopoverTrigger,
@@ -5250,7 +6117,17 @@ export {
   ScrollArea,
   ScrollBar,
   SearchInput,
-  Separator2 as Separator,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator3 as Separator,
   Sheet,
   SheetBody,
   SheetClose,
@@ -5280,8 +6157,10 @@ export {
   Tabs,
   TabsContent,
   TabsList,
+  TabsSeparator,
   TabsTrigger,
   Textarea,
+  TimeInput,
   Tooltip,
   TooltipContent,
   TooltipProvider,