@krak-stack/registry 0.1.27 → 0.1.29

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

@@ -9,11 +9,7 @@ import { Languages, Loader2, Plus, Trash } from "lucide-react";
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 
 // ../../src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
@@ -1116,12 +1112,11 @@ function Label({ className, ...props }) {
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx8 } from "react/jsx-runtime";
 
 // ../../src/components/ui/field.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("fieldset", {
+  return /* @__PURE__ */ jsx8("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
@@ -1132,7 +1127,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx9("legend", {
+  return /* @__PURE__ */ jsx8("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),
@@ -1140,7 +1135,7 @@ function FieldLegend({
   });
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", {
+  return /* @__PURE__ */ jsx8("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
@@ -1163,7 +1158,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx9("div", {
+  return /* @__PURE__ */ jsx8("div", {
     role: "group",
     "data-slot": "field",
     "data-orientation": orientation,
@@ -1175,14 +1170,14 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(Label, {
+  return /* @__PURE__ */ jsx8(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
   });
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("p", {
+  return /* @__PURE__ */ jsx8("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
@@ -1192,18 +1187,18 @@ function FieldDescription({ className, ...props }) {
 // ../../src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { ChevronDownIcon, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Group, {
+  return /* @__PURE__ */ jsx9(SelectPrimitive.Group, {
     "data-slot": "select-group",
     className: cn("scroll-my-1 p-1", className),
     ...props
   });
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Value, {
+  return /* @__PURE__ */ jsx9(SelectPrimitive.Value, {
     "data-slot": "select-value",
     className: cn("flex flex-1 text-left", className),
     ...props
@@ -1222,8 +1217,8 @@ function SelectTrigger({
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx10(SelectPrimitive.Icon, {
-        render: /* @__PURE__ */ jsx10(ChevronDownIcon, {
+      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, {
+        render: /* @__PURE__ */ jsx9(ChevronDownIcon, {
           className: "text-muted-foreground pointer-events-none size-4"
         })
       })
@@ -1240,8 +1235,8 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx10(SelectPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx9(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx9(SelectPrimitive.Positioner, {
       side,
       sideOffset,
       align,
@@ -1254,11 +1249,11 @@ function SelectContent({
         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__ */ jsx10(SelectScrollUpButton, {}),
-          /* @__PURE__ */ jsx10(SelectPrimitive.List, {
+          /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
+          /* @__PURE__ */ jsx9(SelectPrimitive.List, {
             children
           }),
-          /* @__PURE__ */ jsx10(SelectScrollDownButton, {})
+          /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
         ]
       })
     })
@@ -1274,15 +1269,15 @@ function SelectItem({
     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__ */ jsx10(SelectPrimitive.ItemText, {
+      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, {
         className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
         children
       }),
-      /* @__PURE__ */ jsx10(SelectPrimitive.ItemIndicator, {
-        render: /* @__PURE__ */ jsx10("span", {
+      /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, {
+        render: /* @__PURE__ */ jsx9("span", {
           className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
         }),
-        children: /* @__PURE__ */ jsx10(CheckIcon2, {
+        children: /* @__PURE__ */ jsx9(CheckIcon2, {
           className: "pointer-events-none"
         })
       })
@@ -1293,29 +1288,29 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollUpArrow, {
+  return /* @__PURE__ */ jsx9(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__ */ jsx10(ChevronUpIcon, {})
+    children: /* @__PURE__ */ jsx9(ChevronUpIcon, {})
   });
 }
 function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.ScrollDownArrow, {
+  return /* @__PURE__ */ jsx9(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__ */ jsx10(ChevronDownIcon, {})
+    children: /* @__PURE__ */ jsx9(ChevronDownIcon, {})
   });
 }
 
 // ../../src/components/ui/textarea.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("textarea", {
+  return /* @__PURE__ */ jsx10("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
@@ -1335,9 +1330,9 @@ import {
 
 // ../../src/components/ui/input-group.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("div", {
+  return /* @__PURE__ */ jsx11("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),
@@ -1370,7 +1365,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(Input, {
+  return /* @__PURE__ */ jsx11(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
@@ -1378,7 +1373,7 @@ function InputGroupInput({
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
   en: {
@@ -1454,19 +1449,19 @@ var VirtualizedComboboxList = ({
       virtualizer.measure();
   }, [virtualizer]);
   if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx13("div", {
+    return /* @__PURE__ */ jsx12("div", {
       className: "text-muted-foreground py-6 text-center text-sm",
       children: emptyLabel
     });
   }
-  return /* @__PURE__ */ jsx13(ComboboxPrimitive.List, {
+  return /* @__PURE__ */ jsx12(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__ */ jsx13("div", {
+    children: /* @__PURE__ */ jsx12("div", {
       className: "relative w-full",
       role: "presentation",
       style: { height: virtualizer.getTotalSize() },
@@ -1479,9 +1474,9 @@ var VirtualizedComboboxList = ({
           transform: `translateY(${virtualItem.start}px)`
         };
         if (entry.kind === "group") {
-          return /* @__PURE__ */ jsx13(ComboboxPrimitive.Group, {
+          return /* @__PURE__ */ jsx12(ComboboxPrimitive.Group, {
             className: "contents",
-            children: /* @__PURE__ */ jsx13(ComboboxPrimitive.GroupLabel, {
+            children: /* @__PURE__ */ jsx12(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,
@@ -1500,13 +1495,13 @@ var VirtualizedComboboxList = ({
           style,
           value: entry.item,
           children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx13("span", {
+            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx12("span", {
               className: "min-w-0 truncate",
               children: entry.item.label
             }),
-            /* @__PURE__ */ jsx13(ComboboxPrimitive.ItemIndicator, {
+            /* @__PURE__ */ jsx12(ComboboxPrimitive.ItemIndicator, {
               className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx13(Check, {})
+              children: /* @__PURE__ */ jsx12(Check, {})
             })
           ]
         }, entry.item.value);
@@ -1525,8 +1520,8 @@ var VirtualizedComboboxContent = ({
   virtualizerRef
 }) => {
   const labels = virtualizedComboboxMessages(messageOverrides);
-  return /* @__PURE__ */ jsx13(ComboboxPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx13(ComboboxPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx12(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx12(ComboboxPrimitive.Positioner, {
       align: "start",
       className: "isolate z-50",
       side: "bottom",
@@ -1534,17 +1529,17 @@ var VirtualizedComboboxContent = ({
       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__ */ jsx13("div", {
+          /* @__PURE__ */ jsx12("div", {
             className: "min-w-0 p-1 pb-0",
-            children: /* @__PURE__ */ jsx13(InputGroup, {
+            children: /* @__PURE__ */ jsx12(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
-              children: /* @__PURE__ */ jsx13(ComboboxPrimitive.Input, {
+              children: /* @__PURE__ */ jsx12(ComboboxPrimitive.Input, {
                 placeholder: labels.search,
-                render: /* @__PURE__ */ jsx13(InputGroupInput, {})
+                render: /* @__PURE__ */ jsx12(InputGroupInput, {})
               })
             })
           }),
-          /* @__PURE__ */ jsx13(VirtualizedComboboxList, {
+          /* @__PURE__ */ jsx12(VirtualizedComboboxList, {
             emptyLabel,
             groupSelections,
             itemIndexRef,
@@ -1567,20 +1562,20 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
   type: "button",
   variant: "outline",
   children: [
-    /* @__PURE__ */ jsx13("span", {
+    /* @__PURE__ */ jsx12("span", {
       className: "min-w-0 flex-1 truncate pr-7 text-left",
       children: label
     }),
-    /* @__PURE__ */ jsx13(ChevronsUpDown, {
+    /* @__PURE__ */ jsx12(ChevronsUpDown, {
       className: "text-muted-foreground shrink-0 opacity-70"
     })
   ]
 });
-var defaultClear = (label) => /* @__PURE__ */ jsx13(ComboboxPrimitive.Clear, {
+var defaultClear = (label) => /* @__PURE__ */ jsx12(ComboboxPrimitive.Clear, {
   "aria-label": label,
   className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
   type: "button",
-  children: /* @__PURE__ */ jsx13(X, {
+  children: /* @__PURE__ */ jsx12(X, {
     className: "size-3.5"
   })
 });
@@ -1619,13 +1614,13 @@ var VirtualizedComboboxSingle = (props) => {
       /* @__PURE__ */ jsxs5("div", {
         className: "relative",
         children: [
-          /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
+          /* @__PURE__ */ jsx12(ComboboxPrimitive.Trigger, {
             render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
           }),
           props.trigger ? null : defaultClear(labels.clear)
         ]
       }),
-      /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
+      /* @__PURE__ */ jsx12(VirtualizedComboboxContent, {
         ...props,
         groupSelections: false,
         itemIndexRef,
@@ -1661,13 +1656,13 @@ var VirtualizedComboboxMultiple = (props) => {
       /* @__PURE__ */ jsxs5("div", {
         className: "relative",
         children: [
-          /* @__PURE__ */ jsx13(ComboboxPrimitive.Trigger, {
+          /* @__PURE__ */ jsx12(ComboboxPrimitive.Trigger, {
             render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
           }),
           props.trigger ? null : defaultClear(labels.clear)
         ]
       }),
-      /* @__PURE__ */ jsx13(VirtualizedComboboxContent, {
+      /* @__PURE__ */ jsx12(VirtualizedComboboxContent, {
         ...props,
         groupSelections: true,
         itemIndexRef,
@@ -1678,15 +1673,15 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
-  return props.multiple ? /* @__PURE__ */ jsx13(VirtualizedComboboxMultiple, {
+  return props.multiple ? /* @__PURE__ */ jsx12(VirtualizedComboboxMultiple, {
     ...props
-  }) : /* @__PURE__ */ jsx13(VirtualizedComboboxSingle, {
+  }) : /* @__PURE__ */ jsx12(VirtualizedComboboxSingle, {
     ...props
   });
 }
 
 // ../../src/components/ui/effect-form.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var messages3 = {
   en: {
     add: "Add",
@@ -1747,21 +1742,21 @@ var FieldWrapper = ({
         localized && editingLocale && locales2 && /* @__PURE__ */ jsxs6(Badge, {
           variant: "outline",
           children: [
-            /* @__PURE__ */ jsx14(Languages, {}),
+            /* @__PURE__ */ jsx13(Languages, {}),
             locales2.find(({ value }) => value === editingLocale)?.label
           ]
         })
       ]
     }),
-    description && /* @__PURE__ */ jsx14(FieldDescription, {
+    description && /* @__PURE__ */ jsx13(FieldDescription, {
       children: description
     }),
-    /* @__PURE__ */ jsx14(FieldGroup, {
+    /* @__PURE__ */ jsx13(FieldGroup, {
       children
     })
   ]
 });
-var ErrorMessage = ({ text }) => /* @__PURE__ */ jsx14("em", {
+var ErrorMessage = ({ text }) => /* @__PURE__ */ jsx13("em", {
   role: "alert",
   className: "text-destructive text-sm",
   children: text
@@ -1770,7 +1765,7 @@ var SubmitError = ({
   result
 }) => {
   const message = AsyncResult.isFailure(result) ? Schema2.isSchemaError(Cause.squash(result.cause)) ? undefined : getCauseErrorMessage(result.cause) : undefined;
-  return message ? /* @__PURE__ */ jsx14(ErrorMessage, {
+  return message ? /* @__PURE__ */ jsx13(ErrorMessage, {
     text: message
   }) : null;
 };
@@ -1794,7 +1789,7 @@ var SubmitButton = ({
       submit();
     },
     children: [
-      submitResult.waiting && /* @__PURE__ */ jsx14(Loader2, {
+      submitResult.waiting && /* @__PURE__ */ jsx13(Loader2, {
         "data-icon": "inline-start",
         className: "animate-spin"
       }),
@@ -1807,7 +1802,7 @@ var FieldError = ({
   message
 }) => Option.match(error, {
   onNone: () => null,
-  onSome: (errorMessage) => /* @__PURE__ */ jsx14(ErrorMessage, {
+  onSome: (errorMessage) => /* @__PURE__ */ jsx13(ErrorMessage, {
     text: message ?? errorMessage
   })
 });
@@ -1822,14 +1817,14 @@ var TextField = ({
       /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.path,
             children: label
           }),
           children
         ]
       }),
-      /* @__PURE__ */ jsx14(Input, {
+      /* @__PURE__ */ jsx13(Input, {
         ...inputProps,
         id: field.path,
         name: field.path,
@@ -1838,10 +1833,10 @@ var TextField = ({
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
       }),
-      description && /* @__PURE__ */ jsx14(FieldDescription, {
+      description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error,
         message: errorMessage
       })
@@ -1851,7 +1846,7 @@ var TextField = ({
 var NameField = ({
   field,
   props
-}) => /* @__PURE__ */ jsx14(TextField, {
+}) => /* @__PURE__ */ jsx13(TextField, {
   field,
   props: {
     ...props,
@@ -1869,14 +1864,14 @@ var TextAreaField = ({ field, props }) => {
       /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.path,
             children: label
           }),
           children
         ]
       }),
-      /* @__PURE__ */ jsx14(Textarea, {
+      /* @__PURE__ */ jsx13(Textarea, {
         ...nativeTextareaProps,
         id: field.path,
         name: field.path,
@@ -1885,16 +1880,16 @@ var TextAreaField = ({ field, props }) => {
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
       }),
-      description && /* @__PURE__ */ jsx14(FieldDescription, {
+      description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
   });
 };
-var DescriptionField = ({ field, props }) => /* @__PURE__ */ jsx14(TextAreaField, {
+var DescriptionField = ({ field, props }) => /* @__PURE__ */ jsx13(TextAreaField, {
   field,
   props: { ...props, label: effectFormMessages().description }
 });
@@ -1903,11 +1898,11 @@ var FileField = ({ field, props }) => {
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.path,
         children: props.label
       }),
-      /* @__PURE__ */ jsx14(FilePicker, {
+      /* @__PURE__ */ jsx13(FilePicker, {
         accept: props.accept ?? "",
         canClear: field.value instanceof File,
         ...field.value ? { file: field.value } : {},
@@ -1926,10 +1921,10 @@ var FileField = ({ field, props }) => {
         ...props.required === undefined ? {} : { required: props.required },
         title: field.value?.name ?? props.label
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -1945,14 +1940,14 @@ var NullableTextAreaField = ({ field, props }) => {
       /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.path,
             children: label
           }),
           children
         ]
       }),
-      /* @__PURE__ */ jsx14(Textarea, {
+      /* @__PURE__ */ jsx13(Textarea, {
         ...nativeTextareaProps,
         id: field.path,
         name: field.path,
@@ -1961,10 +1956,10 @@ var NullableTextAreaField = ({ field, props }) => {
         onChange: (event) => field.onChange(event.target.value),
         "aria-invalid": Option.isSome(field.error)
       }),
-      description && /* @__PURE__ */ jsx14(FieldDescription, {
+      description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -1979,7 +1974,7 @@ var CheckboxField = ({
     /* @__PURE__ */ jsxs6("div", {
       className: "flex w-full flex-row items-center gap-2",
       children: [
-        /* @__PURE__ */ jsx14(Checkbox, {
+        /* @__PURE__ */ jsx13(Checkbox, {
           id: field.path,
           name: field.path,
           checked: field.value,
@@ -1987,17 +1982,17 @@ var CheckboxField = ({
           onCheckedChange: field.onChange,
           "aria-invalid": Option.isSome(field.error)
         }),
-        /* @__PURE__ */ jsx14(FieldLabel, {
+        /* @__PURE__ */ jsx13(FieldLabel, {
           htmlFor: field.path,
           children: props.label
         }),
         props.children
       ]
     }),
-    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+    props.description && /* @__PURE__ */ jsx13(FieldDescription, {
       children: props.description
     }),
-    /* @__PURE__ */ jsx14(FieldError, {
+    /* @__PURE__ */ jsx13(FieldError, {
       error: field.error
     })
   ]
@@ -2008,7 +2003,7 @@ var SelectField = ({
 }) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsx14(FieldLabel, {
+    /* @__PURE__ */ jsx13(FieldLabel, {
       htmlFor: field.path,
       children: props.label
     }),
@@ -2020,16 +2015,16 @@ var SelectField = ({
       },
       value: field.value,
       children: [
-        /* @__PURE__ */ jsx14(SelectTrigger, {
+        /* @__PURE__ */ jsx13(SelectTrigger, {
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsx14(SelectValue, {
+          children: /* @__PURE__ */ jsx13(SelectValue, {
             placeholder: props.placeholder
           })
         }),
-        /* @__PURE__ */ jsx14(SelectContent, {
-          children: /* @__PURE__ */ jsx14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
+        /* @__PURE__ */ jsx13(SelectContent, {
+          children: /* @__PURE__ */ jsx13(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx13(SelectItem, {
               value: option.value,
               children: option.label
             }, option.value))
@@ -2037,10 +2032,10 @@ var SelectField = ({
         })
       ]
     }),
-    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+    props.description && /* @__PURE__ */ jsx13(FieldDescription, {
       children: props.description
     }),
-    /* @__PURE__ */ jsx14(FieldError, {
+    /* @__PURE__ */ jsx13(FieldError, {
       error: field.error
     })
   ]
@@ -2048,7 +2043,7 @@ var SelectField = ({
 var FolderField = ({
   field,
   props
-}) => /* @__PURE__ */ jsx14(SelectField, {
+}) => /* @__PURE__ */ jsx13(SelectField, {
   field,
   props: { ...props, label: effectFormMessages().folder }
 });
@@ -2058,7 +2053,7 @@ var MultiSelectField = ({
 }) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsx14(FieldLabel, {
+    /* @__PURE__ */ jsx13(FieldLabel, {
       htmlFor: field.path,
       children: props.label
     }),
@@ -2068,17 +2063,17 @@ var MultiSelectField = ({
       multiple: true,
       value: Array.from(field.value),
       children: [
-        /* @__PURE__ */ jsx14(SelectTrigger, {
+        /* @__PURE__ */ jsx13(SelectTrigger, {
           className: "gap-1",
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsx14(SelectValue, {
+          children: /* @__PURE__ */ jsx13(SelectValue, {
             placeholder: props.placeholder
           })
         }),
-        /* @__PURE__ */ jsx14(SelectContent, {
-          children: /* @__PURE__ */ jsx14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
+        /* @__PURE__ */ jsx13(SelectContent, {
+          children: /* @__PURE__ */ jsx13(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx13(SelectItem, {
               value: option.value,
               children: option.label
             }, option.value))
@@ -2086,10 +2081,10 @@ var MultiSelectField = ({
         })
       ]
     }),
-    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+    props.description && /* @__PURE__ */ jsx13(FieldDescription, {
       children: props.description
     }),
-    /* @__PURE__ */ jsx14(FieldError, {
+    /* @__PURE__ */ jsx13(FieldError, {
       error: field.error
     })
   ]
@@ -2100,7 +2095,7 @@ var NullableMultiSelectField = ({
 }) => /* @__PURE__ */ jsxs6(Field, {
   "data-invalid": Option.isSome(field.error),
   children: [
-    /* @__PURE__ */ jsx14(FieldLabel, {
+    /* @__PURE__ */ jsx13(FieldLabel, {
       htmlFor: field.path,
       children: props.label
     }),
@@ -2110,17 +2105,17 @@ var NullableMultiSelectField = ({
       multiple: true,
       value: field.value ? Array.from(field.value) : [],
       children: [
-        /* @__PURE__ */ jsx14(SelectTrigger, {
+        /* @__PURE__ */ jsx13(SelectTrigger, {
           className: "gap-1",
           id: field.path,
           "aria-invalid": Option.isSome(field.error),
-          children: /* @__PURE__ */ jsx14(SelectValue, {
+          children: /* @__PURE__ */ jsx13(SelectValue, {
             placeholder: props.placeholder
           })
         }),
-        /* @__PURE__ */ jsx14(SelectContent, {
-          children: /* @__PURE__ */ jsx14(SelectGroup, {
-            children: props.options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
+        /* @__PURE__ */ jsx13(SelectContent, {
+          children: /* @__PURE__ */ jsx13(SelectGroup, {
+            children: props.options.map((option) => /* @__PURE__ */ jsx13(SelectItem, {
               value: option.value,
               children: option.label
             }, option.value))
@@ -2128,10 +2123,10 @@ var NullableMultiSelectField = ({
         })
       ]
     }),
-    props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+    props.description && /* @__PURE__ */ jsx13(FieldDescription, {
       children: props.description
     }),
-    /* @__PURE__ */ jsx14(FieldError, {
+    /* @__PURE__ */ jsx13(FieldError, {
       error: field.error
     })
   ]
@@ -2160,11 +2155,11 @@ var SearchableSelectField = ({
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.path,
         children: props.label
       }),
-      /* @__PURE__ */ jsx14(VirtualizedCombobox, {
+      /* @__PURE__ */ jsx13(VirtualizedCombobox, {
         ariaInvalid: invalid,
         ariaLabel,
         emptyLabel: props.emptyLabel,
@@ -2179,10 +2174,10 @@ var SearchableSelectField = ({
         triggerId: field.path,
         value: selectedItems
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -2200,11 +2195,11 @@ var SingleSearchableSelectField = ({
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.path,
         children: props.label
       }),
-      /* @__PURE__ */ jsx14(VirtualizedCombobox, {
+      /* @__PURE__ */ jsx13(VirtualizedCombobox, {
         ariaInvalid: invalid,
         ariaLabel,
         emptyLabel: props.emptyLabel,
@@ -2218,10 +2213,10 @@ var SingleSearchableSelectField = ({
         triggerId: field.path,
         value: selectedItems[0] ?? null
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -2236,13 +2231,13 @@ var NullableKeyValueField = ({
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         children: props.label
       }),
       entries.map(([key, value], index) => /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Input, {
+          /* @__PURE__ */ jsx13(Input, {
             id: `${field.path}-${index}-key`,
             name: `${field.path}.${index}.key`,
             type: "text",
@@ -2253,7 +2248,7 @@ var NullableKeyValueField = ({
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
             "aria-invalid": Option.isSome(field.error)
           }),
-          /* @__PURE__ */ jsx14(Input, {
+          /* @__PURE__ */ jsx13(Input, {
             id: `${field.path}-${index}-value`,
             name: `${field.path}.${index}.value`,
             type: "text",
@@ -2269,7 +2264,7 @@ var NullableKeyValueField = ({
             variant: "secondary",
             onClick: () => field.onChange(Object.fromEntries(entries.filter((_, currentIndex) => currentIndex !== index))),
             children: [
-              /* @__PURE__ */ jsx14(Trash, {
+              /* @__PURE__ */ jsx13(Trash, {
                 "data-icon": "inline-start"
               }),
               effectFormMessages().delete
@@ -2283,16 +2278,16 @@ var NullableKeyValueField = ({
         className: "self-start",
         onClick: () => field.onChange({ ...field.value, "": "" }),
         children: [
-          /* @__PURE__ */ jsx14(Plus, {
+          /* @__PURE__ */ jsx13(Plus, {
             "data-icon": "inline-start"
           }),
           effectFormMessages().add
         ]
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -2307,13 +2302,13 @@ var KeyValueField = ({
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": Option.isSome(field.error),
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         children: props.label
       }),
       entries.map(([key, value], index) => /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Input, {
+          /* @__PURE__ */ jsx13(Input, {
             id: `${field.path}-${index}-key`,
             name: `${field.path}.${index}.key`,
             type: "text",
@@ -2324,7 +2319,7 @@ var KeyValueField = ({
             onChange: (event) => field.onChange(updateEntry(index, event.target.value, value)),
             "aria-invalid": Option.isSome(field.error)
           }),
-          /* @__PURE__ */ jsx14(Input, {
+          /* @__PURE__ */ jsx13(Input, {
             id: `${field.path}-${index}-value`,
             name: `${field.path}.${index}.value`,
             type: "text",
@@ -2340,7 +2335,7 @@ var KeyValueField = ({
             variant: "secondary",
             onClick: () => field.onChange(Object.fromEntries(entries.filter((_, currentIndex) => currentIndex !== index))),
             children: [
-              /* @__PURE__ */ jsx14(Trash, {
+              /* @__PURE__ */ jsx13(Trash, {
                 "data-icon": "inline-start"
               }),
               effectFormMessages().delete
@@ -2354,16 +2349,16 @@ var KeyValueField = ({
         className: "self-start",
         onClick: () => field.onChange({ ...field.value, "": "" }),
         children: [
-          /* @__PURE__ */ jsx14(Plus, {
+          /* @__PURE__ */ jsx13(Plus, {
             "data-icon": "inline-start"
           }),
           effectFormMessages().add
         ]
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
@@ -2372,9 +2367,9 @@ var KeyValueField = ({
 var RevertButton = ({
   field,
   props
-}) => field.value === props.original ? null : /* @__PURE__ */ jsx14("div", {
+}) => field.value === props.original ? null : /* @__PURE__ */ jsx13("div", {
   className: "flex flex-1 justify-end",
-  children: /* @__PURE__ */ jsx14(Button, {
+  children: /* @__PURE__ */ jsx13(Button, {
     type: "button",
     variant: "link",
     className: "-mr-4 h-auto py-0",
@@ -2388,11 +2383,11 @@ var ImageField = ({ field, props }) => {
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.path,
         children: props.label
       }),
-      /* @__PURE__ */ jsx14(FilePicker, {
+      /* @__PURE__ */ jsx13(FilePicker, {
         accept: "image/*",
         onBlur: field.onBlur,
         canClear: Boolean(field.value),
@@ -2412,40 +2407,40 @@ var ImageField = ({ field, props }) => {
         onClear: () => field.onChange(null),
         title: field.value instanceof File ? field.value.name : props.label
       }),
-      props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsx14(FieldDescription, {
+      props.size.suggestedWidth && props.size.suggestedHeight ? /* @__PURE__ */ jsx13(FieldDescription, {
         children: effectFormMessages().suggestedImageSize(String(props.size.suggestedWidth), String(props.size.suggestedHeight))
       }) : null,
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         error: field.error
       })
     ]
   });
 };
-var NavigationBlock = ({ shouldBlock }) => /* @__PURE__ */ jsx14(Block, {
+var NavigationBlock = ({ shouldBlock }) => /* @__PURE__ */ jsx13(Block, {
   enableBeforeUnload: () => shouldBlock,
   shouldBlockFn: () => shouldBlock,
   withResolver: true,
-  children: ({ status, proceed, reset }) => /* @__PURE__ */ jsx14(AlertDialog, {
+  children: ({ status, proceed, reset }) => /* @__PURE__ */ jsx13(AlertDialog, {
     open: status === "blocked",
     children: /* @__PURE__ */ jsxs6(AlertDialogContent, {
       children: [
         /* @__PURE__ */ jsxs6(AlertDialogHeader, {
           children: [
-            /* @__PURE__ */ jsx14(AlertDialogTitle, {
+            /* @__PURE__ */ jsx13(AlertDialogTitle, {
               children: effectFormMessages().blockNavigationTitle
             }),
-            /* @__PURE__ */ jsx14(AlertDialogDescription, {
+            /* @__PURE__ */ jsx13(AlertDialogDescription, {
               children: effectFormMessages().blockNavigationDescription
             })
           ]
         }),
         /* @__PURE__ */ jsxs6(AlertDialogFooter, {
           children: [
-            /* @__PURE__ */ jsx14(AlertDialogCancel, {
+            /* @__PURE__ */ jsx13(AlertDialogCancel, {
               onClick: reset,
               children: effectFormMessages().blockNavigationCancel
             }),
-            /* @__PURE__ */ jsx14(AlertDialogAction, {
+            /* @__PURE__ */ jsx13(AlertDialogAction, {
               onClick: proceed,
               children: effectFormMessages().blockNavigationConfirm
             })
@@ -2461,35 +2456,35 @@ var FormBlockNavigation = ({ form }) => {
   const hasChangedSinceSubmit = useAtomValue(form.hasChangedSinceSubmit);
   const lastSubmittedValues = useAtomValue(form.lastSubmittedValues);
   const shouldBlock = !submitResult.waiting && (Option.isNone(lastSubmittedValues) ? isDirty : hasChangedSinceSubmit);
-  return /* @__PURE__ */ jsx14(NavigationBlock, {
+  return /* @__PURE__ */ jsx13(NavigationBlock, {
     shouldBlock
   });
 };
-var BlockNavigation = ({ form }) => /* @__PURE__ */ jsx14(FormBlockNavigation, {
+var BlockNavigation = ({ form }) => /* @__PURE__ */ jsx13(FormBlockNavigation, {
   form
 });
 export {
-  effectFormMessages,
-  TextField,
-  TextAreaField,
-  SubmitError,
-  SubmitButton,
-  SingleSearchableSelectField,
-  SelectField,
-  SearchableSelectField,
-  RevertButton,
-  NullableTextAreaField,
-  NullableMultiSelectField,
-  NullableKeyValueField,
-  NameField,
-  MultiSelectField,
-  KeyValueField,
-  ImageField,
-  FolderField,
-  FileField,
-  FieldWrapper,
-  ErrorMessage,
-  DescriptionField,
+  BlockNavigation,
   CheckboxField,
-  BlockNavigation
+  DescriptionField,
+  ErrorMessage,
+  FieldWrapper,
+  FileField,
+  FolderField,
+  ImageField,
+  KeyValueField,
+  MultiSelectField,
+  NameField,
+  NullableKeyValueField,
+  NullableMultiSelectField,
+  NullableTextAreaField,
+  RevertButton,
+  SearchableSelectField,
+  SelectField,
+  SingleSearchableSelectField,
+  SubmitButton,
+  SubmitError,
+  TextAreaField,
+  TextField,
+  effectFormMessages
 };