@petrarca/sonnet-ui 0.3.0 → 0.4.0

package/dist/index.js

@@ -889,21 +889,55 @@ var Separator2 = React14.forwardRef(
 );
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
-// src/sheet.tsx
+// 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(
+  ({ orientation = "vertical", gripLength = 48, className, style, ...props }, ref) => {
+    const isVertical = orientation === "vertical";
+    return /* @__PURE__ */ jsx17(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: cn17(
+          "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",
+          className
+        ),
+        style,
+        ...props,
+        children: /* @__PURE__ */ jsx17(
+          "div",
+          {
+            className: "pointer-events-none absolute rounded-full bg-border transition-colors group-hover:bg-border-strong",
+            style: isVertical ? { width: 4, height: gripLength } : { height: 4, width: gripLength }
+          }
+        )
+      }
+    );
+  }
+);
+ResizeHandle.displayName = "ResizeHandle";
+
+// src/sheet.tsx
+import * as React16 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
-import { cn as cn17 } from "@petrarca/sonnet-core";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { cn as cn18 } from "@petrarca/sonnet-core";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 var Sheet = DialogPrimitive2.Root;
 var SheetTrigger = DialogPrimitive2.Trigger;
 var SheetClose = DialogPrimitive2.Close;
 var SheetPortal = DialogPrimitive2.Portal;
