@krak-stack/registry 0.1.3 → 0.1.5

package/dist/components/ui/effect-form.js

@@ -18,7 +18,7 @@ function cn(...inputs) {
 // ../../src/components/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -51,104 +51,104 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/alert-dialog.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 "use client";
 function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, {
     "data-slot": "alert-dialog",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, {
     "data-slot": "alert-dialog-portal",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Backdrop, {
     "data-slot": "alert-dialog-overlay",
     className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogContent({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPortal, {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, {
     children: [
-      /* @__PURE__ */ jsxDEV2(AlertDialogOverlay, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Popup, {
+      /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+      /* @__PURE__ */ jsx2(AlertDialogPrimitive.Popup, {
         "data-slot": "alert-dialog-content",
         "data-size": size,
         className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "alert-dialog-header",
     className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "alert-dialog-footer",
     className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Title, {
     "data-slot": "alert-dialog-title",
     className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Description, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Description, {
     "data-slot": "alert-dialog-description",
     className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsx2(Button, {
     "data-slot": "alert-dialog-action",
     className: cn(className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogCancel({
   className,
@@ -156,15 +156,15 @@ function AlertDialogCancel({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(AlertDialogPrimitive.Close, {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Close, {
     "data-slot": "alert-dialog-cancel",
     className: cn(className),
-    render: /* @__PURE__ */ jsxDEV2(Button, {
+    render: /* @__PURE__ */ jsx2(Button, {
       variant,
       size
-    }, undefined, false, undefined, this),
+    }),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/file-picker.tsx
@@ -180,7 +180,7 @@ import { CloudUpload, FileIcon, FileUp, RefreshCw, Trash2 } from "lucide-react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva as cva2 } from "class-variance-authority";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var attachmentVariants = cva2("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", {
   variants: {
     size: {
@@ -201,14 +201,14 @@ function Attachment({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "attachment",
     "data-state": state,
     "data-size": size,
     "data-orientation": orientation,
     className: cn(attachmentVariants({ size, orientation }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var attachmentMediaVariants = cva2("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
   variants: {
@@ -226,52 +226,52 @@ function AttachmentMedia({
   variant = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "attachment-media",
     "data-variant": variant,
     className: cn(attachmentMediaVariants({ variant }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "attachment-content",
     className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("span", {
+  return /* @__PURE__ */ jsx3("span", {
     "data-slot": "attachment-title",
     className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("span", {
+  return /* @__PURE__ */ jsx3("span", {
     "data-slot": "attachment-description",
     className: cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "attachment-actions",
     className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentAction({
   className,
@@ -279,32 +279,32 @@ function AttachmentAction({
   size = "icon-xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(Button, {
+  return /* @__PURE__ */ jsx3(Button, {
     "data-slot": "attachment-action",
     variant: variant ?? "ghost",
     size,
     className: cn(className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "attachment-group",
     className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsxDEV4(InputPrimitive, {
+  return /* @__PURE__ */ jsx4(InputPrimitive, {
     type,
     "data-slot": "input",
     className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/paraglide/runtime.js
@@ -736,7 +736,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/file-picker.tsx
-import { jsxDEV as jsxDEV5, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
@@ -829,7 +829,7 @@ var FilePicker = ({
     if (inputRef.current)
       inputRef.current.value = "";
   };
-  const input = /* @__PURE__ */ jsxDEV5(Input, {
+  const input = /* @__PURE__ */ jsx5(Input, {
     ref: inputRef,
     className: "sr-only",
     id,
@@ -846,12 +846,12 @@ var FilePicker = ({
         event.target.value = "";
     },
     "aria-invalid": invalid
-  }, undefined, false, undefined, this);
+  });
   if (multiple) {
-    return /* @__PURE__ */ jsxDEV5("div", {
+    return /* @__PURE__ */ jsxs2("div", {
       className: "grid min-w-0 gap-3",
       children: [
-        /* @__PURE__ */ jsxDEV5("div", {
+        /* @__PURE__ */ jsxs2("div", {
           className: "bg-muted/30 data-[dragging=true]:bg-muted flex min-h-32 min-w-0 flex-col items-center justify-center gap-3 rounded-xl border border-dashed p-6 text-center transition-colors",
           "data-dragging": dragging,
           onDragEnter: (event) => {
@@ -870,69 +870,69 @@ var FilePicker = ({
           onDragOver: (event) => event.preventDefault(),
           onDrop: handleDrop,
           children: [
-            /* @__PURE__ */ jsxDEV5(CloudUpload, {
+            /* @__PURE__ */ jsx5(CloudUpload, {
               className: "text-muted-foreground size-6"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5("div", {
+            }),
+            /* @__PURE__ */ jsxs2("div", {
               className: "max-w-full min-w-0",
               children: [
-                /* @__PURE__ */ jsxDEV5("p", {
+                /* @__PURE__ */ jsx5("p", {
                   className: "text-sm font-medium",
                   children: labels.dropFiles
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV5("p", {
+                }),
+                /* @__PURE__ */ jsx5("p", {
                   className: "text-muted-foreground max-w-full text-xs [overflow-wrap:anywhere]",
                   children: labels.accepts(accept)
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV5(Button, {
+            }),
+            /* @__PURE__ */ jsxs2(Button, {
               type: "button",
               variant: "outline",
               onClick: () => inputRef.current?.click(),
               children: [
-                /* @__PURE__ */ jsxDEV5(FileUp, {
+                /* @__PURE__ */ jsx5(FileUp, {
                   "data-icon": "inline-start"
-                }, undefined, false, undefined, this),
+                }),
                 labels.chooseFiles
               ]
-            }, undefined, true, undefined, this),
+            }),
             input
           ]
-        }, undefined, true, undefined, this),
-        files.length > 0 ? /* @__PURE__ */ jsxDEV5(AttachmentGroup, {
-          children: files.map((selectedFile) => /* @__PURE__ */ jsxDEV5(Attachment, {
+        }),
+        files.length > 0 ? /* @__PURE__ */ jsx5(AttachmentGroup, {
+          children: files.map((selectedFile) => /* @__PURE__ */ jsxs2(Attachment, {
             state: invalid ? "error" : "idle",
             children: [
-              /* @__PURE__ */ jsxDEV5(AttachmentMedia, {
-                children: /* @__PURE__ */ jsxDEV5(FileIcon, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV5(AttachmentContent, {
+              /* @__PURE__ */ jsx5(AttachmentMedia, {
+                children: /* @__PURE__ */ jsx5(FileIcon, {})
+              }),
+              /* @__PURE__ */ jsxs2(AttachmentContent, {
                 children: [
-                  /* @__PURE__ */ jsxDEV5(AttachmentTitle, {
+                  /* @__PURE__ */ jsx5(AttachmentTitle, {
                     children: selectedFile.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV5(AttachmentDescription, {
+                  }),
+                  /* @__PURE__ */ jsx5(AttachmentDescription, {
                     children: fileDescription(selectedFile)
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV5(AttachmentActions, {
-                children: /* @__PURE__ */ jsxDEV5(AttachmentAction, {
+              }),
+              /* @__PURE__ */ jsx5(AttachmentActions, {
+                children: /* @__PURE__ */ jsx5(AttachmentAction, {
                   type: "button",
                   "aria-label": `${labels.deleteFile} ${selectedFile.name}`,
                   onClick: () => onFilesChange?.(files.filter((candidate) => candidate !== selectedFile)),
-                  children: /* @__PURE__ */ jsxDEV5(Trash2, {}, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                  children: /* @__PURE__ */ jsx5(Trash2, {})
+                })
+              })
             ]
-          }, `${selectedFile.name}:${selectedFile.size}:${selectedFile.lastModified}`, true, undefined, this))
-        }, undefined, false, undefined, this) : null
+          }, `${selectedFile.name}:${selectedFile.size}:${selectedFile.lastModified}`))
+        }) : null
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   if (!selected) {
-    return /* @__PURE__ */ jsxDEV5("div", {
+    return /* @__PURE__ */ jsxs2("div", {
       className: "bg-muted/30 data-[dragging=true]:bg-muted flex min-h-32 flex-col items-center justify-center gap-3 rounded-xl border border-dashed p-6 text-center transition-colors",
       "data-dragging": dragging,
       onDragEnter: (event) => {
@@ -951,87 +951,87 @@ var FilePicker = ({
       onDragOver: (event) => event.preventDefault(),
       onDrop: handleDrop,
       children: [
-        /* @__PURE__ */ jsxDEV5(CloudUpload, {
+        /* @__PURE__ */ jsx5(CloudUpload, {
           className: "text-muted-foreground size-6"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("div", {
+        }),
+        /* @__PURE__ */ jsxs2("div", {
           children: [
-            /* @__PURE__ */ jsxDEV5("p", {
+            /* @__PURE__ */ jsx5("p", {
               className: "text-sm font-medium",
               children: labels.dropFile
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV5("p", {
+            }),
+            /* @__PURE__ */ jsx5("p", {
               className: "text-muted-foreground text-xs",
               children: labels.accepts(accept)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV5(Button, {
+        }),
+        /* @__PURE__ */ jsxs2(Button, {
           type: "button",
           variant: "outline",
           onClick: () => inputRef.current?.click(),
           children: [
-            /* @__PURE__ */ jsxDEV5(FileUp, {
+            /* @__PURE__ */ jsx5(FileUp, {
               "data-icon": "inline-start"
-            }, undefined, false, undefined, this),
+            }),
             labels.chooseFile
           ]
-        }, undefined, true, undefined, this),
+        }),
         input
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV5(Fragment, {
+  return /* @__PURE__ */ jsxs2(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV5(Attachment, {
+      /* @__PURE__ */ jsxs2(Attachment, {
         className: image ? "w-fit max-w-full" : "w-full",
         orientation: image ? "vertical" : "horizontal",
         state: invalid ? "error" : "done",
         children: [
-          /* @__PURE__ */ jsxDEV5(AttachmentMedia, {
+          /* @__PURE__ */ jsx5(AttachmentMedia, {
             variant: image ? "image" : "icon",
             className: image ? "aspect-auto w-full max-w-full [&_img]:aspect-auto! [&_img]:object-contain!" : undefined,
-            children: image && imageUrl ? /* @__PURE__ */ jsxDEV5("img", {
+            children: image && imageUrl ? /* @__PURE__ */ jsx5("img", {
               src: imageUrl,
               alt: image.alt,
               width: image.width,
               height: image.height,
               className: "h-auto max-w-full object-contain",
               style: { maxHeight: image.height }
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV5(FileIcon, {}, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(AttachmentContent, {
+            }) : /* @__PURE__ */ jsx5(FileIcon, {})
+          }),
+          /* @__PURE__ */ jsxs2(AttachmentContent, {
             className: image ? "w-full" : undefined,
             children: [
-              /* @__PURE__ */ jsxDEV5(AttachmentTitle, {
+              /* @__PURE__ */ jsx5(AttachmentTitle, {
                 children: title
-              }, undefined, false, undefined, this),
-              file ? /* @__PURE__ */ jsxDEV5(AttachmentDescription, {
+              }),
+              file ? /* @__PURE__ */ jsx5(AttachmentDescription, {
                 children: fileDescription(file)
-              }, undefined, false, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV5(AttachmentActions, {
+          }),
+          /* @__PURE__ */ jsxs2(AttachmentActions, {
             children: [
-              /* @__PURE__ */ jsxDEV5(AttachmentAction, {
+              /* @__PURE__ */ jsx5(AttachmentAction, {
                 type: "button",
                 "aria-label": labels.replaceFile,
                 onClick: () => inputRef.current?.click(),
-                children: /* @__PURE__ */ jsxDEV5(RefreshCw, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              canClear ? /* @__PURE__ */ jsxDEV5(AttachmentAction, {
+                children: /* @__PURE__ */ jsx5(RefreshCw, {})
+              }),
+              canClear ? /* @__PURE__ */ jsx5(AttachmentAction, {
                 type: "button",
                 "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
                 onClick: clear,
-                children: /* @__PURE__ */ jsxDEV5(Trash2, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this) : null
+                children: /* @__PURE__ */ jsx5(Trash2, {})
+              }) : null
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
+      }),
       input
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 
 // ../../src/components/ui/badge.tsx
@@ -1075,19 +1075,19 @@ function Badge({
 // ../../src/components/ui/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { CheckIcon } from "lucide-react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 "use client";
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV6(CheckboxPrimitive.Root, {
+  return /* @__PURE__ */ jsx6(CheckboxPrimitive.Root, {
     "data-slot": "checkbox",
     className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV6(CheckboxPrimitive.Indicator, {
+    children: /* @__PURE__ */ jsx6(CheckboxPrimitive.Indicator, {
       "data-slot": "checkbox-indicator",
       className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-      children: /* @__PURE__ */ jsxDEV6(CheckIcon, {}, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      children: /* @__PURE__ */ jsx6(CheckIcon, {})
+    })
+  });
 }
 
 // ../../src/components/ui/field.tsx
@@ -1095,47 +1095,47 @@ import { useMemo as useMemo2 } from "react";
 import { cva as cva4 } from "class-variance-authority";
 
 // ../../src/components/ui/label.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 "use client";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV7("label", {
+  return /* @__PURE__ */ jsx7("label", {
     "data-slot": "label",
     className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 
 // ../../src/components/ui/field.tsx
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV9("fieldset", {
+  return /* @__PURE__ */ jsx9("fieldset", {
     "data-slot": "field-set",
     className: cn("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV9("legend", {
+  return /* @__PURE__ */ jsx9("legend", {
     "data-slot": "field-legend",
     "data-variant": variant,
     className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsx9("div", {
     "data-slot": "field-group",
     className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var fieldVariants = cva4("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
   variants: {
@@ -1154,51 +1154,51 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsx9("div", {
     role: "group",
     "data-slot": "field",
     "data-orientation": orientation,
     className: cn(fieldVariants({ orientation }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV9(Label, {
+  return /* @__PURE__ */ jsx9(Label, {
     "data-slot": "field-label",
     className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV9("p", {
+  return /* @__PURE__ */ jsx9("p", {
     "data-slot": "field-description",
     className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { ChevronDownIcon, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Group, {
     "data-slot": "select-group",
     className: cn("scroll-my-1 p-1", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Value, {
     "data-slot": "select-value",
     className: cn("flex flex-1 text-left", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function SelectTrigger({
   className,
@@ -1206,20 +1206,20 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs4(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
     className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxDEV10(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsxDEV10(ChevronDownIcon, {
+      /* @__PURE__ */ jsx10(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx10(ChevronDownIcon, {
           className: "text-muted-foreground pointer-events-none size-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function SelectContent({
   className,
@@ -1231,86 +1231,86 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV10(SelectPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx10(SelectPrimitive.Positioner, {
       side,
       sideOffset,
       align,
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxDEV10(SelectPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs4(SelectPrimitive.Popup, {
         "data-slot": "select-content",
         "data-align-trigger": alignItemWithTrigger,
         className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxDEV10(SelectScrollUpButton, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(SelectPrimitive.List, {
+          /* @__PURE__ */ jsx10(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx10(SelectPrimitive.List, {
             children
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(SelectScrollDownButton, {}, undefined, false, undefined, this)
+          }),
+          /* @__PURE__ */ jsx10(SelectScrollDownButton, {})
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 function SelectItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxs4(SelectPrimitive.Item, {
     "data-slot": "select-item",
     className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV10(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsx10(SelectPrimitive.ItemText, {
         className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
         children
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsxDEV10("span", {
+      }),
+      /* @__PURE__ */ jsx10(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx10("span", {
           className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
-        }, undefined, false, undefined, this),
-        children: /* @__PURE__ */ jsxDEV10(CheckIcon2, {
+        }),
+        children: /* @__PURE__ */ jsx10(CheckIcon2, {
           className: "pointer-events-none"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.ScrollUpArrow, {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollUpArrow, {
     "data-slot": "select-scroll-up-button",
     className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV10(ChevronUpIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx10(ChevronUpIcon, {})
+  });
 }
 function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10(SelectPrimitive.ScrollDownArrow, {
+  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollDownArrow, {
     "data-slot": "select-scroll-down-button",
     className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
     ...props,
-    children: /* @__PURE__ */ jsxDEV10(ChevronDownIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx10(ChevronDownIcon, {})
+  });
 }
 
 // ../../src/components/ui/textarea.tsx
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV11("textarea", {
+  return /* @__PURE__ */ jsx11("textarea", {
     "data-slot": "textarea",
     className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
@@ -1325,14 +1325,14 @@ import {
 
 // ../../src/components/ui/input-group.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsx12("div", {
     "data-slot": "input-group",
     role: "group",
     className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var inputGroupAddonVariants = cva5("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
   variants: {
@@ -1360,15 +1360,15 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV12(Input, {
+  return /* @__PURE__ */ jsx12(Input, {
     "data-slot": "input-group-control",
     className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
   en: {
@@ -1431,19 +1431,19 @@ var VirtualizedComboboxList = ({
       virtualizer.measure();
   }, [virtualizer]);
   if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsxDEV13("div", {
+    return /* @__PURE__ */ jsx13("div", {
       className: "text-muted-foreground py-6 text-center text-sm",
       children: emptyLabel
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.List, {
+  return /* @__PURE__ */ jsx13(ComboboxPrimitive.List, {
     className: "scroll-py-1 overflow-auto overscroll-contain p-1",
     ref: handleScrollElementRef,
     style: {
       height: Math.min(virtualizer.getTotalSize() + 8, 288),
       maxHeight: "var(--available-height)"
     },
-    children: /* @__PURE__ */ jsxDEV13("div", {
+    children: /* @__PURE__ */ jsx13("div", {
       className: "relative w-full",
       role: "presentation",
       style: { height: virtualizer.getTotalSize() },
@@ -1456,18 +1456,18 @@ var VirtualizedComboboxList = ({
           transform: `translateY(${virtualItem.start}px)`
         };
         if (entry.kind === "group") {
-          return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Group, {
+          return /* @__PURE__ */ jsx13(ComboboxPrimitive.Group, {
             className: "contents",
-            children: /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.GroupLabel, {
+            children: /* @__PURE__ */ jsx13(ComboboxPrimitive.GroupLabel, {
               className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
               "data-index": virtualItem.index,
               ref: virtualizer.measureElement,
               style,
               children: entry.label
-            }, undefined, false, undefined, this)
-          }, entry.key, false, undefined, this);
+            })
+          }, entry.key);
         }
-        return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Item, {
+        return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Item, {
           "aria-posinset": entry.index + 1,
           "aria-setsize": filteredItems.length,
           className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
@@ -1477,19 +1477,19 @@ var VirtualizedComboboxList = ({
           style,
           value: entry.item,
           children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsxDEV13("span", {
+            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx13("span", {
               className: "min-w-0 truncate",
               children: entry.item.label
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.ItemIndicator, {
+            }),
+            /* @__PURE__ */ jsx13(ComboboxPrimitive.ItemIndicator, {
               className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsxDEV13(Check, {}, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
+              children: /* @__PURE__ */ jsx13(Check, {})
+            })
           ]
-        }, entry.item.value, true, undefined, this);
+        }, entry.item.value);
       })
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 var VirtualizedComboboxContent = ({
   contentClassName,
@@ -1501,39 +1501,39 @@ var VirtualizedComboboxContent = ({
   virtualizerRef
 }) => {
   const labels = virtualizedComboboxMessages(messageOverrides);
-  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx13(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx13(ComboboxPrimitive.Positioner, {
       align: "start",
       className: "isolate z-50",
       side: "bottom",
       sideOffset: 6,
-      children: /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs5(ComboboxPrimitive.Popup, {
         className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
         children: [
-          /* @__PURE__ */ jsxDEV13("div", {
+          /* @__PURE__ */ jsx13("div", {
             className: "min-w-0 p-1 pb-0",
-            children: /* @__PURE__ */ jsxDEV13(InputGroup, {
+            children: /* @__PURE__ */ jsx13(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
-              children: /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Input, {
+              children: /* @__PURE__ */ jsx13(ComboboxPrimitive.Input, {
                 placeholder: labels.search,
-                render: /* @__PURE__ */ jsxDEV13(InputGroupInput, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13(VirtualizedComboboxList, {
+                render: /* @__PURE__ */ jsx13(InputGroupInput, {})
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx13(VirtualizedComboboxList, {
             emptyLabel,
             groupSelections,
             messages: messageOverrides,
             renderItem,
             selectedValues,
             virtualizerRef
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 };
-var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxDEV13(Button, {
+var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxs5(Button, {
   "aria-label": ariaLabel,
   "aria-invalid": ariaInvalid,
   className: "w-full max-w-full min-w-0 justify-between overflow-hidden",
@@ -1542,15 +1542,15 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
   type: "button",
   variant: "outline",
   children: [
-    /* @__PURE__ */ jsxDEV13("span", {
+    /* @__PURE__ */ jsx13("span", {
       className: "min-w-0 truncate text-left",
       children: label
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV13(ChevronsUpDown, {
+    }),
+    /* @__PURE__ */ jsx13(ChevronsUpDown, {
       className: "text-muted-foreground shrink-0 opacity-70"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var selectedLabel = (value, placeholder) => {
   if (Array.isArray(value)) {
     return value.length > 0 ? value.map(({ label }) => label).join(", ") : placeholder;
@@ -1563,7 +1563,7 @@ var useComboboxVirtualizerRef = (providedRef) => {
 };
 var VirtualizedComboboxSingle = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
-  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Root, {
+  return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
     items: [...props.items],
@@ -1581,21 +1581,21 @@ var VirtualizedComboboxSingle = (props) => {
     value: props.value,
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Trigger, {
+      /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
         render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13(VirtualizedComboboxContent, {
+      }),
+      /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
         ...props,
         groupSelections: false,
         selectedValues: new Set(props.value ? [props.value.value] : []),
         virtualizerRef
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var VirtualizedComboboxMultiple = (props) => {
   const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
-  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Root, {
+  return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Root, {
     disabled: props.disabled,
     inputValue: props.searchValue,
     items: [...props.items],
@@ -1614,28 +1614,28 @@ var VirtualizedComboboxMultiple = (props) => {
     value: [...props.value],
     virtualized: true,
     children: [
-      /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Trigger, {
+      /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
         render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13(VirtualizedComboboxContent, {
+      }),
+      /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
         ...props,
         groupSelections: true,
         selectedValues: new Set(props.value.map(({ value }) => value)),
         virtualizerRef
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 function VirtualizedCombobox(props) {
-  return props.multiple ? /* @__PURE__ */ jsxDEV13(VirtualizedComboboxMultiple, {
+  return props.multiple ? /* @__PURE__ */ jsx13(VirtualizedComboboxMultiple, {
     ...props
-  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV13(VirtualizedComboboxSingle, {
+  }) : /* @__PURE__ */ jsx13(VirtualizedComboboxSingle, {
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/effect-form.tsx
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var messages3 = {
   en: {
     add: "Add",
@@ -1687,41 +1687,41 @@ var FieldWrapper = ({
   legend,
   locales: locales2,
   localized = true
-}) => /* @__PURE__ */ jsxDEV14(FieldSet, {
+}) => /* @__PURE__ */ jsxs6(FieldSet, {
   children: [
-    legend && /* @__PURE__ */ jsxDEV14(FieldLegend, {
+    legend && /* @__PURE__ */ jsxs6(FieldLegend, {
       className: "flex items-center gap-2",
       children: [
         legend,
-        localized && editingLocale && locales2 && /* @__PURE__ */ jsxDEV14(Badge, {
+        localized && editingLocale && locales2 && /* @__PURE__ */ jsxs6(Badge, {
           variant: "outline",
           children: [
-            /* @__PURE__ */ jsxDEV14(Languages, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx14(Languages, {}),
             locales2.find(({ value }) => value === editingLocale)?.label
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this),
-    description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+    }),
+    description && /* @__PURE__ */ jsx14(FieldDescription, {
       children: description
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(FieldGroup, {
+    }),
+    /* @__PURE__ */ jsx14(FieldGroup, {
       children
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
-var ErrorMessage = ({ text }) => /* @__PURE__ */ jsxDEV14("em", {
+});
+var ErrorMessage = ({ text }) => /* @__PURE__ */ jsx14("em", {
   role: "alert",
   className: "text-destructive text-sm",
   children: text
-}, undefined, false, undefined, this);
+});
 var SubmitError = ({
   result
 }) => {
   const message = AsyncResult.isFailure(result) ? Schema.isSchemaError(Cause.squash(result.cause)) ? undefined : getCauseErrorMessage(result.cause) : undefined;
-  return message ? /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+  return message ? /* @__PURE__ */ jsx14(ErrorMessage, {
     text: message
-  }, undefined, false, undefined, this) : null;
+  }) : null;
 };
 var SubmitButton = ({
   children,
@@ -1733,8 +1733,8 @@ var SubmitButton = ({
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
-  const hasPendingChanges = isDirty && (Option.isNone(lastSubmittedValues) || hasChangedSinceSubmit);
-  return /* @__PURE__ */ jsxDEV14(Button, {
+  const hasPendingChanges = Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit;
+  return /* @__PURE__ */ jsxs6(Button, {
     type: "button",
     disabled: !hasPendingChanges || submitResult.waiting,
     className: "self-start",
@@ -1743,42 +1743,42 @@ var SubmitButton = ({
       submit();
     },
     children: [
-      submitResult.waiting && /* @__PURE__ */ jsxDEV14(Loader2, {
+      submitResult.waiting && /* @__PURE__ */ jsx14(Loader2, {
         "data-icon": "inline-start",
         className: "animate-spin"
-      }, undefined, false, undefined, this),
+      }),
       children ?? effectFormMessages().submit
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var FieldError = ({
   error,
   message
 }) => Option.match(error, {
   onNone: () => null,
-  onSome: (errorMessage) => /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+  onSome: (errorMessage) => /* @__PURE__ */ jsx14(ErrorMessage, {
     text: message ?? errorMessage
-  }, undefined, false, undefined, this)
+  })
 });
 var TextField = ({
   field,
   props
 }) => {
   const { children, description, errorMessage, label, ...inputProps } = props;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.path,
             children: label
-          }, undefined, false, undefined, this),
+          }),
           children
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Input, {
+      }),
+      /* @__PURE__ */ jsx14(Input, {
         ...inputProps,
         id: field.path,
         name: field.path,
@@ -1786,46 +1786,46 @@ var TextField = ({
         onBlur: field.onBlur,
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
-      }, undefined, false, undefined, this),
-      description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error,
         message: errorMessage
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var NameField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(TextField, {
+}) => /* @__PURE__ */ jsx14(TextField, {
   field,
   props: {
     ...props,
     label: effectFormMessages().name,
     errorMessage: props.errorMessage ?? effectFormMessages().nameRequired
   }
-}, undefined, false, undefined, this);
+});
 var TextAreaField = ({ field, props }) => {
   const { children, description, label, ...textareaProps } = props;
   const nativeTextareaProps = { ...textareaProps };
   delete nativeTextareaProps.original;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.path,
             children: label
-          }, undefined, false, undefined, this),
+          }),
           children
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Textarea, {
+      }),
+      /* @__PURE__ */ jsx14(Textarea, {
         ...nativeTextareaProps,
         id: field.path,
         name: field.path,
@@ -1833,30 +1833,30 @@ var TextAreaField = ({ field, props }) => {
         onBlur: field.onBlur,
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
-      }, undefined, false, undefined, this),
-      description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
-var DescriptionField = ({ field, props }) => /* @__PURE__ */ jsxDEV14(TextAreaField, {
+var DescriptionField = ({ field, props }) => /* @__PURE__ */ jsx14(TextAreaField, {
   field,
   props: { ...props, label: effectFormMessages().description }
-}, undefined, false, undefined, this);
+});
 var FileField = ({ field, props }) => {
   const invalid = Option.isSome(field.error);
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.path,
         children: props.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FilePicker, {
+      }),
+      /* @__PURE__ */ jsx14(FilePicker, {
         accept: props.accept ?? "",
         canClear: field.value instanceof File,
         ...field.value ? { file: field.value } : {},
@@ -1874,34 +1874,34 @@ var FileField = ({ field, props }) => {
         },
         ...props.required === undefined ? {} : { required: props.required },
         title: field.value?.name ?? props.label
-      }, undefined, false, undefined, this),
-      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: props.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var NullableTextAreaField = ({ field, props }) => {
   const { children, description, label, ...textareaProps } = props;
   const nativeTextareaProps = { ...textareaProps };
   delete nativeTextareaProps.original;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.path,
             children: label
-          }, undefined, false, undefined, this),
+          }),
           children
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Textarea, {
+      }),
+      /* @__PURE__ */ jsx14(Textarea, {
         ...nativeTextareaProps,
         id: field.path,
         name: field.path,
@@ -1909,59 +1909,59 @@ var NullableTextAreaField = ({ field, props }) => {
         onBlur: field.onBlur,
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
-      }, undefined, false, undefined, this),
-      description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var CheckboxField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(Field, {
+}) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsxDEV14("div", {
+    /* @__PURE__ */ jsxs6("div", {
       className: "flex w-full flex-row items-center gap-2",
       children: [
-        /* @__PURE__ */ jsxDEV14(Checkbox, {
+        /* @__PURE__ */ jsx14(Checkbox, {
           id: field.path,
           name: field.path,
           checked: field.value,
           onBlur: field.onBlur,
           onCheckedChange: field.onChange,
           "aria-invalid": Option.isSome(field.error)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        }),
+        /* @__PURE__ */ jsx14(FieldLabel, {
           htmlFor: field.path,
           children: props.label
-        }, undefined, false, undefined, this),
+        }),
         props.children
       ]
-    }, undefined, true, undefined, this),
-    props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+    }),
+    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
       children: props.description
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(FieldError, {
+    }),
+    /* @__PURE__ */ jsx14(FieldError, {
       error: field.error
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var SelectField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(Field, {
+}) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsxDEV14(FieldLabel, {
+    /* @__PURE__ */ jsx14(FieldLabel, {
       htmlFor: field.path,
       children: props.label
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(Select, {
+    }),
+    /* @__PURE__ */ jsxs6(Select, {
       items: props.options,
       onValueChange: (value) => {
         if (value !== null)
@@ -1969,122 +1969,122 @@ var SelectField = ({
       },
       value: field.value,
       children: [
-        /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+        /* @__PURE__ */ jsx14(SelectTrigger, {
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+          children: /* @__PURE__ */ jsx14(SelectValue, {
             placeholder: props.placeholder
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV14(SelectContent, {
-          children: /* @__PURE__ */ jsxDEV14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsxDEV14(SelectItem, {
+          })
+        }),
+        /* @__PURE__ */ jsx14(SelectContent, {
+          children: /* @__PURE__ */ jsx14(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
               value: option.value,
               children: option.label
-            }, option.value, false, undefined, this))
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+            }, option.value))
+          })
+        })
       ]
-    }, undefined, true, undefined, this),
-    props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+    }),
+    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
       children: props.description
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(FieldError, {
+    }),
+    /* @__PURE__ */ jsx14(FieldError, {
       error: field.error
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var FolderField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(SelectField, {
+}) => /* @__PURE__ */ jsx14(SelectField, {
   field,
   props: { ...props, label: effectFormMessages().folder }
-}, undefined, false, undefined, this);
+});
 var MultiSelectField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(Field, {
+}) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsxDEV14(FieldLabel, {
+    /* @__PURE__ */ jsx14(FieldLabel, {
       htmlFor: field.path,
       children: props.label
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(Select, {
+    }),
+    /* @__PURE__ */ jsxs6(Select, {
       items: props.options,
       onValueChange: (value) => field.onChange(value ?? []),
       multiple: true,
       value: Array.from(field.value),
       children: [
-        /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+        /* @__PURE__ */ jsx14(SelectTrigger, {
           className: "gap-1",
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+          children: /* @__PURE__ */ jsx14(SelectValue, {
             placeholder: props.placeholder
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV14(SelectContent, {
-          children: /* @__PURE__ */ jsxDEV14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsxDEV14(SelectItem, {
+          })
+        }),
+        /* @__PURE__ */ jsx14(SelectContent, {
+          children: /* @__PURE__ */ jsx14(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
               value: option.value,
               children: option.label
-            }, option.value, false, undefined, this))
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+            }, option.value))
+          })
+        })
       ]
-    }, undefined, true, undefined, this),
-    props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+    }),
+    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
       children: props.description
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(FieldError, {
+    }),
+    /* @__PURE__ */ jsx14(FieldError, {
       error: field.error
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var NullableMultiSelectField = ({
   field,
   props
-}) => /* @__PURE__ */ jsxDEV14(Field, {
+}) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsxDEV14(FieldLabel, {
+    /* @__PURE__ */ jsx14(FieldLabel, {
       htmlFor: field.path,
       children: props.label
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(Select, {
+    }),
+    /* @__PURE__ */ jsxs6(Select, {
       items: props.options,
       onValueChange: (value) => field.onChange(value && value.length > 0 ? value : null),
       multiple: true,
       value: field.value ? Array.from(field.value) : [],
       children: [
-        /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+        /* @__PURE__ */ jsx14(SelectTrigger, {
           className: "gap-1",
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+          children: /* @__PURE__ */ jsx14(SelectValue, {
             placeholder: props.placeholder
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV14(SelectContent, {
-          children: /* @__PURE__ */ jsxDEV14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsxDEV14(SelectItem, {
+          })
+        }),
+        /* @__PURE__ */ jsx14(SelectContent, {
+          children: /* @__PURE__ */ jsx14(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
               value: option.value,
               children: option.label
-            }, option.value, false, undefined, this))
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+            }, option.value))
+          })
+        })
       ]
-    }, undefined, true, undefined, this),
-    props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+    }),
+    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
       children: props.description
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV14(FieldError, {
+    }),
+    /* @__PURE__ */ jsx14(FieldError, {
       error: field.error
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var getSearchableSelectItems = (values, initialItems, items) => {
   const itemsByValue = new Map([...initialItems, ...items].map((item) => [item.value, item]));
   const selectedItems = values.map((value) => itemsByValue.get(value) ?? { value, label: value });
@@ -2105,15 +2105,15 @@ var SearchableSelectField = ({
   const invalid = Option.isSome(field.error);
   const labels = virtualizedComboboxMessages(props.messages);
   const ariaLabel = typeof props.label === "string" ? props.label : labels.search;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.path,
         children: props.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+      }),
+      /* @__PURE__ */ jsx14(VirtualizedCombobox, {
         ariaInvalid: invalid,
         ariaLabel,
         emptyLabel: props.emptyLabel,
@@ -2127,15 +2127,15 @@ var SearchableSelectField = ({
         ...props.searchValue === undefined ? {} : { searchValue: props.searchValue },
         triggerId: field.path,
         value: selectedItems
-      }, undefined, false, undefined, this),
-      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: props.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var SingleSearchableSelectField = ({
   field,
@@ -2145,15 +2145,15 @@ var SingleSearchableSelectField = ({
   const invalid = Option.isSome(field.error);
   const labels = virtualizedComboboxMessages(props.messages);
   const ariaLabel = typeof props.label === "string" ? props.label : labels.search;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.path,
         children: props.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+      }),
+      /* @__PURE__ */ jsx14(VirtualizedCombobox, {
         ariaInvalid: invalid,
         ariaLabel,
         emptyLabel: props.emptyLabel,
@@ -2166,15 +2166,15 @@ var SingleSearchableSelectField = ({
         ...props.searchValue === undefined ? {} : { searchValue: props.searchValue },
         triggerId: field.path,
         value: selectedItems[0] ?? null
-      }, undefined, false, undefined, this),
-      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: props.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var NullableKeyValueField = ({
   field,
@@ -2182,16 +2182,16 @@ var NullableKeyValueField = ({
 }) => {
   const entries = Object.entries(field.value ?? {});
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         children: props.label
-      }, undefined, false, undefined, this),
-      entries.map(([key, value], index) => /* @__PURE__ */ jsxDEV14("div", {
+      }),
+      entries.map(([key, value], index) => /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(Input, {
+          /* @__PURE__ */ jsx14(Input, {
             id: `${field.path}-${index}-key`,
             name: `${field.path}.${index}.key`,
             type: "text",
@@ -2201,8 +2201,8 @@ var NullableKeyValueField = ({
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
             "aria-invalid": Option.isSome(field.error)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Input, {
+          }),
+          /* @__PURE__ */ jsx14(Input, {
             id: `${field.path}-${index}-value`,
             name: `${field.path}.${index}.value`,
             type: "text",
@@ -2212,40 +2212,40 @@ var NullableKeyValueField = ({
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, key, event.target.value)),
             "aria-invalid": Option.isSome(field.error)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Button, {
+          }),
+          /* @__PURE__ */ jsxs6(Button, {
             type: "button",
             variant: "secondary",
             onClick: () => field.onChange(Object.fromEntries(entries.filter((_, currentIndex) => currentIndex !== index))),
             children: [
-              /* @__PURE__ */ jsxDEV14(Trash, {
+              /* @__PURE__ */ jsx14(Trash, {
                 "data-icon": "inline-start"
-              }, undefined, false, undefined, this),
+              }),
               effectFormMessages().delete
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, index, true, undefined, this)),
-      /* @__PURE__ */ jsxDEV14(Button, {
+      }, index)),
+      /* @__PURE__ */ jsxs6(Button, {
         type: "button",
         size: "sm",
         className: "self-start",
         onClick: () => field.onChange({ ...field.value, "": "" }),
         children: [
-          /* @__PURE__ */ jsxDEV14(Plus, {
+          /* @__PURE__ */ jsx14(Plus, {
             "data-icon": "inline-start"
-          }, undefined, false, undefined, this),
+          }),
           effectFormMessages().add
         ]
-      }, undefined, true, undefined, this),
-      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: props.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var KeyValueField = ({
   field,
@@ -2253,16 +2253,16 @@ var KeyValueField = ({
 }) => {
   const entries = Object.entries(field.value);
   const updateEntry = (index, key, value) => Object.fromEntries(entries.map(([currentKey, currentValue], currentIndex) => currentIndex === index ? [key, value] : [currentKey, currentValue]));
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         children: props.label
-      }, undefined, false, undefined, this),
-      entries.map(([key, value], index) => /* @__PURE__ */ jsxDEV14("div", {
+      }),
+      entries.map(([key, value], index) => /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(Input, {
+          /* @__PURE__ */ jsx14(Input, {
             id: `${field.path}-${index}-key`,
             name: `${field.path}.${index}.key`,
             type: "text",
@@ -2272,8 +2272,8 @@ var KeyValueField = ({
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
             "aria-invalid": Option.isSome(field.error)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Input, {
+          }),
+          /* @__PURE__ */ jsx14(Input, {
             id: `${field.path}-${index}-value`,
             name: `${field.path}.${index}.value`,
             type: "text",
@@ -2283,65 +2283,65 @@ var KeyValueField = ({
             onBlur: field.onBlur,
             onChange: (event) => field.onChange(updateEntry(index, key, event.target.value)),
             "aria-invalid": Option.isSome(field.error)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Button, {
+          }),
+          /* @__PURE__ */ jsxs6(Button, {
             type: "button",
             variant: "secondary",
             onClick: () => field.onChange(Object.fromEntries(entries.filter((_, currentIndex) => currentIndex !== index))),
             children: [
-              /* @__PURE__ */ jsxDEV14(Trash, {
+              /* @__PURE__ */ jsx14(Trash, {
                 "data-icon": "inline-start"
-              }, undefined, false, undefined, this),
+              }),
               effectFormMessages().delete
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, index, true, undefined, this)),
-      /* @__PURE__ */ jsxDEV14(Button, {
+      }, index)),
+      /* @__PURE__ */ jsxs6(Button, {
         type: "button",
         size: "sm",
         className: "self-start",
         onClick: () => field.onChange({ ...field.value, "": "" }),
         children: [
-          /* @__PURE__ */ jsxDEV14(Plus, {
+          /* @__PURE__ */ jsx14(Plus, {
             "data-icon": "inline-start"
-          }, undefined, false, undefined, this),
+          }),
           effectFormMessages().add
         ]
-      }, undefined, true, undefined, this),
-      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
         children: props.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var RevertButton = ({
   field,
   props
-}) => field.value === props.original ? null : /* @__PURE__ */ jsxDEV14("div", {
+}) => field.value === props.original ? null : /* @__PURE__ */ jsx14("div", {
   className: "flex flex-1 justify-end",
-  children: /* @__PURE__ */ jsxDEV14(Button, {
+  children: /* @__PURE__ */ jsx14(Button, {
     type: "button",
     variant: "link",
     className: "-mr-4 h-auto py-0",
     onClick: () => field.onChange(props.original),
     children: effectFormMessages().revert
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this);
+  })
+});
 var ImageField = ({ field, props }) => {
   const imageUrl = typeof field.value === "string" ? field.value : undefined;
   const invalid = Option.isSome(field.error);
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.path,
         children: props.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FilePicker, {
+      }),
+      /* @__PURE__ */ jsx14(FilePicker, {
         accept: "image/*",
         onBlur: field.onBlur,
         canClear: Boolean(field.value),
@@ -2360,63 +2360,63 @@ var ImageField = ({ field, props }) => {
         onChange: field.onChange,
         onClear: () => field.onChange(null),
         title: field.value instanceof File ? field.value.name : props.label
-      }, undefined, false, undefined, this),
-      props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsx14(FieldDescription, {
         children: effectFormMessages().suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
-      }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }) : null,
+      /* @__PURE__ */ jsx14(FieldError, {
         error: field.error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
-var NavigationBlock = ({ shouldBlock }) => /* @__PURE__ */ jsxDEV14(Block, {
+var NavigationBlock = ({ shouldBlock }) => /* @__PURE__ */ jsx14(Block, {
   enableBeforeUnload: () => shouldBlock,
   shouldBlockFn: () => shouldBlock,
   withResolver: true,
-  children: ({ status, proceed, reset }) => /* @__PURE__ */ jsxDEV14(AlertDialog, {
+  children: ({ status, proceed, reset }) => /* @__PURE__ */ jsx14(AlertDialog, {
     open: status === "blocked",
-    children: /* @__PURE__ */ jsxDEV14(AlertDialogContent, {
+    children: /* @__PURE__ */ jsxs6(AlertDialogContent, {
       children: [
-        /* @__PURE__ */ jsxDEV14(AlertDialogHeader, {
+        /* @__PURE__ */ jsxs6(AlertDialogHeader, {
           children: [
-            /* @__PURE__ */ jsxDEV14(AlertDialogTitle, {
+            /* @__PURE__ */ jsx14(AlertDialogTitle, {
               children: effectFormMessages().blockNavigationTitle
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV14(AlertDialogDescription, {
+            }),
+            /* @__PURE__ */ jsx14(AlertDialogDescription, {
               children: effectFormMessages().blockNavigationDescription
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV14(AlertDialogFooter, {
+        }),
+        /* @__PURE__ */ jsxs6(AlertDialogFooter, {
           children: [
-            /* @__PURE__ */ jsxDEV14(AlertDialogCancel, {
+            /* @__PURE__ */ jsx14(AlertDialogCancel, {
               onClick: reset,
               children: effectFormMessages().blockNavigationCancel
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV14(AlertDialogAction, {
+            }),
+            /* @__PURE__ */ jsx14(AlertDialogAction, {
               onClick: proceed,
               children: effectFormMessages().blockNavigationConfirm
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this);
+    })
+  })
+});
 var FormBlockNavigation = ({ form }) => {
   const submitResult = useAtomValue(form.submit);
   const isDirty = useAtomValue(form.isDirty);
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
-  const shouldBlock = !submitResult.waiting && isDirty && (Option.isNone(lastSubmittedValues) || hasChangedSinceSubmit);
-  return /* @__PURE__ */ jsxDEV14(NavigationBlock, {
+  const shouldBlock = !submitResult.waiting && (Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit);
+  return /* @__PURE__ */ jsx14(NavigationBlock, {
     shouldBlock
-  }, undefined, false, undefined, this);
+  });
 };
-var BlockNavigation = ({ form }) => /* @__PURE__ */ jsxDEV14(FormBlockNavigation, {
+var BlockNavigation = ({ form }) => /* @__PURE__ */ jsx14(FormBlockNavigation, {
   form
-}, undefined, false, undefined, this);
+});
 export {
   effectFormMessages,
   TextField,