@krak-stack/registry 0.1.27 → 0.1.29

package/dist/components/ui/form.js

@@ -2,11 +2,7 @@
 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));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/select.tsx
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
@@ -1206,12 +1202,11 @@ function Label({ className, ...props }) {
 
 // ../../src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx9 } from "react/jsx-runtime";
 
 // ../../src/components/ui/field.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("fieldset", {
+  return /* @__PURE__ */ jsx9("fieldset", {
     "data-slot": "field-set",
     className: cn("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
     ...props
@@ -1222,7 +1217,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx10("legend", {
+  return /* @__PURE__ */ jsx9("legend", {
     "data-slot": "field-legend",
     "data-variant": variant,
     className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
@@ -1230,7 +1225,7 @@ function FieldLegend({
   });
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", {
+  return /* @__PURE__ */ jsx9("div", {
     "data-slot": "field-group",
     className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
     ...props
@@ -1253,7 +1248,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx10("div", {
+  return /* @__PURE__ */ jsx9("div", {
     role: "group",
     "data-slot": "field",
     "data-orientation": orientation,
@@ -1265,14 +1260,14 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(Label, {
+  return /* @__PURE__ */ jsx9(Label, {
     "data-slot": "field-label",
     className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
     ...props
   });
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("p", {
+  return /* @__PURE__ */ jsx9("p", {
     "data-slot": "field-description",
     className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
     ...props
@@ -1280,9 +1275,9 @@ function FieldDescription({ className, ...props }) {
 }
 
 // ../../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
@@ -1340,9 +1335,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),
@@ -1375,7 +1370,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
@@ -1383,7 +1378,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: {
@@ -1459,19 +1454,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() },
@@ -1484,9 +1479,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,
@@ -1505,13 +1500,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);
@@ -1530,8 +1525,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",
@@ -1539,17 +1534,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,
@@ -1572,20 +1567,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"
   })
 });
@@ -1624,13 +1619,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,
@@ -1666,13 +1661,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,
@@ -1683,15 +1678,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/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: {
     keyValueKey: "Key",
@@ -1729,14 +1724,14 @@ var formMessages = (overrides) => ({
   ...overrides
 });
 var ErrorMessage = ({ text }) => {
-  return /* @__PURE__ */ jsx14("em", {
+  return /* @__PURE__ */ jsx13("em", {
     role: "alert",
     className: "text-destructive text-sm",
     children: text
   });
 };
 function FieldError({ errors = [] }) {
-  return errors?.length > 0 ? /* @__PURE__ */ jsx14(ErrorMessage, {
+  return errors?.length > 0 ? /* @__PURE__ */ jsx13(ErrorMessage, {
     text: errors.map((error) => {
       return error.message?.toString().split(" ").map((word) => {
         if (word.startsWith("t:"))
@@ -1760,24 +1755,24 @@ var TextField = ({
       /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.name,
             children: props.label
           }),
           children
         ]
       }),
-      /* @__PURE__ */ jsx14(Input, {
+      /* @__PURE__ */ jsx13(Input, {
         id: field.name,
         value: field.state.value ?? "",
         onChange: (e) => field.handleChange(e.target.value),
         ...props,
         "aria-invalid": invalid
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -1796,24 +1791,24 @@ var TextAreaField = ({
       /* @__PURE__ */ jsxs6("div", {
         className: "flex w-full items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.name,
             children: props.label
           }),
           children
         ]
       }),
-      /* @__PURE__ */ jsx14(Textarea, {
+      /* @__PURE__ */ jsx13(Textarea, {
         id: field.name,
         value: field.state.value ?? "",
         onChange: (e) => field.handleChange(e.target.value),
         ...props,
         "aria-invalid": invalid
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -1828,7 +1823,7 @@ var CheckboxField = (props) => {
       /* @__PURE__ */ jsxs6("div", {
         className: "flex flex-row items-center gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Checkbox, {
+          /* @__PURE__ */ jsx13(Checkbox, {
             id: field.name,
             name: field.name,
             checked: field.state.value ?? false,
@@ -1836,16 +1831,16 @@ var CheckboxField = (props) => {
             onCheckedChange: (checked) => field.handleChange(checked),
             "aria-invalid": invalid
           }),
-          /* @__PURE__ */ jsx14(FieldLabel, {
+          /* @__PURE__ */ jsx13(FieldLabel, {
             htmlFor: field.name,
             children: props.label
           })
         ]
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -1863,15 +1858,15 @@ var SingleSelectControl = ({
     onValueChange: (value) => field.handleChange(value ?? ""),
     defaultValue: field.state.value,
     children: [
-      /* @__PURE__ */ jsx14(SelectTrigger, {
+      /* @__PURE__ */ jsx13(SelectTrigger, {
         className: "gap-1",
         id: field.name,
         "aria-invalid": invalid,
-        children: /* @__PURE__ */ jsx14(SelectValue, {
+        children: /* @__PURE__ */ jsx13(SelectValue, {
           placeholder
         })
       }),
-      /* @__PURE__ */ jsx14(SelectOptions, {
+      /* @__PURE__ */ jsx13(SelectOptions, {
         options
       })
     ]
@@ -1889,15 +1884,15 @@ var MultipleSelectControl = ({
     multiple: true,
     value: field.state.value ?? [],
     children: [
-      /* @__PURE__ */ jsx14(SelectTrigger, {
+      /* @__PURE__ */ jsx13(SelectTrigger, {
         className: "gap-1",
         id: field.name,
         "aria-invalid": invalid,
-        children: /* @__PURE__ */ jsx14(SelectValue, {
+        children: /* @__PURE__ */ jsx13(SelectValue, {
           placeholder
         })
       }),
-      /* @__PURE__ */ jsx14(SelectOptions, {
+      /* @__PURE__ */ jsx13(SelectOptions, {
         options
       })
     ]
@@ -1905,9 +1900,9 @@ var MultipleSelectControl = ({
 };
 var SelectOptions = ({
   options
-}) => /* @__PURE__ */ jsx14(SelectContent, {
-  children: /* @__PURE__ */ jsx14(SelectGroup, {
-    children: options.map((option) => /* @__PURE__ */ jsx14(SelectItem, {
+}) => /* @__PURE__ */ jsx13(SelectContent, {
+  children: /* @__PURE__ */ jsx13(SelectGroup, {
+    children: options.map((option) => /* @__PURE__ */ jsx13(SelectItem, {
       value: option.value,
       children: option.label
     }, option.label))
@@ -1925,23 +1920,23 @@ var SelectField = ({
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.name,
         children: label
       }),
-      multiple ? /* @__PURE__ */ jsx14(MultipleSelectControl, {
+      multiple ? /* @__PURE__ */ jsx13(MultipleSelectControl, {
         invalid,
         options,
         placeholder
-      }) : /* @__PURE__ */ jsx14(SingleSelectControl, {
+      }) : /* @__PURE__ */ jsx13(SingleSelectControl, {
         invalid,
         options,
         placeholder
       }),
-      description ? /* @__PURE__ */ jsx14(FieldDescription, {
+      description ? /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }) : null,
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -1971,14 +1966,14 @@ var KeyValueField = (props) => {
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.name,
         children: props.label
       }),
       keyValues.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.name,
             placeholder: labels.keyValueKey,
             name: field.name,
@@ -1989,7 +1984,7 @@ var KeyValueField = (props) => {
               field.handleChange(updateKeyValue(e.target.value, value, index));
             }
           }),
-          /* @__PURE__ */ jsx14(Input, {
+          /* @__PURE__ */ jsx13(Input, {
             id: field.name,
             name: field.name,
             type: "text",
@@ -2008,13 +2003,13 @@ var KeyValueField = (props) => {
               field.handleChange(deleteKeyValue(index));
             },
             children: [
-              /* @__PURE__ */ jsx14(Trash, {}),
+              /* @__PURE__ */ jsx13(Trash, {}),
               labels.keyValueDelete
             ]
           })
         ]
       }, index)),
-      /* @__PURE__ */ jsx14("div", {
+      /* @__PURE__ */ jsx13("div", {
         className: "flex flex-row items-center gap-2",
         children: /* @__PURE__ */ jsxs6(Button, {
           size: "sm",
@@ -2027,21 +2022,21 @@ var KeyValueField = (props) => {
             });
           },
           children: [
-            /* @__PURE__ */ jsx14(Plus, {}),
+            /* @__PURE__ */ jsx13(Plus, {}),
             labels.keyValueAdd
           ]
         })
       }),
-      props.description && /* @__PURE__ */ jsx14(FieldDescription, {
+      props.description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: props.description
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
   });
 };
-var MultiSelectField = (props) => /* @__PURE__ */ jsx14(SelectField, {
+var MultiSelectField = (props) => /* @__PURE__ */ jsx13(SelectField, {
   ...props,
   multiple: true
 });
@@ -2072,7 +2067,7 @@ var SingleSearchableSelectControl = ({
 }) => {
   const field = useFieldContext();
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ? [field.state.value] : [], initialItems, items);
-  return /* @__PURE__ */ jsx14(VirtualizedCombobox, {
+  return /* @__PURE__ */ jsx13(VirtualizedCombobox, {
     ariaInvalid: invalid,
     ariaLabel,
     emptyLabel,
@@ -2102,7 +2097,7 @@ var MultipleSearchableSelectControl = ({
 }) => {
   const field = useFieldContext();
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.state.value ?? [], initialItems, items);
-  return /* @__PURE__ */ jsx14(VirtualizedCombobox, {
+  return /* @__PURE__ */ jsx13(VirtualizedCombobox, {
     ariaInvalid: invalid,
     ariaLabel,
     emptyLabel,
@@ -2138,19 +2133,19 @@ var SearchableSelectField = ({
     className: "min-w-0",
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.name,
         children: label
       }),
-      multiple ? /* @__PURE__ */ jsx14(MultipleSearchableSelectControl, {
+      multiple ? /* @__PURE__ */ jsx13(MultipleSearchableSelectControl, {
         ...controlProps
-      }) : /* @__PURE__ */ jsx14(SingleSearchableSelectControl, {
+      }) : /* @__PURE__ */ jsx13(SingleSearchableSelectControl, {
         ...controlProps
       }),
-      description ? /* @__PURE__ */ jsx14(FieldDescription, {
+      description ? /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }) : null,
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -2169,11 +2164,11 @@ var FileField = ({
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.name,
         children: label
       }),
-      /* @__PURE__ */ jsx14(FilePicker, {
+      /* @__PURE__ */ jsx13(FilePicker, {
         accept,
         canClear: field.state.value instanceof File,
         ...field.state.value instanceof File ? { file: field.state.value } : {},
@@ -2193,7 +2188,7 @@ var FileField = ({
         required,
         title: field.state.value instanceof File ? field.state.value.name : label
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -2217,11 +2212,11 @@ var ImageField = ({
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
-      /* @__PURE__ */ jsx14(FieldLabel, {
+      /* @__PURE__ */ jsx13(FieldLabel, {
         htmlFor: field.name,
         children: label
       }),
-      /* @__PURE__ */ jsx14(FilePicker, {
+      /* @__PURE__ */ jsx13(FilePicker, {
         accept: "image/*",
         canClear: Boolean(field.state.value),
         ...field.state.value instanceof File ? { file: field.state.value } : {},
@@ -2235,10 +2230,10 @@ var ImageField = ({
         onClear: () => field.handleChange(null),
         title: field.state.value instanceof File ? field.state.value.name : label
       }),
-      size.suggestedWidth && size.suggestedHeight && /* @__PURE__ */ jsx14(FieldDescription, {
+      size.suggestedWidth && size.suggestedHeight && /* @__PURE__ */ jsx13(FieldDescription, {
         children: labels.suggestedImageSize(String(size.suggestedWidth), String(size.suggestedHeight))
       }),
-      /* @__PURE__ */ jsx14(FieldError, {
+      /* @__PURE__ */ jsx13(FieldError, {
         errors: field.getMeta().errors
       })
     ]
@@ -2250,31 +2245,31 @@ var BlockNavigation = ({
   const labels = formMessages(messages4);
   const form = useFormContext();
   const shouldBlock = useStore(form.store, (formState) => formState.isDirty && !(formState.isSubmitting || formState.isSubmitted));
-  return /* @__PURE__ */ jsx14(Block, {
+  return /* @__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: labels.blockNavigationTitle
               }),
-              /* @__PURE__ */ jsx14(AlertDialogDescription, {
+              /* @__PURE__ */ jsx13(AlertDialogDescription, {
                 children: labels.blockNavigationDescription
               })
             ]
           }),
           /* @__PURE__ */ jsxs6(AlertDialogFooter, {
             children: [
-              /* @__PURE__ */ jsx14(AlertDialogCancel, {
+              /* @__PURE__ */ jsx13(AlertDialogCancel, {
                 onClick: reset,
                 children: labels.blockNavigationCancel
               }),
-              /* @__PURE__ */ jsx14(AlertDialogAction, {
+              /* @__PURE__ */ jsx13(AlertDialogAction, {
                 onClick: proceed,
                 children: labels.blockNavigationConfirm
               })
@@ -2291,14 +2286,14 @@ var SubmitButton = ({
 }) => {
   const labels = formMessages(messages4);
   const form = useFormContext();
-  return /* @__PURE__ */ jsx14(form.Subscribe, {
+  return /* @__PURE__ */ jsx13(form.Subscribe, {
     selector: (formState) => [formState.isSubmitting],
     children: ([isSubmitting]) => /* @__PURE__ */ jsxs6(Button, {
       type: "submit",
       disabled: isSubmitting,
       className: "self-start",
       children: [
-        isSubmitting && /* @__PURE__ */ jsx14(Loader2, {
+        isSubmitting && /* @__PURE__ */ jsx13(Loader2, {
           className: "animate-spin"
         }),
         children ?? labels.submit
@@ -2316,9 +2311,9 @@ var getFormErrorText = (error) => {
 };
 var FormError = () => {
   const form = useFormContext();
-  return /* @__PURE__ */ jsx14(form.Subscribe, {
+  return /* @__PURE__ */ jsx13(form.Subscribe, {
     selector: (formState) => getFormErrorText(formState.errorMap.onSubmit),
-    children: (error) => error ? /* @__PURE__ */ jsx14(ErrorMessage, {
+    children: (error) => error ? /* @__PURE__ */ jsx13(ErrorMessage, {
       text: error
     }) : null
   });
@@ -2340,16 +2335,16 @@ var FieldWrapper = ({
           localized && editingLocale && locales2 && /* @__PURE__ */ jsxs6(Badge, {
             variant: "outline",
             children: [
-              /* @__PURE__ */ jsx14(Languages, {}),
+              /* @__PURE__ */ jsx13(Languages, {}),
               locales2.find((l) => l.value === editingLocale).label
             ]
           })
         ]
       }),
-      description && /* @__PURE__ */ jsx14(FieldDescription, {
+      description && /* @__PURE__ */ jsx13(FieldDescription, {
         children: description
       }),
-      /* @__PURE__ */ jsx14(FieldGroup, {
+      /* @__PURE__ */ jsx13(FieldGroup, {
         children
       })
     ]
@@ -2362,9 +2357,9 @@ var RevertButton = ({
   const labels = formMessages(messages4);
   const field = useFieldContext();
   if (field.state.value !== original) {
-    return /* @__PURE__ */ jsx14("div", {
+    return /* @__PURE__ */ jsx13("div", {
       className: "flex flex-1 justify-end",
-      children: /* @__PURE__ */ jsx14(Button, {
+      children: /* @__PURE__ */ jsx13(Button, {
         variant: "link",
         className: "-mr-4 h-auto py-0",
         onClick: () => field.handleChange(original),
@@ -2396,12 +2391,12 @@ var { useAppForm, withForm, withFieldGroup } = createFormHook({
   }
 });
 export {
-  withForm,
-  withFieldGroup,
-  useAppForm,
-  formMessages,
-  FieldWrapper,
-  FieldError,
+  BlockNavigation,
   ErrorMessage,
-  BlockNavigation
+  FieldError,
+  FieldWrapper,
+  formMessages,
+  useAppForm,
+  withFieldGroup,
+  withForm
 };