@krak-stack/registry 0.1.0

package/dist/components/ui/form.js

@@ -0,0 +1,2245 @@
+// ../../src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+
+// ../../src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../../src/components/ui/select.tsx
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var Select = SelectPrimitive.Root;
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV(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, {
+    "data-slot": "select-value",
+    className: cn("flex flex-1 text-left", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(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, {
+          className: "text-muted-foreground pointer-events-none size-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV(SelectPrimitive.Positioner, {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV(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, {
+            children
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(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, {
+        className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+        children
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsxDEV("span", {
+          className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
+        }, undefined, false, undefined, this),
+        children: /* @__PURE__ */ jsxDEV(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, {
+    "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);
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(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);
+}
+
+// ../../src/components/ui/form.tsx
+import {
+  createFormHook,
+  createFormHookContexts,
+  useStore
+} from "@tanstack/react-form";
+import { Block } from "@tanstack/react-router";
+import { Loader2, Plus, Trash, Languages } from "lucide-react";
+
+// ../../src/components/ui/alert-dialog.tsx
+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";
+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: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+      lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+      icon: "size-9",
+      "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV2(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";
+"use client";
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Root, {
+    "data-slot": "alert-dialog",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Portal, {
+    "data-slot": "alert-dialog-portal",
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV3(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, {
+    children: [
+      /* @__PURE__ */ jsxDEV3(AlertDialogOverlay, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(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", {
+    "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", {
+    "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, {
+    "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, {
+    "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, {
+    "data-slot": "alert-dialog-action",
+    className: cn(className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV3(AlertDialogPrimitive.Close, {
+    "data-slot": "alert-dialog-cancel",
+    className: cn(className),
+    render: /* @__PURE__ */ jsxDEV3(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";
+"use client";
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4(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, {
+      "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);
+}
+
+// ../../src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxDEV5(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
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { CloudUpload, FileIcon, FileUp, RefreshCw, Trash2 } from "lucide-react";
+
+// ../../src/components/ui/attachment.tsx
+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";
+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: {
+      default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+      sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+      xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+    },
+    orientation: {
+      horizontal: "min-w-40 items-center",
+      vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+    }
+  }
+});
+function Attachment({
+  className,
+  state = "done",
+  size = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6("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: {
+    variant: {
+      icon: "",
+      image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "icon"
+  }
+});
+function AttachmentMedia({
+  className,
+  variant = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6("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", {
+    "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", {
+    "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", {
+    "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", {
+    "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,
+  variant,
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV6(Button, {
+    "data-slot": "attachment-action",
+    variant: variant ?? "ghost",
+    size,
+    className: cn(className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/paraglide/runtime.js
+import"@inlang/paraglide-js/urlpattern-polyfill";
+var baseLocale = "en";
+var locales = ["en", "fr"];
+var cookieName = "locale";
+var cookieMaxAge = 34560000;
+var cookieDomain = "";
+var localStorageKey = "PARAGLIDE_LOCALE";
+var strategy = [
+  "url",
+  "cookie",
+  "preferredLanguage",
+  "baseLocale"
+];
+var routeStrategies = [
+  {
+    match: "/api/:path(.*)?",
+    exclude: true
+  }
+];
+var urlPatterns = [
+  {
+    pattern: "/:path(.*)?",
+    localized: [
+      [
+        "en",
+        "/en/:path(.*)?"
+      ],
+      [
+        "fr",
+        "/fr/:path(.*)?"
+      ]
+    ]
+  }
+];
+var cachedRouteStrategyUrl;
+var cachedRouteStrategy;
+function findMatchingRouteStrategy(url) {
+  if (routeStrategies.length === 0) {
+    return;
+  }
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedRouteStrategyUrl === urlString) {
+    return cachedRouteStrategy;
+  }
+  const urlObject = new URL(urlString, "http://dummy.com");
+  let match;
+  for (const routeStrategy of routeStrategies) {
+    const pattern = new URLPattern(routeStrategy.match, urlObject.href);
+    if (pattern.exec(urlObject.href)) {
+      match = routeStrategy;
+      break;
+    }
+  }
+  cachedRouteStrategyUrl = urlString;
+  cachedRouteStrategy = match;
+  return match;
+}
+function getStrategyForUrl(url) {
+  const routeStrategy = findMatchingRouteStrategy(url);
+  if (routeStrategy && routeStrategy.exclude !== true && Array.isArray(routeStrategy.strategy)) {
+    return routeStrategy.strategy;
+  }
+  return strategy;
+}
+var serverAsyncLocalStorage = undefined;
+var isServer = import.meta.env?.SSR ?? typeof window === "undefined";
+var experimentalStaticLocale = undefined;
+var TREE_SHAKE_COOKIE_STRATEGY_USED = true;
+var TREE_SHAKE_URL_STRATEGY_USED = true;
+var TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED = false;
+var TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED = true;
+var TREE_SHAKE_DEFAULT_URL_PATTERN_USED = false;
+var TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED = false;
+globalThis.__paraglide = globalThis.__paraglide ?? {};
+globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
+var _locale;
+var localeInitiallySet = false;
+var getLocale = () => {
+  if (experimentalStaticLocale !== undefined) {
+    return experimentalStaticLocale;
+  }
+  if (serverAsyncLocalStorage) {
+    const locale = serverAsyncLocalStorage?.getStore()?.locale;
+    if (locale) {
+      return locale;
+    }
+  }
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  const resolved = resolveLocaleWithStrategies(strategyToUse, typeof window !== "undefined" ? window.location?.href : undefined);
+  if (resolved) {
+    if (!localeInitiallySet) {
+      _locale = resolved;
+      localeInitiallySet = true;
+      setLocale(resolved, { reload: false });
+    }
+    return resolved;
+  }
+  throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
+};
+function resolveLocaleWithStrategies(strategyToUse, urlForUrlStrategy) {
+  let locale;
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      locale = extractLocaleFromCookie();
+    } else if (strat === "baseLocale") {
+      locale = baseLocale;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && !isServer && typeof urlForUrlStrategy === "string") {
+      locale = extractLocaleFromUrl(urlForUrlStrategy);
+    } else if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable" && _locale !== undefined) {
+      locale = _locale;
+    } else if (TREE_SHAKE_PREFERRED_LANGUAGE_STRATEGY_USED && strat === "preferredLanguage" && !isServer) {
+      locale = extractLocaleFromNavigator();
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && !isServer) {
+      locale = localStorage.getItem(localStorageKey) ?? undefined;
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        const result = handler.getLocale();
+        if (result instanceof Promise) {
+          continue;
+        }
+        if (result !== undefined) {
+          return assertIsLocale(result);
+        }
+      }
+    }
+    const matchedLocale = toLocale(locale);
+    if (matchedLocale) {
+      return matchedLocale;
+    }
+  }
+  return;
+}
+var rtlLanguages = new Set([
+  "ar",
+  "dv",
+  "fa",
+  "he",
+  "ks",
+  "ku",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+var navigateOrReload = (newLocation) => {
+  if (newLocation) {
+    window.location.href = newLocation;
+  } else {
+    window.location.reload();
+  }
+};
+var setLocale = (newLocale, options) => {
+  const optionsWithDefaults = {
+    reload: true,
+    ...options
+  };
+  let currentLocale;
+  try {
+    currentLocale = getLocale();
+  } catch {}
+  const customSetLocalePromises = [];
+  let newLocation = undefined;
+  let strategyToUse = strategy;
+  if (!isServer && typeof window !== "undefined" && window.location?.href) {
+    strategyToUse = getStrategyForUrl(window.location.href);
+  }
+  for (const strat of strategyToUse) {
+    if (TREE_SHAKE_GLOBAL_VARIABLE_STRATEGY_USED && strat === "globalVariable") {
+      _locale = newLocale;
+    } else if (TREE_SHAKE_COOKIE_STRATEGY_USED && strat === "cookie") {
+      if (isServer || typeof document === "undefined" || typeof window === "undefined") {
+        continue;
+      }
+      const cookieString = `${cookieName}=${newLocale}; path=/; max-age=${cookieMaxAge}`;
+      document.cookie = cookieDomain ? `${cookieString}; domain=${cookieDomain}` : cookieString;
+    } else if (strat === "baseLocale") {
+      continue;
+    } else if (TREE_SHAKE_URL_STRATEGY_USED && strat === "url" && typeof window !== "undefined") {
+      newLocation = localizeUrl(window.location.href, {
+        locale: newLocale
+      }).href;
+    } else if (TREE_SHAKE_LOCAL_STORAGE_STRATEGY_USED && strat === "localStorage" && typeof window !== "undefined") {
+      localStorage.setItem(localStorageKey, newLocale);
+    } else if (isCustomStrategy(strat) && customClientStrategies.has(strat)) {
+      const handler = customClientStrategies.get(strat);
+      if (handler) {
+        let result = handler.setLocale(newLocale);
+        if (result instanceof Promise) {
+          result = result.catch((error) => {
+            throw new Error(`Custom strategy "${strat}" setLocale failed.`, {
+              cause: error
+            });
+          });
+          customSetLocalePromises.push(result);
+        }
+      }
+    }
+  }
+  const runReload = () => {
+    if (!isServer && optionsWithDefaults.reload && window.location && newLocale !== currentLocale) {
+      navigateOrReload(newLocation);
+    }
+  };
+  if (customSetLocalePromises.length) {
+    return Promise.all(customSetLocalePromises).then(() => {
+      runReload();
+    });
+  }
+  runReload();
+  return;
+};
+var getUrlOrigin = () => {
+  if (serverAsyncLocalStorage) {
+    return serverAsyncLocalStorage.getStore()?.origin ?? "http://fallback.com";
+  } else if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  return "http://fallback.com";
+};
+function toLocale(value) {
+  if (typeof value !== "string") {
+    return;
+  }
+  const lowerValue = value.toLowerCase();
+  for (const locale of locales) {
+    if (locale.toLowerCase() === lowerValue) {
+      return locale;
+    }
+  }
+  return;
+}
+function assertIsLocale(input) {
+  const locale = toLocale(input);
+  if (locale)
+    return locale;
+  throw new Error(`Invalid locale: ${input}. Expected one of: ${locales.join(", ")}`);
+}
+function extractLocaleFromCookie() {
+  if (typeof document === "undefined" || !document.cookie) {
+    return;
+  }
+  const match = document.cookie.match(new RegExp(`(^| )${cookieName}=([^;]+)`));
+  const locale = match?.[2];
+  return toLocale(locale);
+}
+function extractLocaleFromNavigator() {
+  if (!navigator?.languages?.length) {
+    return;
+  }
+  const languages = navigator.languages.map((lang) => ({
+    fullTag: lang,
+    baseTag: lang.split("-")[0]
+  }));
+  for (const lang of languages) {
+    const fullLocale = toLocale(lang.fullTag);
+    if (fullLocale) {
+      return fullLocale;
+    }
+    const baseLocale2 = toLocale(lang.baseTag);
+    if (baseLocale2) {
+      return baseLocale2;
+    }
+  }
+  return;
+}
+var cachedUrl;
+var cachedLocale;
+function extractLocaleFromUrl(url) {
+  const urlString = typeof url === "string" ? url : url.href;
+  if (cachedUrl === urlString) {
+    return cachedLocale;
+  }
+  let result;
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    result = defaultUrlPatternExtractLocale(url);
+  } else {
+    const urlObj = typeof url === "string" ? new URL(url) : url;
+    for (const element of urlPatterns) {
+      for (const [locale, localizedPattern] of element.localized) {
+        const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+        if (match) {
+          result = locale;
+          break;
+        }
+      }
+      if (result)
+        break;
+    }
+  }
+  cachedUrl = urlString;
+  cachedLocale = result;
+  return result;
+}
+function defaultUrlPatternExtractLocale(url) {
+  const urlObj = new URL(url, "http://dummy.com");
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  return toLocale(pathSegments[0]) || baseLocale;
+}
+function localizeUrl(url, options) {
+  const targetLocale = options?.locale ? assertIsLocale(options?.locale) : getLocale();
+  if (TREE_SHAKE_DEFAULT_URL_PATTERN_USED) {
+    return localizeUrlDefaultPattern(url, targetLocale);
+  }
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  for (const element of urlPatterns) {
+    for (const [, localizedPattern] of element.localized) {
+      const match = new URLPattern(localizedPattern, urlObj.href).exec(urlObj.href);
+      if (!match) {
+        continue;
+      }
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (!targetPattern) {
+        continue;
+      }
+      const localizedUrl = fillPattern(targetPattern, aggregateGroups(match), urlObj.origin);
+      return fillMissingUrlParts(localizedUrl, match);
+    }
+    const unlocalizedMatch = new URLPattern(element.pattern, urlObj.href).exec(urlObj.href);
+    if (unlocalizedMatch) {
+      const targetPattern = element.localized.find(([locale]) => locale === targetLocale)?.[1];
+      if (targetPattern) {
+        const localizedUrl = fillPattern(targetPattern, aggregateGroups(unlocalizedMatch), urlObj.origin);
+        return fillMissingUrlParts(localizedUrl, unlocalizedMatch);
+      }
+    }
+  }
+  return urlObj;
+}
+function localizeUrlDefaultPattern(url, locale) {
+  const urlObj = typeof url === "string" ? new URL(url, getUrlOrigin()) : new URL(url);
+  const currentLocale = extractLocaleFromUrl(urlObj);
+  if (currentLocale === locale) {
+    return urlObj;
+  }
+  const pathSegments = urlObj.pathname.split("/").filter(Boolean);
+  if (pathSegments.length > 0 && toLocale(pathSegments[0])) {
+    pathSegments.shift();
+  }
+  if (locale === baseLocale) {
+    urlObj.pathname = "/" + pathSegments.join("/");
+  } else {
+    urlObj.pathname = "/" + locale + "/" + pathSegments.join("/");
+  }
+  return urlObj;
+}
+function fillMissingUrlParts(url, match) {
+  if (match.protocol.groups["0"]) {
+    url.protocol = match.protocol.groups["0"] ?? "";
+  }
+  if (match.hostname.groups["0"]) {
+    url.hostname = match.hostname.groups["0"] ?? "";
+  }
+  if (match.username.groups["0"]) {
+    url.username = match.username.groups["0"] ?? "";
+  }
+  if (match.password.groups["0"]) {
+    url.password = match.password.groups["0"] ?? "";
+  }
+  if (match.port.groups["0"]) {
+    url.port = match.port.groups["0"] ?? "";
+  }
+  if (match.pathname.groups["0"]) {
+    url.pathname = match.pathname.groups["0"] ?? "";
+  }
+  if (match.search.groups["0"]) {
+    url.search = match.search.groups["0"] ?? "";
+  }
+  if (match.hash.groups["0"]) {
+    url.hash = match.hash.groups["0"] ?? "";
+  }
+  return url;
+}
+function fillPattern(pattern, values, origin) {
+  let processedPattern = pattern.replace(/(https?:\/\/[^:/]+):(\d+)(\/|$)/g, (_, protocol, port, slash) => {
+    return `${protocol}#PORT-${port}#${slash}`;
+  });
+  let processedGroupDelimiters = processedPattern.replace(/\{([^{}]*)\}([?+*]?)/g, (_, content, modifier) => {
+    if (modifier === "?") {
+      return content;
+    }
+    return content;
+  });
+  let filled = processedGroupDelimiters.replace(/(\/?):([a-zA-Z0-9_]+)(\([^)]*\))?([?+*]?)/g, (_, slash, name, __, modifier) => {
+    const value = values[name];
+    if (value === null) {
+      return "";
+    }
+    if (modifier === "?") {
+      return value !== undefined ? `${slash}${value}` : "";
+    }
+    if (modifier === "+" || modifier === "*") {
+      if (value === undefined && modifier === "+") {
+        throw new Error(`Missing value for "${name}" (one or more required)`);
+      }
+      return value ? `${slash}${value}` : "";
+    }
+    if (value === undefined) {
+      throw new Error(`Missing value for "${name}"`);
+    }
+    return `${slash}${value}`;
+  });
+  filled = filled.replace(/#PORT-(\d+)#/g, ":$1");
+  return new URL(filled, origin);
+}
+function aggregateGroups(match) {
+  return {
+    ...match.hash.groups,
+    ...match.hostname.groups,
+    ...match.password.groups,
+    ...match.pathname.groups,
+    ...match.port.groups,
+    ...match.protocol.groups,
+    ...match.search.groups,
+    ...match.username.groups
+  };
+}
+var customServerStrategies = new Map;
+var customClientStrategies = new Map;
+function isCustomStrategy(strategy2) {
+  return typeof strategy2 === "string" && /^custom-[A-Za-z0-9_-]+$/.test(strategy2);
+}
+
+// ../../src/components/ui/file-picker.tsx
+import { jsxDEV as jsxDEV7, Fragment } from "react/jsx-dev-runtime";
+"use client";
+var messages = {
+  en: {
+    accepts: (accepts) => `Accepts: ${accepts}`,
+    chooseFile: "Choose file",
+    deleteFile: "Delete",
+    dropFile: "Drag and drop a file here",
+    replaceFile: "Replace file"
+  },
+  fr: {
+    accepts: (accepts) => `Accepte : ${accepts}`,
+    chooseFile: "Choisir un fichier",
+    deleteFile: "Supprimer",
+    dropFile: "Glissez-déposez un fichier ici",
+    replaceFile: "Remplacer le fichier"
+  }
+};
+var filePickerMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages.fr : messages.en,
+  ...overrides
+});
+var formatBytes = (bytes) => {
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  if (bytes === 0)
+    return "0 Bytes";
+  const index = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), sizes.length - 1);
+  if (index === 0)
+    return `${bytes} ${sizes[index]}`;
+  return `${(bytes / 1024 ** index).toFixed(1)} ${sizes[index]}`;
+};
+var fileDescription = (file) => [
+  file.type || file.name.split(".").pop()?.toUpperCase(),
+  formatBytes(file.size)
+].filter(Boolean).join(" · ");
+var FilePicker = ({
+  accept = "",
+  canClear = false,
+  file,
+  id,
+  image,
+  invalid = false,
+  messages: messages2,
+  name,
+  onBlur,
+  onChange,
+  onClear,
+  required,
+  title
+}) => {
+  const labels = filePickerMessages(messages2);
+  const inputRef = useRef(null);
+  const dragDepthRef = useRef(0);
+  const [dragging, setDragging] = useState(false);
+  const imageEnabled = image !== undefined;
+  const objectUrl = useMemo(() => file && imageEnabled ? URL.createObjectURL(file) : undefined, [file, imageEnabled]);
+  useEffect(() => () => {
+    if (objectUrl)
+      URL.revokeObjectURL(objectUrl);
+  }, [objectUrl]);
+  const imageUrl = objectUrl ?? image?.src;
+  const selected = Boolean(file || imageUrl);
+  const selectFile = (nextFile) => {
+    if (nextFile)
+      onChange(nextFile);
+  };
+  const handleDrop = (event) => {
+    event.preventDefault();
+    dragDepthRef.current = 0;
+    setDragging(false);
+    if (inputRef.current)
+      inputRef.current.files = event.dataTransfer.files;
+    selectFile(event.dataTransfer.files[0]);
+    onBlur?.();
+  };
+  const clear = () => {
+    onClear();
+    if (inputRef.current)
+      inputRef.current.value = "";
+  };
+  const input = /* @__PURE__ */ jsxDEV7(Input, {
+    ref: inputRef,
+    className: "sr-only",
+    id,
+    name,
+    type: "file",
+    accept,
+    required,
+    onBlur,
+    onChange: (event) => selectFile(event.target.files?.[0]),
+    "aria-invalid": invalid
+  }, undefined, false, undefined, this);
+  if (!selected) {
+    return /* @__PURE__ */ jsxDEV7("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) => {
+        event.preventDefault();
+        dragDepthRef.current += 1;
+        setDragging(true);
+      },
+      onDragLeave: (event) => {
+        event.preventDefault();
+        dragDepthRef.current -= 1;
+        if (dragDepthRef.current <= 0) {
+          dragDepthRef.current = 0;
+          setDragging(false);
+        }
+      },
+      onDragOver: (event) => event.preventDefault(),
+      onDrop: handleDrop,
+      children: [
+        /* @__PURE__ */ jsxDEV7(CloudUpload, {
+          className: "text-muted-foreground size-6"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV7("div", {
+          children: [
+            /* @__PURE__ */ jsxDEV7("p", {
+              className: "text-sm font-medium",
+              children: labels.dropFile
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV7("p", {
+              className: "text-muted-foreground text-xs",
+              children: labels.accepts(accept)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV7(Button, {
+          type: "button",
+          variant: "outline",
+          onClick: () => inputRef.current?.click(),
+          children: [
+            /* @__PURE__ */ jsxDEV7(FileUp, {
+              "data-icon": "inline-start"
+            }, undefined, false, undefined, this),
+            labels.chooseFile
+          ]
+        }, undefined, true, undefined, this),
+        input
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV7(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxDEV7(Attachment, {
+        className: image ? "w-fit max-w-full" : "w-full",
+        orientation: image ? "vertical" : "horizontal",
+        state: invalid ? "error" : "done",
+        children: [
+          /* @__PURE__ */ jsxDEV7(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", {
+              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, {
+            className: image ? "w-full" : undefined,
+            children: [
+              /* @__PURE__ */ jsxDEV7(AttachmentTitle, {
+                children: title
+              }, undefined, false, undefined, this),
+              file ? /* @__PURE__ */ jsxDEV7(AttachmentDescription, {
+                children: fileDescription(file)
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV7(AttachmentActions, {
+            children: [
+              /* @__PURE__ */ jsxDEV7(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, {
+                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
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      input
+    ]
+  }, undefined, true, undefined, this);
+};
+
+// ../../src/components/ui/field.tsx
+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";
+"use client";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV8("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";
+
+// ../../src/components/ui/field.tsx
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV10("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", {
+    "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", {
+    "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: {
+    orientation: {
+      vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+      horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV10("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, {
+    "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", {
+    "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";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV11("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
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva4 } from "class-variance-authority";
+var badgeVariants = cva4("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender2({
+    defaultTagName: "span",
+    props: mergeProps2({
+      className: cn(badgeVariants({ variant }), className)
+    }, props),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
+// ../../src/components/ui/virtualized-combobox.tsx
+import { Combobox as ComboboxPrimitive } from "@base-ui/react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Check, ChevronsUpDown } from "lucide-react";
+import {
+  useCallback,
+  useImperativeHandle,
+  useRef as useRef2
+} from "react";
+
+// ../../src/components/ui/input-group.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV12("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: {
+    align: {
+      "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+      "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+      "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+      "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+    }
+  },
+  defaultVariants: { align: "inline-start" }
+});
+var inputGroupButtonVariants = cva5("flex items-center gap-2 text-sm shadow-none", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: { size: "xs" }
+});
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV12(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";
+"use client";
+var messages2 = {
+  en: {
+    search: "Search...",
+    selected: (count) => `${count} selected`,
+    selectMore: "Select more"
+  },
+  fr: {
+    search: "Rechercher...",
+    selected: (count) => `${count} sélectionnés`,
+    selectMore: "Sélectionner davantage"
+  }
+};
+var virtualizedComboboxMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages2.fr : messages2.en,
+  ...overrides
+});
+var optionEquals = (item, selected) => item.value === selected.value;
+var VirtualizedComboboxList = ({
+  emptyLabel,
+  groupSelections,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const filteredItems = ComboboxPrimitive.useFilteredItems();
+  const labels = virtualizedComboboxMessages(messageOverrides);
+  const entries = filteredItems.flatMap((item, index) => {
+    if (!groupSelections)
+      return [{ kind: "item", item, index }];
+    const selected = selectedValues.has(item.value);
+    const previous = filteredItems[index - 1];
+    const startsGroup = index === 0 || selectedValues.has(previous?.value ?? "") !== selected;
+    const itemEntry = { kind: "item", item, index };
+    return startsGroup ? [
+      {
+        kind: "group",
+        key: selected ? "selected" : "available",
+        label: selected ? labels.selected(selectedValues.size) : labels.selectMore
+      },
+      itemEntry
+    ] : [itemEntry];
+  });
+  const scrollRef = useRef2(null);
+  const virtualizer = useVirtualizer({
+    count: entries.length,
+    getScrollElement: () => scrollRef.current,
+    getItemKey: (index) => {
+      const entry = entries[index];
+      return entry?.kind === "group" ? `group-${entry.key}` : entry?.item.value ?? index;
+    },
+    estimateSize: () => 36,
+    overscan: 8
+  });
+  useImperativeHandle(virtualizerRef, () => virtualizer, [virtualizer]);
+  const handleScrollElementRef = useCallback((element) => {
+    scrollRef.current = element;
+    if (element)
+      virtualizer.measure();
+  }, [virtualizer]);
+  if (filteredItems.length === 0) {
+    return /* @__PURE__ */ jsxDEV13("div", {
+      className: "text-muted-foreground py-6 text-center text-sm",
+      children: emptyLabel
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV13(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", {
+      className: "relative w-full",
+      role: "presentation",
+      style: { height: virtualizer.getTotalSize() },
+      children: virtualizer.getVirtualItems().map((virtualItem) => {
+        const entry = entries[virtualItem.index];
+        if (!entry)
+          return null;
+        const style = {
+          height: virtualItem.size,
+          transform: `translateY(${virtualItem.start}px)`
+        };
+        if (entry.kind === "group") {
+          return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Group, {
+            className: "contents",
+            children: /* @__PURE__ */ jsxDEV13(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);
+        }
+        return /* @__PURE__ */ jsxDEV13(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",
+          "data-index": virtualItem.index,
+          index: entry.index,
+          ref: virtualizer.measureElement,
+          style,
+          value: entry.item,
+          children: [
+            renderItem?.(entry.item) ?? /* @__PURE__ */ jsxDEV13("span", {
+              className: "min-w-0 truncate",
+              children: entry.item.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV13(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)
+          ]
+        }, entry.item.value, true, undefined, this);
+      })
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var VirtualizedComboboxContent = ({
+  contentClassName,
+  emptyLabel,
+  groupSelections,
+  messages: messageOverrides,
+  renderItem,
+  selectedValues,
+  virtualizerRef
+}) => {
+  const labels = virtualizedComboboxMessages(messageOverrides);
+  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Positioner, {
+      align: "start",
+      className: "isolate z-50",
+      side: "bottom",
+      sideOffset: 6,
+      children: /* @__PURE__ */ jsxDEV13(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", {
+            className: "min-w-0 p-1 pb-0",
+            children: /* @__PURE__ */ jsxDEV13(InputGroup, {
+              className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
+              children: /* @__PURE__ */ jsxDEV13(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, {
+            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, {
+  "aria-label": ariaLabel,
+  "aria-invalid": ariaInvalid,
+  className: "w-full max-w-full min-w-0 justify-between overflow-hidden",
+  disabled,
+  id: triggerId,
+  type: "button",
+  variant: "outline",
+  children: [
+    /* @__PURE__ */ jsxDEV13("span", {
+      className: "min-w-0 truncate text-left",
+      children: label
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV13(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;
+  }
+  return value && "label" in value ? value.label : placeholder;
+};
+var useComboboxVirtualizerRef = (providedRef) => {
+  const localRef = useRef2(null);
+  return providedRef ?? localRef;
+};
+var VirtualizedComboboxSingle = (props) => {
+  const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
+  return /* @__PURE__ */ jsxDEV13(ComboboxPrimitive.Root, {
+    disabled: props.disabled,
+    inputValue: props.searchValue,
+    items: [...props.items],
+    itemToStringLabel: (item) => item.label,
+    isItemEqualToValue: optionEquals,
+    onInputValueChange: (value) => props.onSearchValueChange?.(value),
+    onItemHighlighted: (_, { index, reason }) => {
+      if (reason === "keyboard" && index >= 0) {
+        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: props.value,
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxDEV13(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, {
+        ...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, {
+    disabled: props.disabled,
+    inputValue: props.searchValue,
+    items: [...props.items],
+    itemToStringLabel: (item) => item.label,
+    isItemEqualToValue: optionEquals,
+    multiple: true,
+    onInputValueChange: (value) => props.onSearchValueChange?.(value),
+    onItemHighlighted: (_, { index, reason }) => {
+      if (reason === "keyboard" && index >= 0) {
+        virtualizerRef.current?.scrollToIndex(index, { align: "auto" });
+      }
+    },
+    onOpenChange: (open) => props.onOpenChange?.(open),
+    onValueChange: (value) => props.onValueChange(value),
+    open: props.open,
+    value: [...props.value],
+    virtualized: true,
+    children: [
+      /* @__PURE__ */ jsxDEV13(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, {
+        ...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, {
+    ...props
+  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV13(VirtualizedComboboxSingle, {
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/form.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+var messages3 = {
+  en: {
+    keyValueKey: "Key",
+    keyValueValue: "Value",
+    keyValueDelete: "Delete",
+    keyValueAdd: "Add",
+    accepts: (accepts) => `Accepts: ${accepts}`,
+    delete: "Delete",
+    suggestedImageSize: (width, height) => `Suggested image size: ${width} x ${height}`,
+    blockNavigationTitle: "Leave without saving?",
+    blockNavigationDescription: "Your changes have not been saved. If you leave, you will lose your changes.",
+    blockNavigationCancel: "Cancel",
+    blockNavigationConfirm: "Confirm",
+    submit: "Submit",
+    revert: "Revert to default"
+  },
+  fr: {
+    keyValueKey: "Clé",
+    keyValueValue: "Valeur",
+    keyValueDelete: "Supprimer",
+    keyValueAdd: "Ajouter",
+    accepts: (accepts) => `Accepte : ${accepts}`,
+    delete: "Supprimer",
+    suggestedImageSize: (width, height) => `Taille de l'image suggérée : ${width} x ${height}`,
+    blockNavigationTitle: "Quitter sans sauvegarder?",
+    blockNavigationDescription: "Vos modifications n'ont pas été sauvegardés. Si vous quittez, vous perdrez vos modifications.",
+    blockNavigationCancel: "Annuler",
+    blockNavigationConfirm: "Confirmer",
+    submit: "Soumettre",
+    revert: "Revenir aux paramètres par défaut"
+  }
+};
+var formMessages = (overrides) => ({
+  ...getLocale().startsWith("fr") ? messages3.fr : messages3.en,
+  ...overrides
+});
+var ErrorMessage = ({ text }) => {
+  return /* @__PURE__ */ jsxDEV14("em", {
+    role: "alert",
+    className: "text-destructive text-sm",
+    children: text
+  }, undefined, false, undefined, this);
+};
+function FieldError({ errors = [] }) {
+  return errors?.length > 0 ? /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+    text: errors.map((error) => {
+      return error.message?.toString().split(" ").map((word) => {
+        if (word.startsWith("t:"))
+          return word.slice(2);
+        return word;
+      }).join(" ");
+    }).join(", ")
+  }, undefined, false, undefined, this) : null;
+}
+var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+var TextField = ({
+  children,
+  ...props
+}) => {
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    className: "min-w-0",
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "flex w-full items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+            htmlFor: field.name,
+            children: props.label
+          }, undefined, false, undefined, this),
+          children
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV14(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, {
+        children: props.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var TextAreaField = ({
+  children,
+  ...props
+}) => {
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    className: "min-w-0",
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "flex w-full items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxDEV14(FieldLabel, {
+            htmlFor: field.name,
+            children: props.label
+          }, undefined, false, undefined, this),
+          children
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV14(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, {
+        children: props.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(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, {
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "flex flex-row items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxDEV14(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, {
+            htmlFor: field.name,
+            children: props.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+        children: props.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var SingleSelectControl = ({
+  invalid,
+  options,
+  placeholder
+}) => {
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsxDEV14(Select, {
+    items: [...options],
+    required: true,
+    onValueChange: (value) => field.handleChange(value ?? ""),
+    defaultValue: field.state.value,
+    children: [
+      /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+        className: "gap-1",
+        id: field.name,
+        "aria-invalid": invalid,
+        children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+          placeholder
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(SelectOptions, {
+        options
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var MultipleSelectControl = ({
+  invalid,
+  options,
+  placeholder
+}) => {
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsxDEV14(Select, {
+    items: [...options],
+    onValueChange: (value) => field.handleChange(value ?? []),
+    multiple: true,
+    value: field.state.value ?? [],
+    children: [
+      /* @__PURE__ */ jsxDEV14(SelectTrigger, {
+        className: "gap-1",
+        id: field.name,
+        "aria-invalid": invalid,
+        children: /* @__PURE__ */ jsxDEV14(SelectValue, {
+          placeholder
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(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, {
+      value: option.value,
+      children: option.label
+    }, option.label, false, undefined, this))
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this);
+var SelectField = ({
+  description,
+  label,
+  multiple,
+  options,
+  placeholder
+}) => {
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        htmlFor: field.name,
+        children: label
+      }, undefined, false, undefined, this),
+      multiple ? /* @__PURE__ */ jsxDEV14(MultipleSelectControl, {
+        invalid,
+        options,
+        placeholder
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14(SingleSelectControl, {
+        invalid,
+        options,
+        placeholder
+      }, undefined, false, undefined, this),
+      description ? /* @__PURE__ */ jsxDEV14(FieldDescription, {
+        children: description
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var KeyValueField = (props) => {
+  const labels = formMessages(props.messages);
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  const keyValues = Object.entries(field.state.value ?? {});
+  const updateKeyValue = (key, value, index) => {
+    return Object.fromEntries(Object.entries(field.state.value).map(([k, v], i) => {
+      if (index === i) {
+        return [key, value];
+      }
+      return [k, v];
+    }));
+  };
+  const deleteKeyValue = (index) => {
+    return Object.fromEntries(Object.entries(field.state.value).filter((_, i) => {
+      if (index === i) {
+        return false;
+      }
+      return true;
+    }));
+  };
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        htmlFor: field.name,
+        children: props.label
+      }, undefined, false, undefined, this),
+      keyValues.map(([key, value], index) => /* @__PURE__ */ jsxDEV14("div", {
+        className: "flex w-full flex-row items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxDEV14(Input, {
+            id: field.name,
+            placeholder: labels.keyValueKey,
+            name: field.name,
+            type: "text",
+            className: "w-auto",
+            value: key,
+            onChange: (e) => {
+              field.handleChange(updateKeyValue(e.target.value, value, index));
+            }
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV14(Input, {
+            id: field.name,
+            name: field.name,
+            type: "text",
+            className: "w-auto flex-1",
+            placeholder: labels.keyValueValue,
+            value,
+            onChange: (e) => {
+              field.handleChange(updateKeyValue(key, e.target.value, index));
+            }
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV14(Button, {
+            type: "button",
+            variant: "secondary",
+            onClick: (e) => {
+              e.preventDefault();
+              field.handleChange(deleteKeyValue(index));
+            },
+            children: [
+              /* @__PURE__ */ jsxDEV14(Trash, {}, undefined, false, undefined, this),
+              labels.keyValueDelete
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, index, true, undefined, this)),
+      /* @__PURE__ */ jsxDEV14("div", {
+        className: "flex flex-row items-center gap-2",
+        children: /* @__PURE__ */ jsxDEV14(Button, {
+          size: "sm",
+          className: "mt-2",
+          onClick: (e) => {
+            e.preventDefault();
+            field.setValue({
+              ...field.state.value,
+              "": ""
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsxDEV14(Plus, {}, undefined, false, undefined, this),
+            labels.keyValueAdd
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      props.description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+        children: props.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var MultiSelectField = (props) => /* @__PURE__ */ jsxDEV14(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 });
+  const selectedValues = new Set(values);
+  return {
+    selectedItems,
+    mergedItems: [
+      ...selectedItems,
+      ...items.filter(({ value }) => !selectedValues.has(value))
+    ]
+  };
+};
+var SingleSearchableSelectControl = ({
+  ariaLabel,
+  emptyLabel,
+  initialItems = [],
+  invalid,
+  items,
+  messages: messages4,
+  name,
+  onSearchValueChange,
+  placeholder,
+  renderItem,
+  searchValue
+}) => {
+  const field = useFieldContext();
+  const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ? [field.state.value] : [], initialItems, items);
+  return /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+    ariaInvalid: invalid,
+    ariaLabel,
+    emptyLabel,
+    items: mergedItems,
+    ...messages4 ? { messages: messages4 } : {},
+    onValueChange: (option) => field.handleChange(option?.value ?? ""),
+    placeholder,
+    triggerId: name,
+    value: selectedItems[0] ?? null,
+    ...onSearchValueChange ? { onSearchValueChange } : {},
+    ...renderItem ? { renderItem } : {},
+    ...searchValue === undefined ? {} : { searchValue }
+  }, undefined, false, undefined, this);
+};
+var MultipleSearchableSelectControl = ({
+  ariaLabel,
+  emptyLabel,
+  initialItems = [],
+  invalid,
+  items,
+  messages: messages4,
+  name,
+  onSearchValueChange,
+  placeholder,
+  renderItem,
+  searchValue
+}) => {
+  const field = useFieldContext();
+  const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ?? [], initialItems, items);
+  return /* @__PURE__ */ jsxDEV14(VirtualizedCombobox, {
+    ariaInvalid: invalid,
+    ariaLabel,
+    emptyLabel,
+    items: mergedItems,
+    ...messages4 ? { messages: messages4 } : {},
+    multiple: true,
+    onValueChange: (options) => field.handleChange(options.map(({ value }) => value)),
+    placeholder,
+    triggerId: name,
+    value: selectedItems,
+    ...onSearchValueChange ? { onSearchValueChange } : {},
+    ...renderItem ? { renderItem } : {},
+    ...searchValue === undefined ? {} : { searchValue }
+  }, undefined, false, undefined, this);
+};
+var SearchableSelectField = ({
+  description,
+  label,
+  multiple,
+  ...props
+}) => {
+  const field = useFieldContext();
+  const labels = virtualizedComboboxMessages(props.messages);
+  const invalid = !field.state.meta.isValid;
+  const ariaLabel = typeof label === "string" ? label : labels.search;
+  const controlProps = {
+    ...props,
+    ariaLabel,
+    invalid,
+    name: field.name
+  };
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    className: "min-w-0",
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        htmlFor: field.name,
+        children: label
+      }, undefined, false, undefined, this),
+      multiple ? /* @__PURE__ */ jsxDEV14(MultipleSearchableSelectControl, {
+        ...controlProps
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14(SingleSearchableSelectControl, {
+        ...controlProps
+      }, undefined, false, undefined, this),
+      description ? /* @__PURE__ */ jsxDEV14(FieldDescription, {
+        children: description
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var FileField = ({
+  label,
+  accept,
+  messages: messages4,
+  onFileChange,
+  required = false
+}) => {
+  const labels = formMessages(messages4);
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        htmlFor: field.name,
+        children: label
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FilePicker, {
+        accept,
+        canClear: field.state.value instanceof File,
+        ...field.state.value instanceof File ? { file: field.state.value } : {},
+        id: field.name,
+        invalid,
+        messages: { accepts: labels.accepts, deleteFile: labels.delete },
+        name: field.name,
+        onBlur: field.handleBlur,
+        onChange: (file) => {
+          field.handleChange(file);
+          onFileChange?.(file);
+        },
+        onClear: () => {
+          field.handleChange("");
+          onFileChange?.("");
+        },
+        required,
+        title: field.state.value instanceof File ? field.state.value.name : label
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var ImageField = ({
+  label,
+  messages: messages4,
+  size
+}) => {
+  const labels = formMessages(messages4);
+  const field = useFieldContext();
+  const invalid = !field.state.meta.isValid;
+  const imageUrl = typeof field.state.value === "string" ? field.state.value : undefined;
+  return /* @__PURE__ */ jsxDEV14(Field, {
+    "data-invalid": invalid,
+    children: [
+      /* @__PURE__ */ jsxDEV14(FieldLabel, {
+        htmlFor: field.name,
+        children: label
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FilePicker, {
+        accept: "image/*",
+        canClear: Boolean(field.state.value),
+        ...field.state.value instanceof File ? { file: field.state.value } : {},
+        id: field.name,
+        image: {
+          alt: label,
+          height: size.height,
+          ...imageUrl ? { src: imageUrl } : {},
+          width: size.width
+        },
+        invalid,
+        messages: { accepts: labels.accepts, deleteFile: labels.delete },
+        name: field.name,
+        onBlur: field.handleBlur,
+        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, {
+        children: labels.suggestedImageSize(String(size.suggestedWidth), String(size.suggestedHeight))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldError, {
+        errors: field.getMeta().errors
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var BlockNavigation = ({
+  messages: messages4
+}) => {
+  const labels = formMessages(messages4);
+  const form = useFormContext();
+  const shouldBlock = useStore(form.store, (formState) => formState.isDirty && !(formState.isSubmitting || formState.isSubmitted));
+  return /* @__PURE__ */ jsxDEV14(Block, {
+    enableBeforeUnload: () => shouldBlock,
+    shouldBlockFn: () => shouldBlock,
+    withResolver: true,
+    children: ({ status, proceed, reset }) => /* @__PURE__ */ jsxDEV14(AlertDialog, {
+      open: status === "blocked",
+      children: /* @__PURE__ */ jsxDEV14(AlertDialogContent, {
+        children: [
+          /* @__PURE__ */ jsxDEV14(AlertDialogHeader, {
+            children: [
+              /* @__PURE__ */ jsxDEV14(AlertDialogTitle, {
+                children: labels.blockNavigationTitle
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV14(AlertDialogDescription, {
+                children: labels.blockNavigationDescription
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV14(AlertDialogFooter, {
+            children: [
+              /* @__PURE__ */ jsxDEV14(AlertDialogCancel, {
+                onClick: reset,
+                children: labels.blockNavigationCancel
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV14(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,
+  messages: messages4
+}) => {
+  const labels = formMessages(messages4);
+  const form = useFormContext();
+  return /* @__PURE__ */ jsxDEV14(form.Subscribe, {
+    selector: (formState) => [formState.isSubmitting],
+    children: ([isSubmitting]) => /* @__PURE__ */ jsxDEV14(Button, {
+      type: "submit",
+      disabled: isSubmitting,
+      className: "self-start",
+      children: [
+        isSubmitting && /* @__PURE__ */ jsxDEV14(Loader2, {
+          className: "animate-spin"
+        }, undefined, false, undefined, this),
+        children ?? labels.submit
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var getFormErrorText = (error) => {
+  if (!error)
+    return;
+  if (typeof error === "object" && "form" in error) {
+    const formError = error.form;
+    return formError ? String(formError) : undefined;
+  }
+  return String(error);
+};
+var FormError = () => {
+  const form = useFormContext();
+  return /* @__PURE__ */ jsxDEV14(form.Subscribe, {
+    selector: (formState) => getFormErrorText(formState.errorMap.onSubmit),
+    children: (error) => error ? /* @__PURE__ */ jsxDEV14(ErrorMessage, {
+      text: error
+    }, undefined, false, undefined, this) : null
+  }, undefined, false, undefined, this);
+};
+var FieldWrapper = ({
+  children,
+  legend,
+  localized = true,
+  description,
+  locales: locales2,
+  editingLocale
+}) => {
+  return /* @__PURE__ */ jsxDEV14(FieldSet, {
+    children: [
+      legend && /* @__PURE__ */ jsxDEV14(FieldLegend, {
+        className: "flex items-center gap-2",
+        children: [
+          legend,
+          localized && editingLocale && locales2 && /* @__PURE__ */ jsxDEV14(Badge, {
+            variant: "outline",
+            children: [
+              /* @__PURE__ */ jsxDEV14(Languages, {}, undefined, false, undefined, this),
+              locales2.find((l) => l.value === editingLocale).label
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      description && /* @__PURE__ */ jsxDEV14(FieldDescription, {
+        children: description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV14(FieldGroup, {
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+var RevertButton = ({
+  messages: messages4,
+  original
+}) => {
+  const labels = formMessages(messages4);
+  const field = useFieldContext();
+  if (field.state.value !== original) {
+    return /* @__PURE__ */ jsxDEV14("div", {
+      className: "flex flex-1 justify-end",
+      children: /* @__PURE__ */ jsxDEV14(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({
+  fieldContext,
+  formContext,
+  fieldComponents: {
+    TextField,
+    TextAreaField,
+    SelectField,
+    MultiSelectField,
+    SearchableSelectField,
+    CheckboxField,
+    FileField,
+    KeyValueField,
+    ImageField,
+    RevertButton
+  },
+  formComponents: {
+    SubmitButton,
+    FormError,
+    FieldWrapper,
+    BlockNavigation
+  }
+});
+export {
+  withForm,
+  withFieldGroup,
+  useAppForm,
+  formMessages,
+  FieldWrapper,
+  FieldError,
+  ErrorMessage,
+  BlockNavigation
+};