@krak-stack/registry 0.1.3 → 0.1.4

package/dist/components/ui/form.js

@@ -10,22 +10,22 @@ function cn(...inputs) {
 
 // ../../src/components/ui/select.tsx
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 "use client";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsx(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__ */ jsxDEV(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
     "data-slot": "select-value",
     className: cn("flex flex-1 text-left", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function SelectTrigger({
   className,
@@ -33,20 +33,20 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ jsxs(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__ */ jsxDEV(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsxDEV(ChevronDownIcon, {
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx(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,
@@ -58,76 +58,76 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, {
       side,
       sideOffset,
       align,
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Popup, {
+      children: /* @__PURE__ */ jsxs(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__ */ jsxDEV(SelectScrollUpButton, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(SelectPrimitive.List, {
+          /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx(SelectPrimitive.List, {
             children
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+          }),
+          /* @__PURE__ */ jsx(SelectScrollDownButton, {})
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 function SelectItem({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Item, {
+  return /* @__PURE__ */ jsxs(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__ */ jsxDEV(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, {
         className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
         children
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsxDEV("span", {
+      }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx("span", {
           className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
-        }, undefined, false, undefined, this),
-        children: /* @__PURE__ */ jsxDEV(CheckIcon, {
+        }),
+        children: /* @__PURE__ */ jsx(CheckIcon, {
           className: "pointer-events-none"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollUpArrow, {
+  return /* @__PURE__ */ jsx(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__ */ jsxDEV(ChevronUpIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+  });
 }
 function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(SelectPrimitive.ScrollDownArrow, {
+  return /* @__PURE__ */ jsx(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__ */ jsxDEV(ChevronDownIcon, {}, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+  });
 }
 
 // ../../src/components/ui/form.tsx
@@ -145,7 +145,7 @@ import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog
 // ../../src/components/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } 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: {
@@ -178,104 +178,104 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx2(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/alert-dialog.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 function AlertDialog({ ...props }) {
-  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Root, {
+  return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Root, {
     "data-slot": "alert-dialog",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Portal, {
+  return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Portal, {
     "data-slot": "alert-dialog-portal",
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Backdrop, {
+  return /* @__PURE__ */ jsx3(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__ */ jsxDEV3(AlertDialogPortal, {
+  return /* @__PURE__ */ jsxs2(AlertDialogPortal, {
     children: [
-      /* @__PURE__ */ jsxDEV3(AlertDialogOverlay, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Popup, {
+      /* @__PURE__ */ jsx3(AlertDialogOverlay, {}),
+      /* @__PURE__ */ jsx3(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__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("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__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("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__ */ jsxDEV3(AlertDialogPrimitive.Title, {
+  return /* @__PURE__ */ jsx3(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__ */ jsxDEV3(AlertDialogPrimitive.Description, {
+  return /* @__PURE__ */ jsx3(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__ */ jsxDEV3(Button, {
+  return /* @__PURE__ */ jsx3(Button, {
     "data-slot": "alert-dialog-action",
     className: cn(className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AlertDialogCancel({
   className,
@@ -283,45 +283,45 @@ function AlertDialogCancel({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Close, {
+  return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Close, {
     "data-slot": "alert-dialog-cancel",
     className: cn(className),
-    render: /* @__PURE__ */ jsxDEV3(Button, {
+    render: /* @__PURE__ */ jsx3(Button, {
       variant,
       size
-    }, undefined, false, undefined, this),
+    }),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 "use client";
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV4(CheckboxPrimitive.Root, {
+  return /* @__PURE__ */ jsx4(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__ */ jsxDEV4(CheckboxPrimitive.Indicator, {
+    children: /* @__PURE__ */ jsx4(CheckboxPrimitive.Indicator, {
       "data-slot": "checkbox-indicator",
       className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-      children: /* @__PURE__ */ jsxDEV4(CheckIcon2, {}, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      children: /* @__PURE__ */ jsx4(CheckIcon2, {})
+    })
+  });
 }
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsxDEV5(InputPrimitive, {
+  return /* @__PURE__ */ jsx5(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/components/ui/file-picker.tsx
@@ -337,7 +337,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 jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6 } 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: {
@@ -358,14 +358,14 @@ function Attachment({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("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: {
@@ -383,52 +383,52 @@ function AttachmentMedia({
   variant = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("div", {
     "data-slot": "attachment-media",
     "data-variant": variant,
     className: cn(attachmentMediaVariants({ variant }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("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__ */ jsxDEV6("span", {
+  return /* @__PURE__ */ jsx6("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__ */ jsxDEV6("span", {
+  return /* @__PURE__ */ jsx6("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__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("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,
@@ -436,20 +436,20 @@ function AttachmentAction({
   size = "icon-xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV6(Button, {
+  return /* @__PURE__ */ jsx6(Button, {
     "data-slot": "attachment-action",
     variant: variant ?? "ghost",
     size,
     className: cn(className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("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/paraglide/runtime.js
@@ -881,7 +881,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/file-picker.tsx
-import { jsxDEV as jsxDEV7, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
@@ -974,7 +974,7 @@ var FilePicker = ({
     if (inputRef.current)
       inputRef.current.value = "";
   };
-  const input = /* @__PURE__ */ jsxDEV7(Input, {
+  const input = /* @__PURE__ */ jsx7(Input, {
     ref: inputRef,
     className: "sr-only",
     id,
@@ -991,12 +991,12 @@ var FilePicker = ({
         event.target.value = "";
     },
     "aria-invalid": invalid
-  }, undefined, false, undefined, this);
+  });
   if (multiple) {
-    return /* @__PURE__ */ jsxDEV7("div", {
+    return /* @__PURE__ */ jsxs3("div", {
       className: "grid min-w-0 gap-3",
       children: [
-        /* @__PURE__ */ jsxDEV7("div", {
+        /* @__PURE__ */ jsxs3("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) => {
@@ -1015,69 +1015,69 @@ var FilePicker = ({
           onDragOver: (event) => event.preventDefault(),
           onDrop: handleDrop,
           children: [
-            /* @__PURE__ */ jsxDEV7(CloudUpload, {
+            /* @__PURE__ */ jsx7(CloudUpload, {
               className: "text-muted-foreground size-6"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV7("div", {
+            }),
+            /* @__PURE__ */ jsxs3("div", {
               className: "max-w-full min-w-0",
               children: [
-                /* @__PURE__ */ jsxDEV7("p", {
+                /* @__PURE__ */ jsx7("p", {
                   className: "text-sm font-medium",
                   children: labels.dropFiles
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV7("p", {
+                }),
+                /* @__PURE__ */ jsx7("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__ */ jsxDEV7(Button, {
+            }),
+            /* @__PURE__ */ jsxs3(Button, {
               type: "button",
               variant: "outline",
               onClick: () => inputRef.current?.click(),
               children: [
-                /* @__PURE__ */ jsxDEV7(FileUp, {
+                /* @__PURE__ */ jsx7(FileUp, {
                   "data-icon": "inline-start"
-                }, undefined, false, undefined, this),
+                }),
                 labels.chooseFiles
               ]
-            }, undefined, true, undefined, this),
+            }),
             input
           ]
-        }, undefined, true, undefined, this),
-        files.length > 0 ? /* @__PURE__ */ jsxDEV7(AttachmentGroup, {
-          children: files.map((selectedFile) => /* @__PURE__ */ jsxDEV7(Attachment, {
+        }),
+        files.length > 0 ? /* @__PURE__ */ jsx7(AttachmentGroup, {
+          children: files.map((selectedFile) => /* @__PURE__ */ jsxs3(Attachment, {
             state: invalid ? "error" : "idle",
             children: [
-              /* @__PURE__ */ jsxDEV7(AttachmentMedia, {
-                children: /* @__PURE__ */ jsxDEV7(FileIcon, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV7(AttachmentContent, {
+              /* @__PURE__ */ jsx7(AttachmentMedia, {
+                children: /* @__PURE__ */ jsx7(FileIcon, {})
+              }),
+              /* @__PURE__ */ jsxs3(AttachmentContent, {
                 children: [
-                  /* @__PURE__ */ jsxDEV7(AttachmentTitle, {
+                  /* @__PURE__ */ jsx7(AttachmentTitle, {
                     children: selectedFile.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV7(AttachmentDescription, {
+                  }),
+                  /* @__PURE__ */ jsx7(AttachmentDescription, {
                     children: fileDescription(selectedFile)
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV7(AttachmentActions, {
-                children: /* @__PURE__ */ jsxDEV7(AttachmentAction, {
+              }),
+              /* @__PURE__ */ jsx7(AttachmentActions, {
+                children: /* @__PURE__ */ jsx7(AttachmentAction, {
                   type: "button",
                   "aria-label": `${labels.deleteFile} ${selectedFile.name}`,
                   onClick: () => onFilesChange?.(files.filter((candidate) => candidate !== selectedFile)),
-                  children: /* @__PURE__ */ jsxDEV7(Trash2, {}, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                  children: /* @__PURE__ */ jsx7(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__ */ jsxDEV7("div", {
+    return /* @__PURE__ */ jsxs3("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) => {
@@ -1096,87 +1096,87 @@ var FilePicker = ({
       onDragOver: (event) => event.preventDefault(),
       onDrop: handleDrop,
       children: [
-        /* @__PURE__ */ jsxDEV7(CloudUpload, {
+        /* @__PURE__ */ jsx7(CloudUpload, {
           className: "text-muted-foreground size-6"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV7("div", {
+        }),
+        /* @__PURE__ */ jsxs3("div", {
           children: [
-            /* @__PURE__ */ jsxDEV7("p", {
+            /* @__PURE__ */ jsx7("p", {
               className: "text-sm font-medium",
               children: labels.dropFile
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV7("p", {
+            }),
+            /* @__PURE__ */ jsx7("p", {
               className: "text-muted-foreground text-xs",
               children: labels.accepts(accept)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV7(Button, {
+        }),
+        /* @__PURE__ */ jsxs3(Button, {
           type: "button",
           variant: "outline",
           onClick: () => inputRef.current?.click(),
           children: [
-            /* @__PURE__ */ jsxDEV7(FileUp, {
+            /* @__PURE__ */ jsx7(FileUp, {
               "data-icon": "inline-start"
-            }, undefined, false, undefined, this),
+            }),
             labels.chooseFile
           ]
-        }, undefined, true, undefined, this),
+        }),
         input
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV7(Fragment, {
+  return /* @__PURE__ */ jsxs3(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV7(Attachment, {
+      /* @__PURE__ */ jsxs3(Attachment, {
         className: image ? "w-fit max-w-full" : "w-full",
         orientation: image ? "vertical" : "horizontal",
         state: invalid ? "error" : "done",
         children: [
-          /* @__PURE__ */ jsxDEV7(AttachmentMedia, {
+          /* @__PURE__ */ jsx7(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__ */ jsxDEV7("img", {
+            children: image && imageUrl ? /* @__PURE__ */ jsx7("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__ */ jsxDEV7(FileIcon, {}, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(AttachmentContent, {
+            }) : /* @__PURE__ */ jsx7(FileIcon, {})
+          }),
+          /* @__PURE__ */ jsxs3(AttachmentContent, {
             className: image ? "w-full" : undefined,
             children: [
-              /* @__PURE__ */ jsxDEV7(AttachmentTitle, {
+              /* @__PURE__ */ jsx7(AttachmentTitle, {
                 children: title
-              }, undefined, false, undefined, this),
-              file ? /* @__PURE__ */ jsxDEV7(AttachmentDescription, {
+              }),
+              file ? /* @__PURE__ */ jsx7(AttachmentDescription, {
                 children: fileDescription(file)
-              }, undefined, false, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV7(AttachmentActions, {
+          }),
+          /* @__PURE__ */ jsxs3(AttachmentActions, {
             children: [
-              /* @__PURE__ */ jsxDEV7(AttachmentAction, {
+              /* @__PURE__ */ jsx7(AttachmentAction, {
                 type: "button",
                 "aria-label": labels.replaceFile,
                 onClick: () => inputRef.current?.click(),
-                children: /* @__PURE__ */ jsxDEV7(RefreshCw, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              canClear ? /* @__PURE__ */ jsxDEV7(AttachmentAction, {
+                children: /* @__PURE__ */ jsx7(RefreshCw, {})
+              }),
+              canClear ? /* @__PURE__ */ jsx7(AttachmentAction, {
                 type: "button",
                 "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
                 onClick: clear,
-                children: /* @__PURE__ */ jsxDEV7(Trash2, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this) : null
+                children: /* @__PURE__ */ jsx7(Trash2, {})
+              }) : null
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
+      }),
       input
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 
 // ../../src/components/ui/field.tsx
@@ -1184,47 +1184,47 @@ import { useMemo as useMemo2 } from "react";
 import { cva as cva3 } from "class-variance-authority";
 
 // ../../src/components/ui/label.tsx
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 "use client";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV8("label", {
+  return /* @__PURE__ */ jsx8("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 jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 
 // ../../src/components/ui/field.tsx
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV10("fieldset", {
+  return /* @__PURE__ */ jsx10("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__ */ jsxDEV10("legend", {
+  return /* @__PURE__ */ jsx10("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__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsx10("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 = cva3("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
   variants: {
@@ -1243,40 +1243,40 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsx10("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__ */ jsxDEV10(Label, {
+  return /* @__PURE__ */ jsx10(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__ */ jsxDEV10("p", {
+  return /* @__PURE__ */ jsx10("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/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/badge.tsx
@@ -1329,14 +1329,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: {
@@ -1364,15 +1364,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: {
@@ -1435,19 +1435,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() },
@@ -1460,18 +1460,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",
@@ -1481,19 +1481,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,
@@ -1505,39 +1505,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",
@@ -1546,15 +1546,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;
@@ -1567,7 +1567,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],
@@ -1585,21 +1585,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],
@@ -1618,28 +1618,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/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: {
     keyValueKey: "Key",
@@ -1677,14 +1677,14 @@ var formMessages = (overrides) => ({
   ...overrides
 });
 var ErrorMessage = ({ text }) => {
-  return /* @__PURE__ */ jsxDEV14("em", {
+  return /* @__PURE__ */ jsx14("em", {
     role: "alert",
     className: "text-destructive text-sm",
     children: text
-  }, undefined, false, undefined, this);
+  });
 };
 function FieldError({ errors = [] }) {
-  return errors?.length > 0 ? /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+  return errors?.length > 0 ? /* @__PURE__ */ jsx14(ErrorMessage, {
     text: errors.map((error) => {
       return error.message?.toString().split(" ").map((word) => {
         if (word.startsWith("t:"))
@@ -1692,7 +1692,7 @@ function FieldError({ errors = [] }) {
         return word;
       }).join(" ");
     }).join(", ")
-  }, undefined, false, undefined, this) : null;
+  }) : null;
 }
 var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
 var TextField = ({
@@ -1701,35 +1701,35 @@ var TextField = ({
 }) => {
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.name,
             children: props.label
-          }, undefined, false, undefined, this),
+          }),
           children
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Input, {
+      }),
+      /* @__PURE__ */ jsx14(Input, {
         id: field.name,
         value: field.state.value ?? "",
         onChange: (e) => field.handleChange(e.target.value),
         ...props,
         "aria-invalid": invalid
-      }, 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, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var TextAreaField = ({
   children,
@@ -1737,67 +1737,67 @@ var TextAreaField = ({
 }) => {
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.name,
             children: props.label
-          }, undefined, false, undefined, this),
+          }),
           children
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Textarea, {
+      }),
+      /* @__PURE__ */ jsx14(Textarea, {
         id: field.name,
         value: field.state.value ?? "",
         onChange: (e) => field.handleChange(e.target.value),
         ...props,
         "aria-invalid": invalid
-      }, 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, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var CheckboxField = (props) => {
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxDEV14(Checkbox, {
+          /* @__PURE__ */ jsx14(Checkbox, {
             id: field.name,
             name: field.name,
             checked: field.state.value ?? false,
             onBlur: field.handleBlur,
             onCheckedChange: (checked) => field.handleChange(checked),
             "aria-invalid": invalid
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+          }),
+          /* @__PURE__ */ jsx14(FieldLabel, {
             htmlFor: field.name,
             children: props.label
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, 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, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var SingleSelectControl = ({
   invalid,
@@ -1805,25 +1805,25 @@ var SingleSelectControl = ({
   placeholder
 }) => {
   const field = useFieldContext();
-  return /* @__PURE__ */ jsxDEV14(Select, {
+  return /* @__PURE__ */ jsxs6(Select, {
     items: [...options],
     required: true,
     onValueChange: (value) => field.handleChange(value ?? ""),
     defaultValue: field.state.value,
     children: [
-      /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+      /* @__PURE__ */ jsx14(SelectTrigger, {
         className: "gap-1",
         id: field.name,
         "aria-invalid": invalid,
-        children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+        children: /* @__PURE__ */ jsx14(SelectValue, {
           placeholder
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(SelectOptions, {
+        })
+      }),
+      /* @__PURE__ */ jsx14(SelectOptions, {
         options
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var MultipleSelectControl = ({
   invalid,
@@ -1831,36 +1831,36 @@ var MultipleSelectControl = ({
   placeholder
 }) => {
   const field = useFieldContext();
-  return /* @__PURE__ */ jsxDEV14(Select, {
+  return /* @__PURE__ */ jsxs6(Select, {
     items: [...options],
     onValueChange: (value) => field.handleChange(value ?? []),
     multiple: true,
     value: field.state.value ?? [],
     children: [
-      /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+      /* @__PURE__ */ jsx14(SelectTrigger, {
         className: "gap-1",
         id: field.name,
         "aria-invalid": invalid,
-        children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+        children: /* @__PURE__ */ jsx14(SelectValue, {
           placeholder
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(SelectOptions, {
+        })
+      }),
+      /* @__PURE__ */ jsx14(SelectOptions, {
         options
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var SelectOptions = ({
   options
-}) => /* @__PURE__ */ jsxDEV14(SelectContent, {
-  children: /* @__PURE__ */ jsxDEV14(SelectGroup, {
-    children: options.map((option) => /* @__PURE__ */ jsxDEV14(SelectItem, {
+}) => /* @__PURE__ */ jsx14(SelectContent, {
+  children: /* @__PURE__ */ jsx14(SelectGroup, {
+    children: options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
       value: option.value,
       children: option.label
-    }, option.label, false, undefined, this))
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this);
+    }, option.label))
+  })
+});
 var SelectField = ({
   description,
   label,
@@ -1870,30 +1870,30 @@ var SelectField = ({
 }) => {
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.name,
         children: label
-      }, undefined, false, undefined, this),
-      multiple ? /* @__PURE__ */ jsxDEV14(MultipleSelectControl, {
+      }),
+      multiple ? /* @__PURE__ */ jsx14(MultipleSelectControl, {
         invalid,
         options,
         placeholder
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14(SingleSelectControl, {
+      }) : /* @__PURE__ */ jsx14(SingleSelectControl, {
         invalid,
         options,
         placeholder
-      }, undefined, false, undefined, this),
-      description ? /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      description ? /* @__PURE__ */ jsx14(FieldDescription, {
         children: description
-      }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }) : null,
+      /* @__PURE__ */ jsx14(FieldError, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var KeyValueField = (props) => {
   const labels = formMessages(props.messages);
@@ -1916,17 +1916,17 @@ var KeyValueField = (props) => {
       return true;
     }));
   };
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.name,
         children: props.label
-      }, undefined, false, undefined, this),
-      keyValues.map(([key, value], index) => /* @__PURE__ */ jsxDEV14("div", {
+      }),
+      keyValues.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.name,
             placeholder: labels.keyValueKey,
             name: field.name,
@@ -1936,8 +1936,8 @@ var KeyValueField = (props) => {
             onChange: (e) => {
               field.handleChange(updateKeyValue(e.target.value, value, index));
             }
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Input, {
+          }),
+          /* @__PURE__ */ jsx14(Input, {
             id: field.name,
             name: field.name,
             type: "text",
@@ -1947,8 +1947,8 @@ var KeyValueField = (props) => {
             onChange: (e) => {
               field.handleChange(updateKeyValue(key, e.target.value, index));
             }
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(Button, {
+          }),
+          /* @__PURE__ */ jsxs6(Button, {
             type: "button",
             variant: "secondary",
             onClick: (e) => {
@@ -1956,15 +1956,15 @@ var KeyValueField = (props) => {
               field.handleChange(deleteKeyValue(index));
             },
             children: [
-              /* @__PURE__ */ jsxDEV14(Trash, {}, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx14(Trash, {}),
               labels.keyValueDelete
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, index, true, undefined, this)),
-      /* @__PURE__ */ jsxDEV14("div", {
+      }, index)),
+      /* @__PURE__ */ jsx14("div", {
         className: "flex flex-row items-center gap-2",
-        children: /* @__PURE__ */ jsxDEV14(Button, {
+        children: /* @__PURE__ */ jsxs6(Button, {
           size: "sm",
           className: "mt-2",
           onClick: (e) => {
@@ -1975,24 +1975,24 @@ var KeyValueField = (props) => {
             });
           },
           children: [
-            /* @__PURE__ */ jsxDEV14(Plus, {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx14(Plus, {}),
             labels.keyValueAdd
           ]
-        }, undefined, true, undefined, this)
-      }, 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, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
-var MultiSelectField = (props) => /* @__PURE__ */ jsxDEV14(SelectField, {
+var MultiSelectField = (props) => /* @__PURE__ */ jsx14(SelectField, {
   ...props,
   multiple: true
-}, undefined, false, 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 });
@@ -2020,7 +2020,7 @@ var SingleSearchableSelectControl = ({
 }) => {
   const field = useFieldContext();
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ? [field.state.value] : [], initialItems, items);
-  return /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+  return /* @__PURE__ */ jsx14(VirtualizedCombobox, {
     ariaInvalid: invalid,
     ariaLabel,
     emptyLabel,
@@ -2033,7 +2033,7 @@ var SingleSearchableSelectControl = ({
     ...onSearchValueChange ? { onSearchValueChange } : {},
     ...renderItem ? { renderItem } : {},
     ...searchValue === undefined ? {} : { searchValue }
-  }, undefined, false, undefined, this);
+  });
 };
 var MultipleSearchableSelectControl = ({
   ariaLabel,
@@ -2050,7 +2050,7 @@ var MultipleSearchableSelectControl = ({
 }) => {
   const field = useFieldContext();
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ?? [], initialItems, items);
-  return /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+  return /* @__PURE__ */ jsx14(VirtualizedCombobox, {
     ariaInvalid: invalid,
     ariaLabel,
     emptyLabel,
@@ -2064,7 +2064,7 @@ var MultipleSearchableSelectControl = ({
     ...onSearchValueChange ? { onSearchValueChange } : {},
     ...renderItem ? { renderItem } : {},
     ...searchValue === undefined ? {} : { searchValue }
-  }, undefined, false, undefined, this);
+  });
 };
 var SearchableSelectField = ({
   description,
@@ -2082,27 +2082,27 @@ var SearchableSelectField = ({
     invalid,
     name: field.name
   };
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.name,
         children: label
-      }, undefined, false, undefined, this),
-      multiple ? /* @__PURE__ */ jsxDEV14(MultipleSearchableSelectControl, {
+      }),
+      multiple ? /* @__PURE__ */ jsx14(MultipleSearchableSelectControl, {
         ...controlProps
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14(SingleSearchableSelectControl, {
+      }) : /* @__PURE__ */ jsx14(SingleSearchableSelectControl, {
         ...controlProps
-      }, undefined, false, undefined, this),
-      description ? /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      description ? /* @__PURE__ */ jsx14(FieldDescription, {
         children: description
-      }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }) : null,
+      /* @__PURE__ */ jsx14(FieldError, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var FileField = ({
   label,
@@ -2114,14 +2114,14 @@ var FileField = ({
   const labels = formMessages(messages4);
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.name,
         children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FilePicker, {
+      }),
+      /* @__PURE__ */ jsx14(FilePicker, {
         accept,
         canClear: field.state.value instanceof File,
         ...field.state.value instanceof File ? { file: field.state.value } : {},
@@ -2140,12 +2140,12 @@ var FileField = ({
         },
         required,
         title: field.state.value instanceof File ? field.state.value.name : label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var ImageField = ({
   label,
@@ -2156,14 +2156,14 @@ var ImageField = ({
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
   const imageUrl = typeof field.state.value === "string" ? field.state.value : undefined;
-  return /* @__PURE__ */ jsxDEV14(Field, {
+  return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+      /* @__PURE__ */ jsx14(FieldLabel, {
         htmlFor: field.name,
         children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FilePicker, {
+      }),
+      /* @__PURE__ */ jsx14(FilePicker, {
         accept: "image/*",
         canClear: Boolean(field.state.value),
         ...field.state.value instanceof File ? { file: field.state.value } : {},
@@ -2181,15 +2181,15 @@ var ImageField = ({
         onChange: field.handleChange,
         onClear: () => field.handleChange(null),
         title: field.state.value instanceof File ? field.state.value.name : label
-      }, undefined, false, undefined, this),
-      size.suggestedWidth && size.suggestedHeight && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+      }),
+      size.suggestedWidth && size.suggestedHeight && /* @__PURE__ */ jsx14(FieldDescription, {
         children: labels.suggestedImageSize(String(size.suggestedWidth), String(size.suggestedHeight))
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FieldError, {
+      }),
+      /* @__PURE__ */ jsx14(FieldError, {
         errors: field.getMeta().errors
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var BlockNavigation = ({
   messages: messages4
@@ -2197,40 +2197,40 @@ var BlockNavigation = ({
   const labels = formMessages(messages4);
   const form = useFormContext();
   const shouldBlock = useStore(form.store, (formState) => formState.isDirty && !(formState.isSubmitting || formState.isSubmitted));
-  return /* @__PURE__ */ jsxDEV14(Block, {
+  return /* @__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: labels.blockNavigationTitle
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14(AlertDialogDescription, {
+              }),
+              /* @__PURE__ */ jsx14(AlertDialogDescription, {
                 children: labels.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: labels.blockNavigationCancel
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV14(AlertDialogAction, {
+              }),
+              /* @__PURE__ */ jsx14(AlertDialogAction, {
                 onClick: proceed,
                 children: labels.blockNavigationConfirm
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 };
 var SubmitButton = ({
   children,
@@ -2238,20 +2238,20 @@ var SubmitButton = ({
 }) => {
   const labels = formMessages(messages4);
   const form = useFormContext();
-  return /* @__PURE__ */ jsxDEV14(form.Subscribe, {
+  return /* @__PURE__ */ jsx14(form.Subscribe, {
     selector: (formState) => [formState.isSubmitting],
-    children: ([isSubmitting]) => /* @__PURE__ */ jsxDEV14(Button, {
+    children: ([isSubmitting]) => /* @__PURE__ */ jsxs6(Button, {
       type: "submit",
       disabled: isSubmitting,
       className: "self-start",
       children: [
-        isSubmitting && /* @__PURE__ */ jsxDEV14(Loader2, {
+        isSubmitting && /* @__PURE__ */ jsx14(Loader2, {
           className: "animate-spin"
-        }, undefined, false, undefined, this),
+        }),
         children ?? labels.submit
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 var getFormErrorText = (error) => {
   if (!error)
@@ -2264,12 +2264,12 @@ var getFormErrorText = (error) => {
 };
 var FormError = () => {
   const form = useFormContext();
-  return /* @__PURE__ */ jsxDEV14(form.Subscribe, {
+  return /* @__PURE__ */ jsx14(form.Subscribe, {
     selector: (formState) => getFormErrorText(formState.errorMap.onSubmit),
-    children: (error) => error ? /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+    children: (error) => error ? /* @__PURE__ */ jsx14(ErrorMessage, {
       text: error
-    }, undefined, false, undefined, this) : null
-  }, undefined, false, undefined, this);
+    }) : null
+  });
 };
 var FieldWrapper = ({
   children,
@@ -2279,29 +2279,29 @@ var FieldWrapper = ({
   locales: locales2,
   editingLocale
 }) => {
-  return /* @__PURE__ */ jsxDEV14(FieldSet, {
+  return /* @__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((l) => l.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 RevertButton = ({
   messages: messages4,
@@ -2310,15 +2310,15 @@ var RevertButton = ({
   const labels = formMessages(messages4);
   const field = useFieldContext();
   if (field.state.value !== original) {
-    return /* @__PURE__ */ jsxDEV14("div", {
+    return /* @__PURE__ */ jsx14("div", {
       className: "flex flex-1 justify-end",
-      children: /* @__PURE__ */ jsxDEV14(Button, {
+      children: /* @__PURE__ */ jsx14(Button, {
         variant: "link",
         className: "-mr-4 h-auto py-0",
         onClick: () => field.handleChange(original),
         children: labels.revert
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
 };
 var { useAppForm, withForm, withFieldGroup } = createFormHook({