-var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SheetOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive2.Overlay,
   {
     ref,
-    className: cn17(
+    className: cn18(
       "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
     ),
@@ -911,27 +945,27 @@ var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SheetOverlay.displayName = "SheetOverlay";
-var SheetContent = React15.forwardRef(
-  ({ className, children, side = "right", offsetTop = "0px", ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
-    /* @__PURE__ */ jsx17(SheetOverlay, {}),
+var SheetContent = React16.forwardRef(
+  ({ className, children, side = "right", offsetTop = "0px", style, ...props }, ref) => /* @__PURE__ */ jsxs5(SheetPortal, { children: [
+    /* @__PURE__ */ jsx18(SheetOverlay, {}),
     /* @__PURE__ */ jsxs5(
       DialogPrimitive2.Content,
       {
         ref,
-        className: cn17(
+        className: cn18(
           "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",
           side === "left" && "left-0 border-l-0 border-r data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
           className
         ),
-        style: { top: offsetTop },
+        style: { top: offsetTop, ...style },
         ...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__ */ jsx17(X2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx18(X2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -942,21 +976,21 @@ SheetContent.displayName = "SheetContent";
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx17("div", { className: cn17("shrink-0 border-b px-6 py-4", className), ...props });
-var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx18("div", { className: cn18("shrink-0 border-b px-6 py-4", className), ...props });
+var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive2.Title,
   {
     ref,
-    className: cn17("text-lg font-semibold", className),
+    className: cn18("text-lg font-semibold", className),
     ...props
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   DialogPrimitive2.Description,
   {
     ref,
-    className: cn17("text-sm text-muted-foreground mt-1", className),
+    className: cn18("text-sm text-muted-foreground mt-1", className),
     ...props
   }
 ));
@@ -964,20 +998,20 @@ SheetDescription.displayName = "SheetDescription";
 var SheetBody = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx18(
   "div",
   {
-    className: cn17("flex-1 overflow-y-auto px-6 py-4", className),
+    className: cn18("flex-1 overflow-y-auto px-6 py-4", className),
     ...props
   }
 );
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx17(
+}) => /* @__PURE__ */ jsx18(
   "div",
   {
-    className: cn17(
+    className: cn18(
       "shrink-0 border-t px-6 py-4 flex justify-end gap-2",
       className
     ),
@@ -986,8 +1020,8 @@ var SheetFooter = ({
 );
 
 // src/simple-group.tsx
-import { cn as cn18 } from "@petrarca/sonnet-core";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { cn as cn19 } from "@petrarca/sonnet-core";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var gapMap = {
   0: "gap-0",
   xs: "gap-1",
@@ -1049,10 +1083,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__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
-      className: cn18(
+      className: cn19(
         "flex flex-row",
         gapClass,
         alignClass,
@@ -1070,8 +1104,8 @@ function SimpleGroup({
 }
 
 // src/simple-stack.tsx
-import { cn as cn19 } from "@petrarca/sonnet-core";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { cn as cn20 } from "@petrarca/sonnet-core";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var gapMap2 = {
   0: "gap-0",
   xs: "gap-1",
@@ -1111,10 +1145,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__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
-      className: cn19(
+      className: cn20(
         "flex flex-col",
         gapClass,
         alignClass,
@@ -1128,19 +1162,19 @@ function SimpleStack({
 }
 
 // src/tooltip.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn as cn20 } from "@petrarca/sonnet-core";
-import { jsx as jsx20 } from "react/jsx-runtime";
+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 = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TooltipContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
-    className: cn20(
+    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
     ),
@@ -1150,7 +1184,7 @@ var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/simple-tooltip.tsx
-import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
 function SimpleTooltip({
   label,
   children,
@@ -1159,64 +1193,64 @@ function SimpleTooltip({
   delayDuration = 700,
   sideOffset
 }) {
-  return /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsxs6(Tooltip, { children: [
-    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx21(TooltipContent, { side, align, sideOffset, children: label })
+  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 cn21 } from "@petrarca/sonnet-core";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { cn as cn22 } from "@petrarca/sonnet-core";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
-      className: cn21("animate-pulse rounded-md bg-muted", className),
+      className: cn22("animate-pulse rounded-md bg-muted", className),
       ...props
     }
   );
 }
 
 // src/spinner.tsx
-import { cn as cn22 } from "@petrarca/sonnet-core";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { cn as cn23 } from "@petrarca/sonnet-core";
+import { jsx as jsx24 } 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__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
-      className: cn22(
+      className: cn23(
         "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__ */ jsx23("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__ */ 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..." })
     }
   );
 }
 
 // src/tabs.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn as cn23 } from "@petrarca/sonnet-core";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { cn as cn24 } from "@petrarca/sonnet-core";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React17.forwardRef(({ className, align = "start", ...props }, ref) => {
+var TabsList = React18.forwardRef(({ className, align = "start", ...props }, ref) => {
   const alignClass = align === "center" ? "justify-center" : align === "end" ? "justify-end" : "justify-start";
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     TabsPrimitive.List,
     {
       ref,
-      className: cn23(
+      className: cn24(
         "inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground",
         alignClass,
         className
@@ -1226,11 +1260,11 @@ var TabsList = React17.forwardRef(({ className, align = "start", ...props }, ref
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TabsPrimitive.Trigger,
   {
     ref,
-    className: cn23(
+    className: cn24(
       "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
     ),
@@ -1238,11 +1272,11 @@ var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TabsPrimitive.Content,
   {
     ref,
-    className: cn23(
+    className: cn24(
       "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
@@ -1258,20 +1292,20 @@ import {
   Direction as DirectionPrimitive,
   Slot as SlotPrimitive
 } from "radix-ui";
-import * as React21 from "react";
+import * as React22 from "react";
 import { useComposedRefs } from "@petrarca/sonnet-core";
-import { cn as cn24 } from "@petrarca/sonnet-core";
+import { cn as cn25 } from "@petrarca/sonnet-core";
 
 // src/radix/hooks/use-as-ref.ts
-import * as React19 from "react";
+import * as React20 from "react";
 
 // src/radix/hooks/use-isomorphic-layout-effect.ts
-import * as React18 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React18.useLayoutEffect : React18.useEffect;
+import * as React19 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React19.useLayoutEffect : React19.useEffect;
 
 // src/radix/hooks/use-as-ref.ts
 function useAsRef(props) {
-  const ref = React19.useRef(props);
+  const ref = React20.useRef(props);
   useIsomorphicLayoutEffect(() => {
     ref.current = props;
   });
@@ -1279,9 +1313,9 @@ function useAsRef(props) {
 }
 
 // src/radix/hooks/use-lazy-ref.ts
-import * as React20 from "react";
+import * as React21 from "react";
 function useLazyRef(fn) {
-  const ref = React20.useRef(null);
+  const ref = React21.useRef(null);
   if (ref.current === null) {
     ref.current = fn();
   }
@@ -1289,7 +1323,7 @@ function useLazyRef(fn) {
 }
 
 // src/stepper.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var ROOT_NAME = "Stepper";
 var LIST_NAME = "StepperList";
 var ITEM_NAME = "StepperItem";
@@ -1408,9 +1442,9 @@ function getDataState(value, itemValue, stepState, steps, variant = "item") {
   }
   return "inactive";
 }
-var StoreContext = React21.createContext(null);
+var StoreContext = React22.createContext(null);
 function useStoreContext(consumerName) {
-  const context = React21.useContext(StoreContext);
+  const context = React22.useContext(StoreContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1418,15 +1452,15 @@ function useStoreContext(consumerName) {
 }
 function useStore(selector) {
   const store = useStoreContext("useStore");
-  const getSnapshot = React21.useCallback(
+  const getSnapshot = React22.useCallback(
     () => selector(store.getState()),
     [store, selector]
   );
-  return React21.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+  return React22.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
 }
-var StepperContext = React21.createContext(null);
+var StepperContext = React22.createContext(null);
 function useStepperContext(consumerName) {
-  const context = React21.useContext(StepperContext);
+  const context = React22.useContext(StepperContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -1464,7 +1498,7 @@ function Stepper(props) {
     onValueRemove,
     onValidate
   });
-  const store = React21.useMemo(() => {
+  const store = React22.useMemo(() => {
     return {
       subscribe: (cb) => {
         listenersRef.current.add(cb);
@@ -1499,12 +1533,16 @@ function Stepper(props) {
       hasValidation: () => !!propsRef.current.onValidate,
       addStep: (value2, completed, disabled2) => {
         const newStep = { value: value2, completed, disabled: disabled2 };
-        stateRef.current.steps.set(value2, newStep);
+        const next = new Map(stateRef.current.steps);
+        next.set(value2, newStep);
+        stateRef.current.steps = next;
         propsRef.current.onValueAdd?.(value2);
         store.notify();
       },
       removeStep: (value2) => {
-        stateRef.current.steps.delete(value2);
+        const next = new Map(stateRef.current.steps);
+        next.delete(value2);
+        stateRef.current.steps = next;
         propsRef.current.onValueRemove?.(value2);
         store.notify();
       },
@@ -1512,7 +1550,9 @@ function Stepper(props) {
         const step = stateRef.current.steps.get(value2);
         if (step) {
           const updatedStep = { ...step, completed, disabled: disabled2 };
-          stateRef.current.steps.set(value2, updatedStep);
+          const next = new Map(stateRef.current.steps);
+          next.set(value2, updatedStep);
+          stateRef.current.steps = next;
           if (completed !== step.completed) {
             propsRef.current.onValueComplete?.(value2, completed);
           }
@@ -1532,9 +1572,9 @@ function Stepper(props) {
     }
   }, [value]);
   const dir = DirectionPrimitive.useDirection(dirProp);
-  const instanceId = React21.useId();
+  const instanceId = React22.useId();
   const rootId = id ?? instanceId;
-  const contextValue = React21.useMemo(
+  const contextValue = React22.useMemo(
     () => ({
       rootId,
       dir,
@@ -1547,7 +1587,7 @@ function Stepper(props) {
     [rootId, dir, orientation, activationMode, disabled, nonInteractive, loop]
   );
   const RootPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx25(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx25(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx26(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx26(
     RootPrimitive,
     {
       id: rootId,
@@ -1556,7 +1596,7 @@ function Stepper(props) {
       "data-slot": "stepper",
       dir,
       ...rootProps,
-      className: cn24(
+      className: cn25(
         "flex gap-3",
         orientation === "horizontal" ? "w-full flex-col" : "flex-row",
         className
@@ -1564,9 +1604,9 @@ function Stepper(props) {
     }
   ) }) });
 }
-var FocusContext = React21.createContext(null);
+var FocusContext = React22.createContext(null);
 function useFocusContext(consumerName) {
-  const context = React21.useContext(FocusContext);
+  const context = React22.useContext(FocusContext);
   if (!context) {
     throw new Error(
       `\`${consumerName}\` must be used within \`FocusProvider\``
@@ -1593,32 +1633,32 @@ function StepperList(props) {
     onFocus: onFocusProp,
     onMouseDown: onMouseDownProp
   });
-  const [tabStopId, setTabStopId] = React21.useState(null);
-  const [isTabbingBackOut, setIsTabbingBackOut] = React21.useState(false);
-  const [focusableItemCount, setFocusableItemCount] = React21.useState(0);
-  const isClickFocusRef = React21.useRef(false);
-  const itemsRef = React21.useRef(/* @__PURE__ */ new Map());
-  const listRef = React21.useRef(null);
+  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 composedRef = useComposedRefs(ref, listRef);
-  const onItemFocus = React21.useCallback((tabStopId2) => {
+  const onItemFocus = React22.useCallback((tabStopId2) => {
     setTabStopId(tabStopId2);
   }, []);
-  const onItemShiftTab = React21.useCallback(() => {
+  const onItemShiftTab = React22.useCallback(() => {
     setIsTabbingBackOut(true);
   }, []);
-  const onFocusableItemAdd = React21.useCallback(() => {
+  const onFocusableItemAdd = React22.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount + 1);
   }, []);
-  const onFocusableItemRemove = React21.useCallback(() => {
+  const onFocusableItemRemove = React22.useCallback(() => {
     setFocusableItemCount((prevCount) => prevCount - 1);
   }, []);
-  const onItemRegister = React21.useCallback((item) => {
+  const onItemRegister = React22.useCallback((item) => {
     itemsRef.current.set(item.id, item);
   }, []);
-  const onItemUnregister = React21.useCallback((id) => {
+  const onItemUnregister = React22.useCallback((id) => {
     itemsRef.current.delete(id);
   }, []);
-  const getItems = React21.useCallback(() => {
+  const getItems = React22.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;
@@ -1633,7 +1673,7 @@ function StepperList(props) {
       return 0;
     });
   }, []);
-  const onBlur = React21.useCallback(
+  const onBlur = React22.useCallback(
     (event) => {
       propsRef.current.onBlur?.(event);
       if (event.defaultPrevented) return;
@@ -1641,7 +1681,7 @@ function StepperList(props) {
     },
     [propsRef]
   );
-  const onFocus = React21.useCallback(
+  const onFocus = React22.useCallback(
     (event) => {
       propsRef.current.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -1670,7 +1710,7 @@ function StepperList(props) {
     },
     [propsRef, isTabbingBackOut, currentValue, tabStopId]
   );
-  const onMouseDown = React21.useCallback(
+  const onMouseDown = React22.useCallback(
     (event) => {
       propsRef.current.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -1678,7 +1718,7 @@ function StepperList(props) {
     },
     [propsRef]
   );
-  const focusContextValue = React21.useMemo(
+  const focusContextValue = React22.useMemo(
     () => ({
       tabStopId,
       onItemFocus,
@@ -1701,7 +1741,7 @@ function StepperList(props) {
     ]
   );
   const ListPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx25(FocusContext.Provider, { value: focusContextValue, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(FocusContext.Provider, { value: focusContextValue, children: /* @__PURE__ */ jsx26(
     ListPrimitive,
     {
       role: "tablist",
@@ -1712,7 +1752,7 @@ function StepperList(props) {
       tabIndex: isTabbingBackOut || focusableItemCount === 0 ? -1 : 0,
       ...listProps,
       ref: composedRef,
-      className: cn24(
+      className: cn25(
         "flex outline-none",
         orientation === "horizontal" ? "flex-row items-center" : "flex-col items-start",
         className
@@ -1724,11 +1764,11 @@ function StepperList(props) {
     }
   ) });
 }
-var StepperItemContext = React21.createContext(
+var StepperItemContext = React22.createContext(
   null
 );
 function useStepperItemContext(consumerName) {
-  const context = React21.useContext(StepperItemContext);
+  const context = React22.useContext(StepperItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
   }
@@ -1761,7 +1801,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 = React21.useMemo(
+  const itemContextValue = React22.useMemo(
     () => ({
       value: itemValue,
       stepState
@@ -1769,7 +1809,7 @@ function StepperItem(props) {
     [itemValue, stepState]
   );
   const ItemPrimitive = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx25(StepperItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(StepperItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx26(
     ItemPrimitive,
     {
       "data-disabled": stepState?.disabled ? "" : void 0,
@@ -1779,7 +1819,7 @@ function StepperItem(props) {
       dir: context.dir,
       ...itemProps,
       ref,
-      className: cn24(
+      className: cn25(
         "relative flex not-last:flex-1 items-center",
         orientation === "horizontal" ? "flex-row" : "flex-col",
         className
@@ -1828,11 +1868,11 @@ function StepperTrigger(props) {
   const isActive = value === itemValue;
   const isTabStop = focusContext.tabStopId === triggerId;
   const dataState = getDataState(value, itemValue, stepState, steps);
-  const triggerRef = React21.useRef(null);
+  const triggerRef = React22.useRef(null);
   const composedRef = useComposedRefs(ref, triggerRef);
-  const isArrowKeyPressedRef = React21.useRef(false);
-  const isMouseClickRef = React21.useRef(false);
-  React21.useEffect(() => {
+  const isArrowKeyPressedRef = React22.useRef(false);
+  const isMouseClickRef = React22.useRef(false);
+  React22.useEffect(() => {
     function onKeyDown2(event) {
       if (ARROW_KEYS.includes(event.key)) {
         isArrowKeyPressedRef.current = true;
@@ -1866,7 +1906,7 @@ function StepperTrigger(props) {
       }
     };
   }, [focusContext, triggerId, itemValue, isTabStop, isDisabled]);
-  const onClick = React21.useCallback(
+  const onClick = React22.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented) return;
@@ -1887,7 +1927,7 @@ function StepperTrigger(props) {
       propsRef
     ]
   );
-  const onFocus = React21.useCallback(
+  const onFocus = React22.useCallback(
     async (event) => {
       propsRef.current.onFocus?.(event);
       if (event.defaultPrevented) return;
@@ -1915,7 +1955,7 @@ function StepperTrigger(props) {
       propsRef
     ]
   );
-  const onKeyDown = React21.useCallback(
+  const onKeyDown = React22.useCallback(
     async (event) => {
       propsRef.current.onKeyDown?.(event);
       if (event.defaultPrevented) return;
@@ -1970,7 +2010,7 @@ function StepperTrigger(props) {
       steps
     ]
   );
-  const onMouseDown = React21.useCallback(
+  const onMouseDown = React22.useCallback(
     (event) => {
       propsRef.current.onMouseDown?.(event);
       if (event.defaultPrevented) return;
@@ -1984,7 +2024,7 @@ function StepperTrigger(props) {
     [focusContext, triggerId, isDisabled, propsRef]
   );
   const TriggerPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     TriggerPrimitive,
     {
       id: triggerId,
@@ -2003,7 +2043,7 @@ function StepperTrigger(props) {
       tabIndex: isTabStop ? 0 : -1,
       ...triggerProps,
       ref: composedRef,
-      className: cn24(
+      className: cn25(
         "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
@@ -2026,7 +2066,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__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     IndicatorPrimitive,
     {
       "data-state": dataState,
@@ -2034,11 +2074,11 @@ function StepperIndicator(props) {
       dir: context.dir,
       ...indicatorProps,
       ref,
-      className: cn24(
+      className: cn25(
         "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__ */ jsx25(Check3, { className: "size-4" }) : stepPosition
+      children: typeof children === "function" ? children(dataState) : children ? children : dataState === "completed" ? /* @__PURE__ */ jsx26(Check3, { className: "size-4" }) : stepPosition
     }
   );
 }
@@ -2066,7 +2106,7 @@ function StepperSeparator(props) {
     "separator"
   );
   const SeparatorPrimitive2 = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     SeparatorPrimitive2,
     {
       role: "separator",
@@ -2078,7 +2118,7 @@ function StepperSeparator(props) {
       dir: context.dir,
       ...separatorProps,
       ref,
-      className: cn24(
+      className: cn25(
         "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
@@ -2092,7 +2132,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__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     TitlePrimitive,
     {
       id: titleId,
@@ -2100,7 +2140,7 @@ function StepperTitle(props) {
       dir: context.dir,
       ...titleProps,
       ref,
-      className: cn24("font-medium text-sm", className)
+      className: cn25("font-medium text-sm", className)
     }
   );
 }
@@ -2110,7 +2150,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__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DescriptionPrimitive,
     {
       id: descriptionId,
@@ -2118,7 +2158,7 @@ function StepperDescription(props) {
       dir: context.dir,
       ...descriptionProps,
       ref,
-      className: cn24("text-muted-foreground text-xs", className)
+      className: cn25("text-muted-foreground text-xs", className)
     }
   );
 }
@@ -2137,7 +2177,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__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ContentPrimitive,
     {
       id: contentId,
@@ -2147,7 +2187,7 @@ function StepperContent(props) {
       dir: context.dir,
       ...contentProps,
       ref,
-      className: cn24("flex-1 outline-none", className)
+      className: cn25("flex-1 outline-none", className)
     }
   );
 }
@@ -2160,9 +2200,9 @@ function StepperPrev(props) {
     onClick: onClickProp
   });
   const stepKeys = Array.from(steps.keys());
-  const currentIndex = value ? stepKeys.indexOf(value) : -1;
+  const currentIndex = stepKeys.length > 0 ? stepKeys.indexOf(value ?? "") : -1;
   const isDisabled = disabled || currentIndex <= 0;
-  const onClick = React21.useCallback(
+  const onClick = React22.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented || isDisabled) return;
@@ -2175,7 +2215,7 @@ function StepperPrev(props) {
     [propsRef, isDisabled, currentIndex, stepKeys, store]
   );
   const PrevPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     PrevPrimitive,
     {
       type: "button",
@@ -2195,9 +2235,9 @@ function StepperNext(props) {
     onClick: onClickProp
   });
   const stepKeys = Array.from(steps.keys());
-  const currentIndex = value ? stepKeys.indexOf(value) : -1;
-  const isDisabled = disabled || currentIndex >= stepKeys.length - 1;
-  const onClick = React21.useCallback(
+  const currentIndex = stepKeys.length > 0 ? stepKeys.indexOf(value ?? "") : -1;
+  const isDisabled = disabled || stepKeys.length === 0 || currentIndex >= stepKeys.length - 1;
+  const onClick = React22.useCallback(
     async (event) => {
       propsRef.current.onClick?.(event);
       if (event.defaultPrevented || isDisabled) return;
@@ -2210,7 +2250,7 @@ function StepperNext(props) {
     [propsRef, isDisabled, currentIndex, stepKeys, store]
   );
   const NextPrimitive = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NextPrimitive,
     {
       type: "button",
@@ -2236,7 +2276,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { cn as cn25 } from "@petrarca/sonnet-core";
+import { cn as cn26 } from "@petrarca/sonnet-core";
 
 // src/EntityTable/tableSchema/mergeUiSchema.ts
 function resolveCellRenderer(property, uiEntry) {
@@ -2266,12 +2306,12 @@ function mergeColumnConfig(key, property, uiSchema) {
 }
 
 // src/EntityTable/tableSchema/cellRegistry.ts
-import React22 from "react";
+import React23 from "react";
 import { warnLog } from "@petrarca/sonnet-core";
 
 // src/EntityTable/tableSchema/cellRenderers.tsx
 import { formatDate, formatDateTime } from "@petrarca/sonnet-core";
-import { Fragment, jsx as jsx26, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
 function resolveValue(value, options) {
   const key = options.valueKey;
   if (key && value != null && typeof value === "object") {
@@ -2287,60 +2327,60 @@ function TextCell({
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx26("span", { className: cx("", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("", options), children: text == null ? "\u2014" : String(text) });
 }
 function MutedCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx26("span", { className: cx("text-muted-foreground", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: text == null ? "\u2014" : String(text) });
 }
 function BoldCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx26("span", { className: cx("font-medium", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("font-medium", options), children: text == null ? "\u2014" : String(text) });
 }
 function CodeCell({
   value,
   options
 }) {
   const text = resolveValue(value, options);
-  return /* @__PURE__ */ jsx26("span", { className: cx("font-mono text-xs", options), children: text == null ? "\u2014" : String(text) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("font-mono text-xs", options), children: text == null ? "\u2014" : String(text) });
 }
 function BadgeCell({
   value,
   options
 }) {
   if (value == null)
-    return /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx27("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__ */ jsx26(Badge, { badgeColor: color, children: label });
+  return /* @__PURE__ */ jsx27(Badge, { badgeColor: color, children: label });
 }
 function DateCell({
   value,
   options
 }) {
-  return /* @__PURE__ */ jsx26("span", { className: cx("text-muted-foreground", options), children: formatDate(value) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: formatDate(value) });
 }
 function DateTimeCell({
   value,
   options
 }) {
-  return /* @__PURE__ */ jsx26("span", { className: cx("text-muted-foreground", options), children: formatDateTime(value) });
+  return /* @__PURE__ */ jsx27("span", { className: cx("text-muted-foreground", options), children: formatDateTime(value) });
 }
 function BooleanCell({ value }) {
-  return /* @__PURE__ */ jsx26("span", { className: value ? "text-green-600" : "text-muted-foreground", children: value ? "Yes" : "No" });
+  return /* @__PURE__ */ jsx27("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__ */ jsx26("span", { className: "tabular-nums", children: text });
+  return /* @__PURE__ */ jsx27("span", { className: "tabular-nums", children: text });
 }
 function TruncateCell({
   value,
@@ -2348,7 +2388,7 @@ function TruncateCell({
 }) {
   const resolved = resolveValue(value, options);
   const text = resolved == null ? "\u2014" : String(resolved);
-  return /* @__PURE__ */ jsx26("span", { className: "block truncate max-w-xs", title: text, children: text });
+  return /* @__PURE__ */ jsx27("span", { className: "block truncate max-w-xs", title: text, children: text });
 }
 function OverflowListCell({
   value,
@@ -2356,7 +2396,7 @@ function OverflowListCell({
 }) {
   const items = Array.isArray(value) ? value : [];
   if (items.length === 0)
-    return /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "\u2014" });
+    return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
   const displayKey = options.displayKey;
   const fallbackKey = options.fallbackKey;
   const prefixKey = options.prefixKey;
@@ -2381,8 +2421,8 @@ function JoinCell({
 }) {
   const sep = options.separator ?? ", ";
   if (!Array.isArray(value) || value.length === 0)
-    return /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: "\u2014" });
-  return /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: value.join(sep) });
+    return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: value.join(sep) });
 }
 
 // src/EntityTable/tableSchema/cellRegistry.ts
@@ -2413,7 +2453,7 @@ function resolveCellRenderer2(name, localRenderers) {
   return localRenderers?.[name] ?? CELL_RENDERERS[name] ?? TextCell;
 }
 function createRenderer(render) {
-  return ({ row, options }) => React22.createElement(React22.Fragment, null, render(row, options));
+  return ({ row, options }) => React23.createElement(React23.Fragment, null, render(row, options));
 }
 function validateRendererNames(renderers) {
   for (const name of Object.keys(renderers)) {
@@ -2454,7 +2494,7 @@ function keyToLabel(key) {
 }
 
 // src/EntityTable/EntityTable.tsx
-import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs8 } from "react/jsx-runtime";
 var coreRowModel = getCoreRowModel();
 function resolveTableDefaults(props) {
   return {
@@ -2473,7 +2513,7 @@ function buildColumnDefs(resolved, localRenderers) {
       cell: ({
         getValue,
         row
-      }) => /* @__PURE__ */ jsx27(
+      }) => /* @__PURE__ */ jsx28(
         Renderer,
         {
           value: getValue(),
@@ -2491,7 +2531,7 @@ function buildSelectColumn() {
   return {
     id: "_select",
     size: 40,
-    header: ({ table: t }) => /* @__PURE__ */ jsx27(
+    header: ({ table: t }) => /* @__PURE__ */ jsx28(
       Checkbox,
       {
         checked: t.getIsAllPageRowsSelected() || (t.getIsSomePageRowsSelected() ? "indeterminate" : false),
@@ -2499,7 +2539,7 @@ function buildSelectColumn() {
         "aria-label": "Select all"
       }
     ),
-    cell: ({ row }) => /* @__PURE__ */ jsx27(
+    cell: ({ row }) => /* @__PURE__ */ jsx28(
       Checkbox,
       {
         checked: row.getIsSelected(),
@@ -2673,7 +2713,7 @@ function StatusRows({
   colCount
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx27("tr", { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
       "td",
       {
         colSpan: colCount,
@@ -2683,7 +2723,7 @@ function StatusRows({
     ) });
   }
   if (isError) {
-    return /* @__PURE__ */ jsx27("tr", { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
       "td",
       {
         colSpan: colCount,
@@ -2693,7 +2733,7 @@ function StatusRows({
     ) });
   }
   if (isEmpty) {
-    return /* @__PURE__ */ jsx27("tr", { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("tr", { children: /* @__PURE__ */ jsx28(
       "td",
       {
         colSpan: colCount,
@@ -2713,7 +2753,7 @@ function RowActionCell({
   actions,
   rowOriginal
 }) {
-  return /* @__PURE__ */ jsx27("td", { className: "px-4 py-3 w-24 text-right", children: /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-end gap-1", children: actions.map((action) => /* @__PURE__ */ jsx27(
+  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(
     ActionButton,
     {
       action,
@@ -2730,7 +2770,7 @@ function ActionButton({
   if (isHidden) return null;
   const isDisabled = action.disabled?.(rowOriginal);
   const Icon = action.icon;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       title: action.label,
@@ -2739,12 +2779,12 @@ function ActionButton({
         e.stopPropagation();
         action.onClick(rowOriginal);
       },
-      className: cn25(
+      className: cn26(
         "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__ */ jsx27(Icon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx27("span", { className: "text-xs", children: action.label })
+      children: Icon ? /* @__PURE__ */ jsx28(Icon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx28("span", { className: "text-xs", children: action.label })
     },
     action.label
   );
@@ -2774,7 +2814,7 @@ function DataRow({
           containerRef
         );
       },
-      className: cn25(
+      className: cn26(
         "border-b last:border-b-0 transition-colors group/row",
         onRowClick && !selectionMode && "hover:bg-accent/50 cursor-pointer",
         selectionMode && "cursor-default",
@@ -2782,9 +2822,9 @@ function DataRow({
         index === activeRowIndex && selectionMode && "bg-accent"
       ),
       children: [
-        row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx27("td", { className: "px-4 py-3", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)),
-        hasRowActions && /* @__PURE__ */ jsx27(RowActionCell, { actions: rowActions, rowOriginal: row.original }),
-        hasChevron && /* @__PURE__ */ jsx27("td", { className: "px-4 py-3 w-10", children: /* @__PURE__ */ jsx27(ChevronRight2, { className: "h-4 w-4 text-muted-foreground" }) })
+        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.id
@@ -2808,7 +2848,7 @@ function TableFooter({
 }) {
   if (!data?.meta) return null;
   if (isPaginated) {
-    return /* @__PURE__ */ jsx27(PaginationFooter, { table, entityLabel });
+    return /* @__PURE__ */ jsx28(PaginationFooter, { table, entityLabel });
   }
   return /* @__PURE__ */ jsxs8("p", { className: "text-xs text-muted-foreground mt-3", children: [
     "Showing ",
@@ -2853,16 +2893,16 @@ function EntityTable(props) {
   );
   const colCount = columns.length + (hasTrailingCol ? 1 : 0);
   return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "div",
       {
         ref: selectionMode ? containerRef : void 0,
         tabIndex: selectionMode ? 0 : void 0,
         onKeyDown: selectionMode ? handleKeyDown : void 0,
-        className: cn25("rounded-lg border", selectionMode && "outline-none"),
+        className: cn26("rounded-lg border", selectionMode && "outline-none"),
         children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-sm", children: [
-          /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs8("tr", { className: "border-b bg-muted/40", children: [
-            table.getFlatHeaders().map((header) => /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs8("tr", { className: "border-b bg-muted/40", children: [
+            table.getFlatHeaders().map((header) => /* @__PURE__ */ jsx28(
               "th",
               {
                 className: "text-left text-xs font-medium text-muted-foreground px-4 py-2.5",
@@ -2874,7 +2914,7 @@ function EntityTable(props) {
               },
               header.id
             )),
-            hasRowActions && /* @__PURE__ */ jsx27(
+            hasRowActions && /* @__PURE__ */ jsx28(
               "th",
               {
                 "aria-label": "Actions",
@@ -2882,10 +2922,10 @@ function EntityTable(props) {
                 className: "w-24 text-right text-xs font-medium text-muted-foreground px-4 py-2.5"
               }
             ),
-            hasChevron && /* @__PURE__ */ jsx27("th", { "aria-label": "Open", scope: "col", className: "w-10" })
+            hasChevron && /* @__PURE__ */ jsx28("th", { "aria-label": "Open", scope: "col", className: "w-10" })
           ] }) }),
           /* @__PURE__ */ jsxs8("tbody", { children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx28(
               StatusRows,
               {
                 isLoading,
@@ -2898,7 +2938,7 @@ function EntityTable(props) {
                 colCount
               }
             ),
-            table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx27(
+            table.getRowModel().rows.map((row, index) => /* @__PURE__ */ jsx28(
               DataRow,
               {
                 row,
@@ -2918,7 +2958,7 @@ function EntityTable(props) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       TableFooter,
       {
         isPaginated,
@@ -2940,9 +2980,9 @@ function PaginationFooter({
   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__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: rowCount === 0 ? `No ${entityLabel}` : `Showing ${from}\u2013${to} of ${rowCount} ${entityLabel}` }),
+    /* @__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__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "button",
         {
           type: "button",
@@ -2952,8 +2992,8 @@ function PaginationFooter({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground px-2", children: pageCount > 0 ? `${pageIndex + 1} / ${pageCount}` : "--" }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground px-2", children: pageCount > 0 ? `${pageIndex + 1} / ${pageCount}` : "--" }),
+      /* @__PURE__ */ jsx28(
         "button",
         {
           type: "button",
@@ -2968,13 +3008,13 @@ function PaginationFooter({
 }
 
 // src/EntitySelect/EntitySelect.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Check as Check4, ChevronsUpDown, Loader2 } from "lucide-react";
-import { cn as cn26 } from "@petrarca/sonnet-core";
+import { cn as cn27 } from "@petrarca/sonnet-core";
 import {
   useEntityOptions
 } from "@petrarca/sonnet-core/hooks";
-import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
 function emptyStateMessage({
   mode,
   search,
@@ -2992,8 +3032,8 @@ function emptyStateMessage({
   return emptyMessage;
 }
 function useHasSearched(submit) {
-  const [hasSearched, setHasSearched] = React24.useState(false);
-  const wrappedSubmit = React24.useCallback(() => {
+  const [hasSearched, setHasSearched] = React25.useState(false);
+  const wrappedSubmit = React25.useCallback(() => {
     setHasSearched(true);
     submit();
   }, [submit]);
@@ -3024,11 +3064,11 @@ function EntitySelectLabel({
         className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         children: [
           label,
-          required && /* @__PURE__ */ jsx28("span", { className: "ml-1 text-destructive", children: "*" })
+          required && /* @__PURE__ */ jsx29("span", { className: "ml-1 text-destructive", children: "*" })
         ]
       }
     ),
-    description && /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: description })
+    description && /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 function EntitySelectDropdown({
@@ -3046,7 +3086,7 @@ function EntitySelectDropdown({
   handleSelect
 }) {
   return /* @__PURE__ */ jsxs9(Command, { shouldFilter: false, children: [
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       CommandInput,
       {
         placeholder: searchPlaceholder,
@@ -3061,7 +3101,7 @@ function EntitySelectDropdown({
       }
     ),
     /* @__PURE__ */ jsxs9(CommandList, { children: [
-      /* @__PURE__ */ jsx28(CommandEmpty, { children: emptyStateMessage({
+      /* @__PURE__ */ jsx29(CommandEmpty, { children: emptyStateMessage({
         mode,
         search,
         minChars,
@@ -3069,16 +3109,16 @@ function EntitySelectDropdown({
         hasSearched,
         emptyMessage
       }) }),
-      /* @__PURE__ */ jsx28(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsx29(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs9(
         CommandItem,
         {
           value: option.value,
           onSelect: handleSelect,
           children: [
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               Check4,
               {
-                className: cn26(
+                className: cn27(
                   "mr-2 h-4 w-4",
                   value === option.value ? "opacity-100" : "opacity-0"
                 )
@@ -3115,8 +3155,8 @@ function EntitySelect(props) {
     emptyMessage,
     disabled
   } = resolveEntitySelectDefaults(props);
-  const [open, setOpen] = React24.useState(false);
-  const [selectedLabel, setSelectedLabel] = React24.useState(null);
+  const [open, setOpen] = React25.useState(false);
+  const [selectedLabel, setSelectedLabel] = React25.useState(null);
   const {
     options,
     isLoading,
@@ -3125,7 +3165,7 @@ function EntitySelect(props) {
     submit: rawSubmit
   } = useEntityOptions({ fetcher, queryKey, mode, minChars });
   const [hasSearched, submit] = useHasSearched(rawSubmit);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (!value) {
       setSelectedLabel(null);
       return;
@@ -3135,7 +3175,7 @@ function EntitySelect(props) {
       setSelectedLabel(found.label);
     }
   }, [value, options]);
-  const handleSelect = React24.useCallback(
+  const handleSelect = React25.useCallback(
     (selectedValue) => {
       const opt = options.find((o) => o.value === selectedValue);
       if (opt) setSelectedLabel(opt.label);
@@ -3148,7 +3188,7 @@ function EntitySelect(props) {
     },
     [options, value, onChange, onChangeOption, setSearch]
   );
-  const handleOpenChange = React24.useCallback(
+  const handleOpenChange = React25.useCallback(
     (newOpen) => {
       setOpen(newOpen);
       if (!newOpen) {
@@ -3158,8 +3198,8 @@ function EntitySelect(props) {
     },
     [onBlur, setSearch]
   );
-  return /* @__PURE__ */ jsxs9("div", { className: cn26("space-y-2", className), children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs9("div", { className: cn27("space-y-2", className), children: [
+    /* @__PURE__ */ jsx29(
       EntitySelectLabel,
       {
         id,
@@ -3169,34 +3209,34 @@ function EntitySelect(props) {
       }
     ),
     /* @__PURE__ */ jsxs9(Popover, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
         Button,
         {
           id,
           variant: "outline",
           role: "combobox",
           "aria-expanded": open,
-          className: cn26(
+          className: cn27(
             "w-full justify-between",
             !selectedLabel && "text-muted-foreground",
             error && "border-destructive"
           ),
           disabled,
           children: [
-            /* @__PURE__ */ jsx28("span", { className: "truncate", children: selectedLabel ?? placeholder }),
+            /* @__PURE__ */ jsx29("span", { className: "truncate", children: selectedLabel ?? placeholder }),
             /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1", children: [
-              isLoading && /* @__PURE__ */ jsx28(Loader2, { className: "h-4 w-4 animate-spin opacity-50" }),
-              /* @__PURE__ */ jsx28(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+              isLoading && /* @__PURE__ */ jsx29(Loader2, { className: "h-4 w-4 animate-spin opacity-50" }),
+              /* @__PURE__ */ jsx29(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         PopoverContent,
         {
           className: "w-[--radix-popover-trigger-width] p-0",
           align: "start",
-          children: /* @__PURE__ */ jsx28(
+          children: /* @__PURE__ */ jsx29(
             EntitySelectDropdown,
             {
               searchPlaceholder,
@@ -3216,23 +3256,23 @@ function EntitySelect(props) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium text-destructive", children: error })
+    error && /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium text-destructive", children: error })
   ] });
 }
 
 // src/EntityTree/EntityTree.tsx
 import {
-  forwardRef as forwardRef19,
+  forwardRef as forwardRef20,
   useImperativeHandle as useImperativeHandle2,
   useMemo as useMemo4,
   useRef as useRef6
 } from "react";
 import { Pencil } from "lucide-react";
-import { cn as cn28 } from "@petrarca/sonnet-core";
+import { cn as cn29 } from "@petrarca/sonnet-core";
 
 // src/TreeView/TreeView.tsx
 import {
-  forwardRef as forwardRef18,
+  forwardRef as forwardRef19,
   useCallback as useCallback4,
   useEffect as useEffect5,
   useId as useId2,
@@ -3242,8 +3282,8 @@ import {
   useState as useState4
 } from "react";
 import { ChevronRight as ChevronRight3 } from "lucide-react";
-import { cn as cn27 } from "@petrarca/sonnet-core";
-import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+import { cn as cn28 } from "@petrarca/sonnet-core";
+import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
 function flatten(nodes, expandedIds, depth = 0, parentId = null, result = []) {
   for (const node of nodes) {
     result.push({ node, depth, parentId });
@@ -3260,15 +3300,15 @@ function ToggleIcon({
   isExpanded
 }) {
   if (!hasChildren) {
-    return /* @__PURE__ */ jsx29("span", { className: "block w-1.5 h-1.5 rounded-full bg-border mx-auto" });
+    return /* @__PURE__ */ jsx30("span", { className: "block w-1.5 h-1.5 rounded-full bg-border mx-auto" });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx29("span", { className: "block w-3 h-3 rounded-full border-2 border-muted-foreground/40 border-t-foreground animate-spin" });
+    return /* @__PURE__ */ jsx30("span", { className: "block w-3 h-3 rounded-full border-2 border-muted-foreground/40 border-t-foreground animate-spin" });
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ChevronRight3,
     {
-      className: cn27(
+      className: cn28(
         "h-3.5 w-3.5 text-muted-foreground transition-transform",
         isExpanded && "rotate-90"
       )
@@ -3323,7 +3363,7 @@ function NodeRow({
       "aria-selected": onSelectionChange ? isSelected : void 0,
       "aria-busy": node.isLoading,
       tabIndex: isFocused ? 0 : -1,
-      className: cn27(
+      className: cn28(
         "flex items-center gap-1 px-2 py-1.5 rounded-sm text-sm select-none",
         "cursor-pointer transition-colors",
         "hover:bg-accent/60",
@@ -3333,13 +3373,13 @@ function NodeRow({
       style: { paddingLeft: depth * indentPx + 8 },
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "span",
           {
             className: "shrink-0 flex items-center justify-center w-4 h-4",
             onClick: handleToggle,
             "aria-hidden": true,
-            children: /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx30(
               ToggleIcon,
               {
                 hasChildren: node.hasChildren,
@@ -3349,7 +3389,7 @@ function NodeRow({
             )
           }
         ),
-        onSelectionChange && isSelectable && /* @__PURE__ */ jsx29(
+        onSelectionChange && isSelectable && /* @__PURE__ */ jsx30(
           "input",
           {
             type: "checkbox",
@@ -3361,8 +3401,8 @@ function NodeRow({
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ jsx29("span", { className: "flex-1 min-w-0", children: renderNode(node, depth) }),
-        node.isError && /* @__PURE__ */ jsx29("span", { className: "shrink-0 text-xs text-destructive", "aria-live": "polite", children: "Failed to load" })
+        /* @__PURE__ */ jsx30("span", { className: "flex-1 min-w-0", children: renderNode(node, depth) }),
+        node.isError && /* @__PURE__ */ jsx30("span", { className: "shrink-0 text-xs text-destructive", "aria-live": "polite", children: "Failed to load" })
       ]
     }
   );
@@ -3538,10 +3578,10 @@ function TreeViewInner({
     ]
   );
   if (nodes.length === 0) {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx30(
       "div",
       {
-        className: cn27(
+        className: cn28(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3549,15 +3589,15 @@ function TreeViewInner({
       }
     );
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "ul",
     {
       ref: listRef,
       role: "tree",
       "aria-label": "Tree",
-      className: cn27("outline-none", className),
+      className: cn28("outline-none", className),
       onKeyDown: handleKeyDown,
-      children: flatNodes.map((flat) => /* @__PURE__ */ jsx29(
+      children: flatNodes.map((flat) => /* @__PURE__ */ jsx30(
         NodeRow,
         {
           flat,
@@ -3579,10 +3619,10 @@ function TreeViewInner({
     }
   );
 }
-var TreeView = forwardRef18(TreeViewInner);
+var TreeView = forwardRef19(TreeViewInner);
 
 // src/EntityTree/EntityTree.tsx
-import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
 function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
   return function renderCells(node) {
     const isActive = node.id === activeNodeIdRef.current;
@@ -3593,12 +3633,12 @@ function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
           localRenderers
         );
         const value = node.data[col.key];
-        return /* @__PURE__ */ jsx30(
+        return /* @__PURE__ */ jsx31(
           "span",
           {
             className: "shrink-0",
             style: col.width !== void 0 ? { width: col.width } : void 0,
-            children: /* @__PURE__ */ jsx30(
+            children: /* @__PURE__ */ jsx31(
               Renderer,
               {
                 value,
@@ -3610,7 +3650,7 @@ function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
           col.key
         );
       }),
-      onNodeEdit && /* @__PURE__ */ jsx30("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsx30(
+      onNodeEdit && /* @__PURE__ */ jsx31("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsx31(
         "button",
         {
           type: "button",
@@ -3619,11 +3659,11 @@ function buildCellRow(resolved, activeNodeIdRef, onNodeEdit, localRenderers) {
             onNodeEdit(node);
           },
           "aria-label": "Edit",
-          className: cn28(
+          className: cn29(
             "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__ */ jsx30(Pencil, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ jsx31(Pencil, { className: "h-3.5 w-3.5" })
         }
       ) })
     ] });
@@ -3646,10 +3686,10 @@ function renderTreeStatus({
   className
 }) {
   if (isLoading && nodes.length === 0) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
-        className: cn28(
+        className: cn29(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3658,10 +3698,10 @@ function renderTreeStatus({
     );
   }
   if (isError) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       "div",
       {
-        className: cn28("py-8 text-center text-sm text-destructive", className),
+        className: cn29("py-8 text-center text-sm text-destructive", className),
         children: errorMessage ?? `Failed to load ${entityLabel}.`
       }
     );
@@ -3670,7 +3710,7 @@ function renderTreeStatus({
     return /* @__PURE__ */ jsxs11(
       "div",
       {
-        className: cn28(
+        className: cn29(
           "py-8 text-center text-sm text-muted-foreground",
           className
         ),
@@ -3762,7 +3802,7 @@ function EntityTreeInner(props, ref) {
     className
   });
   if (statusView) return statusView;
-  return /* @__PURE__ */ jsx30("div", { className: cn28("rounded-lg border", className), children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31("div", { className: cn29("rounded-lg border", className), children: /* @__PURE__ */ jsx31(
     TreeView,
     {
       ref: treeRef,
@@ -3781,12 +3821,12 @@ function EntityTreeInner(props, ref) {
     }
   ) });
 }
-var EntityTree = forwardRef19(EntityTreeInner);
+var EntityTree = forwardRef20(EntityTreeInner);
 
 // src/SearchInput/SearchInput.tsx
-import React29, { useMemo as useMemo6, useRef as useRef9, useState as useState7, useEffect as useEffect9 } from "react";
+import React30, { useMemo as useMemo6, useRef as useRef9, useState as useState7, useEffect as useEffect9 } from "react";
 import { Search as Search2, X as X3, ChevronDown } from "lucide-react";
-import { cn as cn30 } from "@petrarca/sonnet-core";
+import { cn as cn31 } from "@petrarca/sonnet-core";
 import { getFieldTitle as getFieldTitle2 } from "@petrarca/sonnet-core/schema";
 import { isEmptyFilterExpr } from "@petrarca/sonnet-core/search";
 
@@ -4094,7 +4134,7 @@ function useSearchInput({
 
 // src/SearchInput/widgets/TextSearchWidget.tsx
 import { useRef as useRef8, useEffect as useEffect7 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function TextSearchWidget({
   value,
   onChange,
@@ -4107,7 +4147,7 @@ function TextSearchWidget({
   useEffect7(() => {
     if (autoFocus) inputRef.current?.focus();
   }, [autoFocus]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Input,
     {
       ref: inputRef,
@@ -4134,8 +4174,8 @@ function TextSearchWidget({
 
 // src/SearchInput/widgets/EnumSearchWidget.tsx
 import { useEffect as useEffect8, useState as useState6 } from "react";
-import { cn as cn29 } from "@petrarca/sonnet-core";
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+import { cn as cn30 } from "@petrarca/sonnet-core";
+import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
 function EnumSearchWidget({
   property,
   options: widgetOptions,
@@ -4200,7 +4240,7 @@ function EnumSearchWidget({
     }
   }
   return /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx32(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
       "button",
       {
         type: "button",
@@ -4216,7 +4256,7 @@ function EnumSearchWidget({
         align: "start",
         onOpenAutoFocus: (e) => e.preventDefault(),
         children: [
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "input",
             {
               autoFocus: true,
@@ -4228,12 +4268,12 @@ function EnumSearchWidget({
             }
           ),
           /* @__PURE__ */ jsxs12("div", { children: [
-            filtered.length === 0 && /* @__PURE__ */ jsx32("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No matches" }),
-            filtered.map((item, i) => /* @__PURE__ */ jsx32(
+            filtered.length === 0 && /* @__PURE__ */ jsx33("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "No matches" }),
+            filtered.map((item, i) => /* @__PURE__ */ jsx33(
               "button",
               {
                 type: "button",
-                className: cn29(
+                className: cn30(
                   "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"
                 ),
@@ -4272,7 +4312,7 @@ var DEFAULT_SEARCH_WIDGETS = {
 };
 
 // src/SearchInput/SearchInput.tsx
-import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
 function resolveSearchDefaults(props) {
   return {
     mode: props.mode ?? "explicit",
@@ -4293,7 +4333,7 @@ function FacetPicker({
   inputRef
 }) {
   return /* @__PURE__ */ jsxs13(Popover, { open: pickerVisible, onOpenChange: setPickerOpen, modal: false, children: [
-    /* @__PURE__ */ jsx33(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx34(
       "button",
       {
         type: "button",
@@ -4304,21 +4344,21 @@ function FacetPicker({
           setPickerOpen((o) => !o);
           inputRef.current?.focus();
         },
-        children: /* @__PURE__ */ jsx33(ChevronDown, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx34(ChevronDown, { className: "h-3 w-3" })
       }
     ) }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       PopoverContent,
       {
-        className: cn30("w-44 p-1", !hasFacetsToShow && "hidden"),
+        className: cn31("w-44 p-1", !hasFacetsToShow && "hidden"),
         align: "start",
         onOpenAutoFocus: (e) => e.preventDefault(),
         onFocusOutside: (e) => e.preventDefault(),
-        children: filteredFacets.map((facet, i) => /* @__PURE__ */ jsx33(
+        children: filteredFacets.map((facet, i) => /* @__PURE__ */ jsx34(
           "button",
           {
             type: "button",
-            className: cn30(
+            className: cn31(
               "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"
             ),
@@ -4352,7 +4392,7 @@ function ValueEntry({
   onInputFocus
 }) {
   if (pendingFacet && PendingWidget) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       PendingWidget,
       {
         property: pendingFacet.property,
@@ -4374,7 +4414,7 @@ function ValueEntry({
       }
     );
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Input,
     {
       ref: inputRef,
@@ -4443,10 +4483,10 @@ function ActiveChips({
   schema,
   onRemove
 }) {
-  return /* @__PURE__ */ jsx33(Fragment3, { children: terms.map((term, i) => {
+  return /* @__PURE__ */ jsx34(Fragment3, { children: terms.map((term, i) => {
     const property = schema?.properties?.[term.key];
     const label = property ? getFieldTitle2(term.key, property) : term.key;
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       FilterChip,
       {
         label: `${label}: ${term.value}`,
@@ -4471,7 +4511,7 @@ function SearchActions({
   onCommit
 }) {
   return /* @__PURE__ */ jsxs13(Fragment3, { children: [
-    !isEmpty && /* @__PURE__ */ jsx33(
+    !isEmpty && /* @__PURE__ */ jsx34(
       "button",
       {
         type: "button",
@@ -4481,10 +4521,10 @@ function SearchActions({
         },
         className: "text-muted-foreground hover:text-foreground transition-colors shrink-0",
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ jsx33(X3, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx34(X3, { className: "h-4 w-4" })
       }
     ),
-    showSearchButton && mode === "explicit" && /* @__PURE__ */ jsx33(
+    showSearchButton && mode === "explicit" && /* @__PURE__ */ jsx34(
       Button,
       {
         type: "button",
@@ -4569,7 +4609,7 @@ function SearchInput(props) {
   const showFacetControls = isFaceted && !pendingFacet;
   const pickerVisible = showFacetControls && pickerOpen;
   const hasFacetsToShow = pickerVisible && filteredFacets.length > 0;
-  const acceptFacet = React29.useCallback(
+  const acceptFacet = React30.useCallback(
     (facet) => {
       selectFacet(facet);
       setPickerOpen(false);
@@ -4597,7 +4637,7 @@ function SearchInput(props) {
     "div",
     {
       ref: containerRef,
-      className: cn30(
+      className: cn31(
         "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
@@ -4610,8 +4650,8 @@ function SearchInput(props) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx33(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
-        isFaceted && /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(Search2, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+        isFaceted && /* @__PURE__ */ jsx34(
           ActiveChips,
           {
             terms: activeTerms,
@@ -4624,7 +4664,7 @@ function SearchInput(props) {
           ":"
         ] }),
         /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1 flex-1 min-w-[120px]", children: [
-          showFacetControls && /* @__PURE__ */ jsx33(
+          showFacetControls && /* @__PURE__ */ jsx34(
             FacetPicker,
             {
               pickerVisible,
@@ -4637,7 +4677,7 @@ function SearchInput(props) {
               inputRef
             }
           ),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(
             ValueEntry,
             {
               pendingFacet,
@@ -4661,7 +4701,7 @@ function SearchInput(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           SearchActions,
           {
             isEmpty,
@@ -4683,7 +4723,7 @@ function FilterChip({ label, onRemove }) {
       className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full",
       children: [
         label,
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           "button",
           {
             type: "button",
@@ -4693,7 +4733,7 @@ function FilterChip({ label, onRemove }) {
             },
             className: "ml-0.5 hover:text-destructive transition-colors",
             "aria-label": `Remove filter ${label}`,
-            children: /* @__PURE__ */ jsx33(X3, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx34(X3, { className: "h-3 w-3" })
           }
         )
       ]
@@ -4703,9 +4743,9 @@ function FilterChip({ label, onRemove }) {
 
 // src/Clipboard/ClipboardButton.tsx
 import { Copy } from "lucide-react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function ClipboardButton({ hasItems, onClick }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Button,
     {
       variant: "ghost",
@@ -4716,7 +4756,7 @@ function ClipboardButton({ hasItems, onClick }) {
         opacity: hasItems ? 1 : 0.4,
         cursor: hasItems ? "pointer" : "not-allowed"
       },
-      children: /* @__PURE__ */ jsx34(Copy, { size: 16 })
+      children: /* @__PURE__ */ jsx35(Copy, { size: 16 })
     }
   );
 }
@@ -4724,13 +4764,13 @@ var ClipboardButton_default = ClipboardButton;
 
 // src/Clipboard/ClipboardItem.tsx
 import { X as X4, Plus } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 function ClipboardItemComponent({ item, onAddItem, onRemove }) {
   const handleAddClick = (e) => {
     const keepInClipboard = e.shiftKey;
     onAddItem(item, keepInClipboard);
   };
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: "p-3 rounded mb-2",
@@ -4740,8 +4780,8 @@ function ClipboardItemComponent({ item, onAddItem, onRemove }) {
       },
       children: /* @__PURE__ */ jsxs14(SimpleGroup, { justify: "space-between", wrap: "nowrap", align: "flex-start", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
-          /* @__PURE__ */ jsx35("p", { className: "text-sm font-semibold truncate", children: item.label }),
-          /* @__PURE__ */ jsx35("p", { className: "text-xs text-muted-foreground truncate", children: item.displayName }),
+          /* @__PURE__ */ jsx36("p", { className: "text-sm font-semibold truncate", children: item.label }),
+          /* @__PURE__ */ jsx36("p", { className: "text-xs text-muted-foreground truncate", children: item.displayName }),
           /* @__PURE__ */ jsxs14("p", { className: "text-xs text-muted-foreground font-mono", children: [
             "#",
             item.entityId
@@ -4756,19 +4796,19 @@ function ClipboardItemComponent({ item, onAddItem, onRemove }) {
               onClick: handleAddClick,
               title: "Click to add and remove from clipboard, Shift+Click to keep in clipboard",
               children: [
-                /* @__PURE__ */ jsx35(Plus, { size: 16 }),
+                /* @__PURE__ */ jsx36(Plus, { size: 16 }),
                 "Add"
               ]
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(
             Button,
             {
               size: "sm",
               variant: "ghost",
               onClick: () => onRemove(item.id),
               title: "Remove from clipboard",
-              children: /* @__PURE__ */ jsx35(X4, { size: 16 })
+              children: /* @__PURE__ */ jsx36(X4, { size: 16 })
             }
           )
         ] })
@@ -4866,13 +4906,13 @@ var useClipboard = create()(
 var clipboardStore_default = useClipboard;
 
 // src/Clipboard/ClipboardMenu.tsx
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
 function ClipboardMenu({ onAddItem }) {
   const { items, removeItem, clear } = clipboardStore_default();
   if (items.length === 0) {
     return /* @__PURE__ */ jsxs15("div", { style: { padding: "16px", textAlign: "center", width: "300px" }, children: [
-      /* @__PURE__ */ jsx36("p", { className: "text-sm text-muted-foreground", children: "No items in clipboard" }),
-      /* @__PURE__ */ jsx36("p", { className: "text-xs text-muted-foreground mt-1", children: 'Right-click a node and select "Copy"' })
+      /* @__PURE__ */ jsx37("p", { className: "text-sm text-muted-foreground", children: "No items in clipboard" }),
+      /* @__PURE__ */ jsx37("p", { className: "text-xs text-muted-foreground mt-1", children: 'Right-click a node and select "Copy"' })
     ] });
   }
   return /* @__PURE__ */ jsxs15(
@@ -4886,7 +4926,7 @@ function ClipboardMenu({ onAddItem }) {
         maxHeight: "500px"
       },
       children: [
-        /* @__PURE__ */ jsx36(ScrollArea, { className: "flex-1 p-3 min-h-0", children: /* @__PURE__ */ jsx36(SimpleStack, { gap: 0, children: items.map((item) => /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(ScrollArea, { className: "flex-1 p-3 min-h-0", children: /* @__PURE__ */ jsx37(SimpleStack, { gap: 0, children: items.map((item) => /* @__PURE__ */ jsx37(
           ClipboardItem_default,
           {
             item,
@@ -4895,8 +4935,8 @@ function ClipboardMenu({ onAddItem }) {
           },
           item.id
         )) }) }),
-        /* @__PURE__ */ jsx36(Separator2, {}),
-        /* @__PURE__ */ jsx36("div", { style: { padding: "8px 12px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx37(Separator2, {}),
+        /* @__PURE__ */ jsx37("div", { style: { padding: "8px 12px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs15(
           Button,
           {
             className: "w-full",
@@ -4904,7 +4944,7 @@ function ClipboardMenu({ onAddItem }) {
             size: "sm",
             onClick: clear,
             children: [
-              /* @__PURE__ */ jsx36(Trash2, { size: 16 }),
+              /* @__PURE__ */ jsx37(Trash2, { size: 16 }),
               "Clear All (",
               items.length,
               ")"
@@ -4987,6 +5027,7 @@ export {
   Popover,
   PopoverContent,
   PopoverTrigger,
+  ResizeHandle,
   ScrollArea,
   ScrollBar,
   SearchInput,