@douglasneuroinformatics/libui 3.4.2 → 3.5.1

package/dist/components.js

@@ -1780,6 +1780,38 @@ var ErrorBoundary = ({ children }) => {
   return /* @__PURE__ */ jsx87(ReactErrorBoundary, { FallbackComponent: ErrorFallback, children });
 };
 
+// src/components/FileDropzone/FileDropzone.tsx
+import { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { jsx as jsx88, jsxs as jsxs22 } from "react/jsx-runtime";
+var FileDropzone = ({ acceptedFileTypes, file, setFile }) => {
+  const { t } = useTranslation();
+  const handleDrop = useCallback(
+    (acceptedFiles, rejectedFiles) => {
+      for (const { errors, file: file2 } of rejectedFiles) {
+        console.error(errors, file2);
+      }
+      setFile(acceptedFiles[0]);
+    },
+    [setFile]
+  );
+  const { getInputProps, getRootProps, isDragActive } = useDropzone({
+    accept: acceptedFileTypes,
+    maxFiles: 1,
+    onDrop: handleDrop
+  });
+  return /* @__PURE__ */ jsxs22("div", { "data-testid": "dropzone", ...getRootProps(), children: [
+    /* @__PURE__ */ jsx88("p", { className: "mt-1 border border-dashed p-4 text-center text-sm", "data-testid": "dropzoneText", children: file ? file.name : isDragActive ? t({
+      en: "File to upload",
+      fr: "fichier \xE0 t\xE9l\xE9charger"
+    }) : t({
+      en: "Drag'n'drop files or click on box to upload",
+      fr: "Glissez-d\xE9posez les fichiers ou cliquez sur la case pour les t\xE9l\xE9charger"
+    }) }),
+    /* @__PURE__ */ jsx88("input", { ...getInputProps() })
+  ] });
+};
+
 // src/components/Form/Form.tsx
 import { useEffect as useEffect9, useState as useState8 } from "react";
 import "react";
@@ -1788,19 +1820,19 @@ import { twMerge } from "tailwind-merge";
 import "zod";
 
 // src/components/Heading/Heading.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var Heading = ({ children, className, variant }) => {
   switch (variant) {
     case "h1":
-      return /* @__PURE__ */ jsx88("h1", { className: cn("text-3xl font-bold tracking-tight", className), children });
+      return /* @__PURE__ */ jsx89("h1", { className: cn("text-3xl font-bold tracking-tight", className), children });
     case "h2":
-      return /* @__PURE__ */ jsx88("h2", { className: cn("text-2xl font-semibold tracking-tight", className), children });
+      return /* @__PURE__ */ jsx89("h2", { className: cn("text-2xl font-semibold tracking-tight", className), children });
     case "h3":
-      return /* @__PURE__ */ jsx88("h3", { className: cn("text-xl font-semibold tracking-tight", className), children });
+      return /* @__PURE__ */ jsx89("h3", { className: cn("text-xl font-semibold tracking-tight", className), children });
     case "h4":
-      return /* @__PURE__ */ jsx88("h4", { className: cn("text-lg font-semibold tracking-tight", className), children });
+      return /* @__PURE__ */ jsx89("h4", { className: cn("text-lg font-semibold tracking-tight", className), children });
     case "h5":
-      return /* @__PURE__ */ jsx88("h5", { className: cn("text-base font-semibold tracking-tight", className), children });
+      return /* @__PURE__ */ jsx89("h5", { className: cn("text-base font-semibold tracking-tight", className), children });
     default:
       throw new Error(`Unhandled heading variant: ${variant}`);
   }
@@ -1809,11 +1841,11 @@ var Heading = ({ children, className, variant }) => {
 // src/components/Form/ErrorMessage.tsx
 import "react";
 import { CircleAlertIcon } from "lucide-react";
-import { jsx as jsx89, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs23 } from "react/jsx-runtime";
 var ErrorMessage = ({ error }) => {
-  return error ? /* @__PURE__ */ jsx89("div", { className: "space-y-1.5", children: error.map((message) => /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center text-sm font-medium text-destructive", children: [
-    /* @__PURE__ */ jsx89(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
-    /* @__PURE__ */ jsx89("span", { children: message })
+  return error ? /* @__PURE__ */ jsx90("div", { className: "space-y-1.5", children: error.map((message) => /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center text-sm font-medium text-destructive", children: [
+    /* @__PURE__ */ jsx90(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
+    /* @__PURE__ */ jsx90("span", { children: message })
   ] }, message)) ?? null }) : null;
 };
 
@@ -1826,7 +1858,7 @@ import "react";
 import { pick } from "lodash-es";
 
 // src/components/Form/StaticField.tsx
-import { useCallback as useCallback2 } from "react";
+import { useCallback as useCallback3 } from "react";
 import "react";
 import { match as match7 } from "ts-pattern";
 
@@ -1843,9 +1875,9 @@ import { parseNumber } from "@douglasneuroinformatics/libjs";
 
 // src/components/Input/Input.tsx
 import * as React25 from "react";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var Input = React25.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     "input",
     {
       autoComplete: "off",
@@ -1865,12 +1897,12 @@ var Input = React25.forwardRef(function Input2({ className, type, ...props }, re
 import { forwardRef as forwardRef68 } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var labelVariants = cva3(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70"
 );
 var Label3 = forwardRef68(function Label4({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx91(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
+  return /* @__PURE__ */ jsx92(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
 });
 
 // src/components/Form/FieldGroup/FieldGroupDescription.tsx
@@ -1883,10 +1915,10 @@ import { Root as PopoverRoot, Trigger as PopoverTrigger } from "@radix-ui/react-
 // src/components/Popover/PopoverContent.tsx
 import * as React26 from "react";
 import { Content as Content7, Portal as Portal7 } from "@radix-ui/react-popover";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var PopoverContent = React26.forwardRef(
   function PopoverContent2({ align = "center", asChild, autofocus = true, className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx92(Portal7, { children: /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx93(Portal7, { children: /* @__PURE__ */ jsx93(
       Content7,
       {
         align,
@@ -1912,21 +1944,21 @@ var Popover = Object.assign(PopoverRoot.bind(null), {
 });
 
 // src/components/Form/FieldGroup/FieldGroupDescription.tsx
-import { jsx as jsx93, jsxs as jsxs23 } from "react/jsx-runtime";
-var FieldGroupDescription = ({ description }) => description ? /* @__PURE__ */ jsxs23(Popover, { children: [
-  /* @__PURE__ */ jsx93(Popover.Trigger, { tabIndex: -1, children: /* @__PURE__ */ jsx93(CircleHelpIcon, { className: "text-muted-foreground" }) }),
-  /* @__PURE__ */ jsx93(Popover.Content, { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx93("p", { children: description }) })
+import { jsx as jsx94, jsxs as jsxs24 } from "react/jsx-runtime";
+var FieldGroupDescription = ({ description }) => description ? /* @__PURE__ */ jsxs24(Popover, { children: [
+  /* @__PURE__ */ jsx94(Popover.Trigger, { tabIndex: -1, children: /* @__PURE__ */ jsx94(CircleHelpIcon, { className: "text-muted-foreground" }) }),
+  /* @__PURE__ */ jsx94(Popover.Content, { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx94("p", { children: description }) })
 ] }) : null;
 
 // src/components/Form/FieldGroup/FieldGroupRoot.tsx
 import "react";
-import { jsx as jsx94 } from "react/jsx-runtime";
-var FieldGroupRoot = ({ children, name }) => /* @__PURE__ */ jsx94("div", { className: "flex flex-col gap-3 @container", "data-field-group": name, children });
+import { jsx as jsx95 } from "react/jsx-runtime";
+var FieldGroupRoot = ({ children, name }) => /* @__PURE__ */ jsx95("div", { className: "flex flex-col gap-3 @container", "data-field-group": name, children });
 
 // src/components/Form/FieldGroup/FieldGroupRow.tsx
 import "react";
-import { jsx as jsx95 } from "react/jsx-runtime";
-var FieldGroupRow = ({ children }) => /* @__PURE__ */ jsx95("div", { className: "relative flex items-center gap-2", children });
+import { jsx as jsx96 } from "react/jsx-runtime";
+var FieldGroupRow = ({ children }) => /* @__PURE__ */ jsx96("div", { className: "relative flex items-center gap-2", children });
 
 // src/components/Form/FieldGroup/FieldGroup.tsx
 var FieldGroup = Object.assign(FieldGroupRoot, {
@@ -1936,7 +1968,7 @@ var FieldGroup = Object.assign(FieldGroupRoot, {
 });
 
 // src/components/Form/NumberField/NumberFieldInput.tsx
-import { jsx as jsx96, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs25 } from "react/jsx-runtime";
 var NumberFieldInput = ({
   description,
   disabled,
@@ -1969,12 +2001,12 @@ var NumberFieldInput = ({
       setValue(newValue);
     }
   };
-  return /* @__PURE__ */ jsxs24(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs24(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx96(Label3, { children: label }),
-      /* @__PURE__ */ jsx96(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs25(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs25(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx97(Label3, { children: label }),
+      /* @__PURE__ */ jsx97(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx97(
       Input,
       {
         disabled: disabled || readOnly,
@@ -1986,7 +2018,7 @@ var NumberFieldInput = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx96(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx97(FieldGroup.Error, { error })
   ] });
 };
 
@@ -1998,9 +2030,9 @@ import * as RadioGroupPrimitive2 from "@radix-ui/react-radio-group";
 import { forwardRef as forwardRef70 } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var RadioGroupItem = forwardRef70(function RadioGroupItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     RadioGroupPrimitive.Item,
     {
       className: cn(
@@ -2009,7 +2041,7 @@ var RadioGroupItem = forwardRef70(function RadioGroupItem2({ className, ...props
       ),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx97(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx97(
+      children: /* @__PURE__ */ jsx98(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx98(
         CircleIcon3,
         {
           className: "fill-current text-current",
@@ -2021,16 +2053,16 @@ var RadioGroupItem = forwardRef70(function RadioGroupItem2({ className, ...props
 });
 
 // src/components/RadioGroup/RadioGroup.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var RadioGroupRoot = React31.forwardRef(function RadioGroup3({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx98(RadioGroupPrimitive2.Root, { className: cn("grid gap-2", className), "data-testid": "radio-group", ...props, ref });
+  return /* @__PURE__ */ jsx99(RadioGroupPrimitive2.Root, { className: cn("grid gap-2", className), "data-testid": "radio-group", ...props, ref });
 });
 var RadioGroup4 = Object.assign(RadioGroupRoot, {
   Item: RadioGroupItem
 });
 
 // src/components/Form/NumberField/NumberFieldRadio.tsx
-import { jsx as jsx99, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs26 } from "react/jsx-runtime";
 var NumberFieldRadio = ({
   description,
   disableAutoPrefix,
@@ -2044,12 +2076,12 @@ var NumberFieldRadio = ({
   value
 }) => {
   const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs25(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs25(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx99(Label3, { children: label }),
-      /* @__PURE__ */ jsx99(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs26(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs26(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx100(Label3, { children: label }),
+      /* @__PURE__ */ jsx100(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       RadioGroup4,
       {
         className: cn(
@@ -2061,9 +2093,9 @@ var NumberFieldRadio = ({
         onValueChange: (value2) => setValue(parseInt(value2)),
         children: Object.keys(options).map((val) => parseInt(val)).toSorted((a, b) => a - b).map((val) => {
           const text = (disableAutoPrefix ? "" : `${val} - `) + options[val];
-          return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx99(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${val}`, value: val.toString() }),
-            /* @__PURE__ */ jsx99(
+          return /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx100(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${val}`, value: val.toString() }),
+            /* @__PURE__ */ jsx100(
               Label3,
               {
                 "aria-disabled": disabled || readOnly,
@@ -2076,7 +2108,7 @@ var NumberFieldRadio = ({
         })
       }
     ),
-    /* @__PURE__ */ jsx99(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx100(FieldGroup.Error, { error })
   ] });
 };
 
@@ -2091,15 +2123,15 @@ import * as SelectPrimitive3 from "@radix-ui/react-select";
 import { forwardRef as forwardRef72 } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var SelectScrollDownButton = forwardRef72(function SelectScrollDownButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     SelectPrimitive.ScrollDownButton,
     {
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx100(ChevronDownIcon4, {})
+      children: /* @__PURE__ */ jsx101(ChevronDownIcon4, {})
     }
   );
 });
@@ -2108,23 +2140,23 @@ var SelectScrollDownButton = forwardRef72(function SelectScrollDownButton2({ cla
 import { forwardRef as forwardRef73 } from "react";
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var SelectScrollUpButton = forwardRef73(function SelectScrollUpButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     SelectPrimitive2.ScrollUpButton,
     {
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx101(ChevronUpIcon2, {})
+      children: /* @__PURE__ */ jsx102(ChevronUpIcon2, {})
     }
   );
 });
 
 // src/components/Select/SelectContent.tsx
-import { jsx as jsx102, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs27 } from "react/jsx-runtime";
 var SelectContent = forwardRef74(function SelectContent2({ children, className, position = "popper", ...props }, ref) {
-  return /* @__PURE__ */ jsx102(SelectPrimitive3.Portal, { children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx103(SelectPrimitive3.Portal, { children: /* @__PURE__ */ jsxs27(
     SelectPrimitive3.Content,
     {
       className: cn(
@@ -2136,8 +2168,8 @@ var SelectContent = forwardRef74(function SelectContent2({ children, className,
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx102(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx103(
           SelectPrimitive3.Viewport,
           {
             className: cn(
@@ -2147,7 +2179,7 @@ var SelectContent = forwardRef74(function SelectContent2({ children, className,
             children
           }
         ),
-        /* @__PURE__ */ jsx102(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx103(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -2157,9 +2189,9 @@ var SelectContent = forwardRef74(function SelectContent2({ children, className,
 import { forwardRef as forwardRef75 } from "react";
 import * as SelectPrimitive4 from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx103, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs28 } from "react/jsx-runtime";
 var SelectItem = forwardRef75(function SelectItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     SelectPrimitive4.Item,
     {
       className: cn(
@@ -2169,8 +2201,8 @@ var SelectItem = forwardRef75(function SelectItem2({ children, className, ...pro
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx103("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx103(SelectPrimitive4.ItemIndicator, { children: /* @__PURE__ */ jsx103(CheckIcon4, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx103(SelectPrimitive4.ItemText, { children })
+        /* @__PURE__ */ jsx104("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx104(SelectPrimitive4.ItemIndicator, { children: /* @__PURE__ */ jsx104(CheckIcon4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx104(SelectPrimitive4.ItemText, { children })
       ]
     }
   );
@@ -2179,25 +2211,25 @@ var SelectItem = forwardRef75(function SelectItem2({ children, className, ...pro
 // src/components/Select/SelectLabel.tsx
 import { forwardRef as forwardRef76 } from "react";
 import * as SelectPrimitive5 from "@radix-ui/react-select";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var SelectLabel = forwardRef76(function SelectLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx104(SelectPrimitive5.Label, { className: cn("px-2 py-1.5 text-sm font-semibold", className), ref, ...props });
+  return /* @__PURE__ */ jsx105(SelectPrimitive5.Label, { className: cn("px-2 py-1.5 text-sm font-semibold", className), ref, ...props });
 });
 
 // src/components/Select/SelectSeparator.tsx
 import { forwardRef as forwardRef77 } from "react";
 import * as SelectPrimitive6 from "@radix-ui/react-select";
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var SelectSeparator = forwardRef77(function SelectSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx105(SelectPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
+  return /* @__PURE__ */ jsx106(SelectPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
 });
 
 // src/components/Select/SelectTrigger.tsx
 import { forwardRef as forwardRef78 } from "react";
 import * as SelectPrimitive7 from "@radix-ui/react-select";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var SelectTrigger = forwardRef78(function SelectTrigger2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx106(SelectPrimitive7.Trigger, { asChild: true, className, ref, ...props, children: /* @__PURE__ */ jsx106(DropdownButton, { children }) });
+  return /* @__PURE__ */ jsx107(SelectPrimitive7.Trigger, { asChild: true, className, ref, ...props, children: /* @__PURE__ */ jsx107(DropdownButton, { children }) });
 });
 
 // src/components/Select/Select.tsx
@@ -2214,7 +2246,7 @@ var Select = Object.assign(SelectPrimitive8.Root.bind(null), {
 });
 
 // src/components/Form/NumberField/NumberFieldSelect.tsx
-import { jsx as jsx107, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs29 } from "react/jsx-runtime";
 var NumberFieldSelect = ({
   description,
   disableAutoPrefix,
@@ -2227,29 +2259,29 @@ var NumberFieldSelect = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs28(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs28(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx107(Label3, { children: label }),
-      /* @__PURE__ */ jsx107(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs29(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs29(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx108(Label3, { children: label }),
+      /* @__PURE__ */ jsx108(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs28(Select, { name, value: value?.toString() ?? "", onValueChange: (value2) => setValue(parseFloat(value2)), children: [
-      /* @__PURE__ */ jsx107(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx107(Select.Value, {}) }),
-      /* @__PURE__ */ jsx107(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => {
+    /* @__PURE__ */ jsxs29(Select, { name, value: value?.toString() ?? "", onValueChange: (value2) => setValue(parseFloat(value2)), children: [
+      /* @__PURE__ */ jsx108(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx108(Select.Value, {}) }),
+      /* @__PURE__ */ jsx108(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => {
         const text = (disableAutoPrefix ? "" : `${option} - `) + options[option];
-        return /* @__PURE__ */ jsx107(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: text }, option);
+        return /* @__PURE__ */ jsx108(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: text }, option);
       }) })
     ] }),
-    /* @__PURE__ */ jsx107(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx108(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Slider/Slider.tsx
 import { forwardRef as forwardRef79 } from "react";
 import { Range, Root as Root13, Thumb, Track } from "@radix-ui/react-slider";
-import { jsx as jsx108, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs30 } from "react/jsx-runtime";
 var Slider = forwardRef79(
   function Slider2({ className, disabled, ...props }, ref) {
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       Root13,
       {
         className: cn("relative flex w-full touch-none select-none items-center py-1.5", className),
@@ -2257,16 +2289,16 @@ var Slider = forwardRef79(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx109(
             Track,
             {
               "aria-disabled": disabled,
               className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary opacity-15 aria-disabled:cursor-not-allowed aria-disabled:opacity-10",
               "data-testid": "slider-track",
-              children: /* @__PURE__ */ jsx108(Range, { className: "absolute h-full bg-primary" })
+              children: /* @__PURE__ */ jsx109(Range, { className: "absolute h-full bg-primary" })
             }
           ),
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx109(
             Thumb,
             {
               "aria-disabled": disabled,
@@ -2281,7 +2313,7 @@ var Slider = forwardRef79(
 );
 
 // src/components/Form/NumberField/NumberFieldSlider.tsx
-import { jsx as jsx109, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs31 } from "react/jsx-runtime";
 var NumberFieldSlider = ({
   description,
   disabled,
@@ -2294,13 +2326,13 @@ var NumberFieldSlider = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs30(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs30(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx109(Label3, { children: label }),
-      /* @__PURE__ */ jsx109(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs31(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs31(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx110(Label3, { children: label }),
+      /* @__PURE__ */ jsx110(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs30(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx109(
+    /* @__PURE__ */ jsxs31(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx110(
         Slider,
         {
           disabled: disabled || readOnly,
@@ -2311,20 +2343,20 @@ var NumberFieldSlider = ({
           onValueChange: ([value2]) => setValue(value2)
         }
       ),
-      /* @__PURE__ */ jsx109("span", { className: "flex h-full w-8 items-center justify-center text-sm text-muted-foreground", children: value ?? "NA" })
+      /* @__PURE__ */ jsx110("span", { className: "flex h-full w-8 items-center justify-center text-sm text-muted-foreground", children: value ?? "NA" })
     ] }),
-    /* @__PURE__ */ jsx109(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx110(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/NumberField/NumberField.tsx
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var NumberField = (props) => {
-  return match2(props).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx110(NumberFieldInput, { ...props2 })).with({ variant: "slider" }, (props2) => /* @__PURE__ */ jsx110(NumberFieldSlider, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx110(NumberFieldRadio, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx110(NumberFieldSelect, { ...props2 })).exhaustive();
+  return match2(props).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx111(NumberFieldInput, { ...props2 })).with({ variant: "slider" }, (props2) => /* @__PURE__ */ jsx111(NumberFieldSlider, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx111(NumberFieldRadio, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx111(NumberFieldSelect, { ...props2 })).exhaustive();
 };
 
 // src/components/Form/NumberRecordField.tsx
-import { jsx as jsx111, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs32 } from "react/jsx-runtime";
 var NumberRecordField = ({
   disabled,
   error: recordError,
@@ -2342,11 +2374,11 @@ var NumberRecordField = ({
   if (!recordValue) {
     return null;
   }
-  return /* @__PURE__ */ jsxs31("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx111(Heading, { className: "font-medium", variant: "h5", children: label }),
-    /* @__PURE__ */ jsx111("div", { className: "space-y-6", children: Object.keys(items).map((name) => {
+  return /* @__PURE__ */ jsxs32("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx112(Heading, { className: "font-medium", variant: "h5", children: label }),
+    /* @__PURE__ */ jsx112("div", { className: "space-y-6", children: Object.keys(items).map((name) => {
       const item = items[name];
-      return /* @__PURE__ */ jsx111(
+      return /* @__PURE__ */ jsx112(
         NumberField,
         {
           error: recordError?.[name],
@@ -2374,7 +2406,7 @@ import { MinusCircleIcon, PlusCircleIcon } from "lucide-react";
 import { match as match4 } from "ts-pattern";
 
 // src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
-import { jsx as jsx112, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs33 } from "react/jsx-runtime";
 var BooleanFieldCheckbox = ({
   disabled,
   error,
@@ -2384,9 +2416,9 @@ var BooleanFieldCheckbox = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs32(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs32(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsxs33(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs33(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx113(
         Checkbox,
         {
           checked: value,
@@ -2400,16 +2432,16 @@ var BooleanFieldCheckbox = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx112(Label3, { htmlFor: name, children: label })
+      /* @__PURE__ */ jsx113(Label3, { htmlFor: name, children: label })
     ] }),
-    /* @__PURE__ */ jsx112(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx113(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BooleanField/BooleanFieldRadio.tsx
-import { useCallback } from "react";
+import { useCallback as useCallback2 } from "react";
 import { match as match3 } from "ts-pattern";
-import { jsx as jsx113, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs34 } from "react/jsx-runtime";
 var stringifyBoolean = (value) => match3(value).with(void 0, () => "").with(true, () => "true").with(false, () => "false").exhaustive();
 var BooleanFieldRadio = ({
   disabled,
@@ -2422,15 +2454,15 @@ var BooleanFieldRadio = ({
   value
 }) => {
   const { t } = useTranslation("libui");
-  const handleValueChange = useCallback(
+  const handleValueChange = useCallback2(
     (value2) => {
       match3(value2).with("", () => setValue(void 0)).with("true", () => setValue(true)).with("false", () => setValue(false)).otherwise((value3) => console.error(`Unexpected value for boolean field '${name}': ${value3}`));
     },
     [match3, setValue]
   );
-  return /* @__PURE__ */ jsxs33(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsx113(Label3, { children: label }),
-    /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsx114(Label3, { children: label }),
+    /* @__PURE__ */ jsxs34(
       RadioGroup4,
       {
         disabled: disabled || readOnly,
@@ -2438,9 +2470,9 @@ var BooleanFieldRadio = ({
         value: stringifyBoolean(value),
         onValueChange: handleValueChange,
         children: [
-          /* @__PURE__ */ jsxs33(FieldGroup.Row, { children: [
-            /* @__PURE__ */ jsx113(RadioGroup4.Item, { id: `${name}-true`, value: "true" }),
-            /* @__PURE__ */ jsx113(
+          /* @__PURE__ */ jsxs34(FieldGroup.Row, { children: [
+            /* @__PURE__ */ jsx114(RadioGroup4.Item, { id: `${name}-true`, value: "true" }),
+            /* @__PURE__ */ jsx114(
               Label3,
               {
                 "aria-disabled": disabled || readOnly,
@@ -2450,9 +2482,9 @@ var BooleanFieldRadio = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs33(FieldGroup.Row, { children: [
-            /* @__PURE__ */ jsx113(RadioGroup4.Item, { id: `${name}-false`, value: "false" }),
-            /* @__PURE__ */ jsx113(
+          /* @__PURE__ */ jsxs34(FieldGroup.Row, { children: [
+            /* @__PURE__ */ jsx114(RadioGroup4.Item, { id: `${name}-false`, value: "false" }),
+            /* @__PURE__ */ jsx114(
               Label3,
               {
                 "aria-disabled": disabled || readOnly,
@@ -2465,20 +2497,20 @@ var BooleanFieldRadio = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx113(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx114(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BooleanField/BooleanField.tsx
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var BooleanField = (props) => {
-  return match4(props).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx114(BooleanFieldRadio, { ...props2 })).with({ variant: "checkbox" }, (props2) => /* @__PURE__ */ jsx114(BooleanFieldCheckbox, { ...props2 })).exhaustive();
+  return match4(props).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx115(BooleanFieldRadio, { ...props2 })).with({ variant: "checkbox" }, (props2) => /* @__PURE__ */ jsx115(BooleanFieldCheckbox, { ...props2 })).exhaustive();
 };
 
 // src/components/Form/DateField/DateField.tsx
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { toBasicISOString as toBasicISOString2 } from "@douglasneuroinformatics/libjs";
-import { jsx as jsx115, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs35 } from "react/jsx-runtime";
 var isValidDateString = (s) => /^(\d{4})-((0[1-9])|(1[0-2]))-((0[1-9])|([12])[0-9]|3[01])$/.test(s);
 var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) => {
   const [isDatePickerOpen, setIsDatePickerOpen] = useState5(false);
@@ -2497,10 +2529,10 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
   useEffect4(() => {
     setInputValue(value ? toBasicISOString2(value) : "");
   }, [value]);
-  return /* @__PURE__ */ jsxs34(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsx115(Label3, { htmlFor: name, children: label }),
-    /* @__PURE__ */ jsxs34(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [
-      /* @__PURE__ */ jsx115(Popover.Trigger, { children: /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsxs35(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsx116(Label3, { htmlFor: name, children: label }),
+    /* @__PURE__ */ jsxs35(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [
+      /* @__PURE__ */ jsx116(Popover.Trigger, { children: /* @__PURE__ */ jsx116(
         Input,
         {
           autoComplete: "off",
@@ -2515,7 +2547,7 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
           onFocus: () => setIsInputFocused(true)
         }
       ) }),
-      /* @__PURE__ */ jsx115(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: /* @__PURE__ */ jsx115(
+      /* @__PURE__ */ jsx116(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: /* @__PURE__ */ jsx116(
         DatePicker,
         {
           onSelection: (value2) => {
@@ -2525,7 +2557,7 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx115(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx116(FieldGroup.Error, { error })
   ] });
 };
 
@@ -2534,7 +2566,7 @@ import { useEffect as useEffect5 } from "react";
 import { match as match5 } from "ts-pattern";
 
 // src/components/Form/SetField/SetFieldListbox.tsx
-import { jsx as jsx116, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs36 } from "react/jsx-runtime";
 var SetFieldListbox = ({
   description,
   disabled,
@@ -2546,13 +2578,13 @@ var SetFieldListbox = ({
   readOnly,
   value
 }) => {
-  return /* @__PURE__ */ jsxs35(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs35(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx116(Label3, { children: label }),
-      /* @__PURE__ */ jsx116(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs36(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx117(Label3, { children: label }),
+      /* @__PURE__ */ jsx117(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx116("div", { className: "grid gap-2", children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs35(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx116(
+    /* @__PURE__ */ jsx117("div", { className: "grid gap-2", children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx117(
         Checkbox,
         {
           checked: value?.has(option) ?? false,
@@ -2563,14 +2595,14 @@ var SetFieldListbox = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx116(Label3, { className: "font-normal text-muted-foreground", htmlFor: `${name}-${option}`, children: options[option] })
+      /* @__PURE__ */ jsx117(Label3, { className: "font-normal text-muted-foreground", htmlFor: `${name}-${option}`, children: options[option] })
     ] }, option)) }),
-    /* @__PURE__ */ jsx116(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx117(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/SetField/SetFieldSelect.tsx
-import { jsx as jsx117, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs37 } from "react/jsx-runtime";
 var SetFieldSelect = ({
   description,
   disabled,
@@ -2582,16 +2614,16 @@ var SetFieldSelect = ({
   readOnly,
   value
 }) => {
-  return value ? /* @__PURE__ */ jsxs36(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx117(Label3, { children: label }),
-      /* @__PURE__ */ jsx117(FieldGroup.Description, { description })
+  return value ? /* @__PURE__ */ jsxs37(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs37(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx118(Label3, { children: label }),
+      /* @__PURE__ */ jsx118(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs36(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx117(DropdownMenu.Trigger, { asChild: true, className: "w-full", disabled: disabled || readOnly, children: /* @__PURE__ */ jsx117(DropdownButton, { children: value.size ? /* @__PURE__ */ jsx117("div", { className: "flex items-center gap-2", children: Array.from(value).map((option) => /* @__PURE__ */ jsx117(Badge, { className: "font-normal", variant: "outline", children: options[option] }, option)) }) : null }) }),
-      /* @__PURE__ */ jsx117(DropdownMenu.Content, { widthFull: true, align: "start", children: Object.keys(options).map((option) => {
+    /* @__PURE__ */ jsxs37(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx118(DropdownMenu.Trigger, { asChild: true, className: "w-full", disabled: disabled || readOnly, children: /* @__PURE__ */ jsx118(DropdownButton, { children: value.size ? /* @__PURE__ */ jsx118("div", { className: "flex items-center gap-2", children: Array.from(value).map((option) => /* @__PURE__ */ jsx118(Badge, { className: "font-normal", variant: "outline", children: options[option] }, option)) }) : null }) }),
+      /* @__PURE__ */ jsx118(DropdownMenu.Content, { widthFull: true, align: "start", children: Object.keys(options).map((option) => {
         const checked = value.has(option);
-        return /* @__PURE__ */ jsx117(
+        return /* @__PURE__ */ jsx118(
           DropdownMenu.CheckboxItem,
           {
             checked,
@@ -2605,12 +2637,12 @@ var SetFieldSelect = ({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx117(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx118(FieldGroup.Error, { error })
   ] }) : null;
 };
 
 // src/components/Form/SetField/SetField.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var SetField = (props) => {
   useEffect5(() => {
     if (!props.value) {
@@ -2628,14 +2660,14 @@ var SetField = (props) => {
       props.setValue(updatedValue);
     }
   };
-  return match5(props).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx118(SetFieldSelect, { onCheckedChange: handleCheckedChange, ...props2 })).with({ variant: "listbox" }, (props2) => /* @__PURE__ */ jsx118(SetFieldListbox, { onCheckedChange: handleCheckedChange, ...props2 })).exhaustive();
+  return match5(props).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx119(SetFieldSelect, { onCheckedChange: handleCheckedChange, ...props2 })).with({ variant: "listbox" }, (props2) => /* @__PURE__ */ jsx119(SetFieldListbox, { onCheckedChange: handleCheckedChange, ...props2 })).exhaustive();
 };
 
 // src/components/Form/StringField/StringField.tsx
 import { match as match6 } from "ts-pattern";
 
 // src/components/Form/StringField/StringFieldInput.tsx
-import { jsx as jsx119, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs38 } from "react/jsx-runtime";
 var StringFieldInput = ({
   description,
   disabled,
@@ -2647,12 +2679,12 @@ var StringFieldInput = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs37(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs37(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx119(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx119(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs38(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx120(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx120(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx119(
+    /* @__PURE__ */ jsx120(
       Input,
       {
         disabled: disabled || readOnly,
@@ -2664,7 +2696,7 @@ var StringFieldInput = ({
         onChange: (event) => setValue(event.target.value)
       }
     ),
-    /* @__PURE__ */ jsx119(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx120(FieldGroup.Error, { error })
   ] });
 };
 
@@ -2672,7 +2704,7 @@ var StringFieldInput = ({
 import { useEffect as useEffect6, useState as useState6 } from "react";
 import { motion as motion4 } from "framer-motion";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { jsx as jsx120, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs39 } from "react/jsx-runtime";
 var StringFieldPassword = ({
   calculateStrength,
   description,
@@ -2691,13 +2723,13 @@ var StringFieldPassword = ({
       setStrength(value ? calculateStrength(value) : 0);
     }
   }, [value]);
-  return /* @__PURE__ */ jsxs38(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx120(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx120(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs39(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs39(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx121(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx121(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx120(
+    /* @__PURE__ */ jsxs39(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx121(
         Input,
         {
           disabled: disabled || readOnly,
@@ -2708,7 +2740,7 @@ var StringFieldPassword = ({
           onChange: (event) => setValue(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsxs38(
+      /* @__PURE__ */ jsxs39(
         "button",
         {
           className: "absolute right-0 flex h-full w-8 items-center justify-center text-muted-foreground",
@@ -2717,20 +2749,20 @@ var StringFieldPassword = ({
           type: "button",
           onClick: () => setShow(!show),
           children: [
-            /* @__PURE__ */ jsx120(EyeIcon, { className: cn("absolute transition-all", show ? "-rotate-90 scale-0" : "rotate-0 scale-100") }),
-            /* @__PURE__ */ jsx120(EyeOffIcon, { className: cn("absolute transition-all", !show ? "rotate-90 scale-0" : "rotate-0 scale-100") })
+            /* @__PURE__ */ jsx121(EyeIcon, { className: cn("absolute transition-all", show ? "-rotate-90 scale-0" : "rotate-0 scale-100") }),
+            /* @__PURE__ */ jsx121(EyeOffIcon, { className: cn("absolute transition-all", !show ? "rotate-90 scale-0" : "rotate-0 scale-100") })
           ]
         }
       )
     ] }),
-    strength !== null && /* @__PURE__ */ jsx120(
+    strength !== null && /* @__PURE__ */ jsx121(
       motion4.div,
       {
         animate: { width: `${Math.max(strength, value?.length ? 1 : 0) * 25}%` },
         className: "h-1 w-full overflow-hidden rounded",
         initial: { width: "0%" },
         transition: { duration: 0.5 },
-        children: /* @__PURE__ */ jsx120(
+        children: /* @__PURE__ */ jsx121(
           "div",
           {
             className: cn(
@@ -2743,13 +2775,13 @@ var StringFieldPassword = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx120(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx121(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BaseRadioField.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx121, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs40 } from "react/jsx-runtime";
 var baseRadioFieldVariants = cva4("flex", {
   defaultVariants: {
     orientation: "vertical"
@@ -2774,21 +2806,21 @@ var BaseRadioField = ({
   value
 }) => {
   const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs39(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs39(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx121(Label3, { children: label }),
-      /* @__PURE__ */ jsx121(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs40(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs40(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx122(Label3, { children: label }),
+      /* @__PURE__ */ jsx122(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx121(
+    /* @__PURE__ */ jsx122(
       RadioGroup4,
       {
         className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? "vertical" : orientation }),
         name,
         value: value ?? "",
         onValueChange: (value2) => setValue(value2),
-        children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx121(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }),
-          /* @__PURE__ */ jsx121(
+        children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx122(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }),
+          /* @__PURE__ */ jsx122(
             Label3,
             {
               "aria-disabled": disabled || readOnly,
@@ -2800,18 +2832,18 @@ var BaseRadioField = ({
         ] }, option))
       }
     ),
-    /* @__PURE__ */ jsx121(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx122(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/StringField/StringFieldRadio.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var StringFieldRadio = (props) => {
-  return /* @__PURE__ */ jsx122(BaseRadioField, { ...props });
+  return /* @__PURE__ */ jsx123(BaseRadioField, { ...props });
 };
 
 // src/components/Form/StringField/StringFieldSelect.tsx
-import { jsx as jsx123, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs41 } from "react/jsx-runtime";
 var StringFieldSelect = ({
   description,
   disabled,
@@ -2823,24 +2855,24 @@ var StringFieldSelect = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs40(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs40(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx123(Label3, { children: label }),
-      /* @__PURE__ */ jsx123(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs41(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx124(Label3, { children: label }),
+      /* @__PURE__ */ jsx124(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs40(Select, { name, value: value ?? "", onValueChange: (value2) => setValue(value2), children: [
-      /* @__PURE__ */ jsx123(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx123(Select.Value, {}) }),
-      /* @__PURE__ */ jsx123(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx123(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: options[option] }, option)) })
+    /* @__PURE__ */ jsxs41(Select, { name, value: value ?? "", onValueChange: (value2) => setValue(value2), children: [
+      /* @__PURE__ */ jsx124(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx124(Select.Value, {}) }),
+      /* @__PURE__ */ jsx124(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx124(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: options[option] }, option)) })
     ] }),
-    /* @__PURE__ */ jsx123(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx124(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/TextArea/TextArea.tsx
 import * as React32 from "react";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var TextArea = React32.forwardRef(function TextArea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     "textarea",
     {
       autoComplete: "off",
@@ -2856,7 +2888,7 @@ var TextArea = React32.forwardRef(function TextArea2({ className, ...props }, re
 });
 
 // src/components/Form/StringField/StringFieldTextArea.tsx
-import { jsx as jsx125, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs42 } from "react/jsx-runtime";
 var StringFieldTextArea = ({
   description,
   disabled,
@@ -2868,12 +2900,12 @@ var StringFieldTextArea = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs41(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx125(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx125(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs42(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs42(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx126(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx126(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx125(
+    /* @__PURE__ */ jsx126(
       TextArea,
       {
         disabled: disabled || readOnly,
@@ -2885,37 +2917,37 @@ var StringFieldTextArea = ({
         onChange: (event) => setValue(event.target.value)
       }
     ),
-    /* @__PURE__ */ jsx125(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx126(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/StringField/StringField.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var StringField = (props) => {
-  return match6(props).with({ variant: "textarea" }, (props2) => /* @__PURE__ */ jsx126(StringFieldTextArea, { ...props2 })).with({ variant: "password" }, (props2) => /* @__PURE__ */ jsx126(StringFieldPassword, { ...props2 })).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx126(StringFieldInput, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx126(StringFieldSelect, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx126(StringFieldRadio, { ...props2 })).exhaustive();
+  return match6(props).with({ variant: "textarea" }, (props2) => /* @__PURE__ */ jsx127(StringFieldTextArea, { ...props2 })).with({ variant: "password" }, (props2) => /* @__PURE__ */ jsx127(StringFieldPassword, { ...props2 })).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx127(StringFieldInput, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx127(StringFieldSelect, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx127(StringFieldRadio, { ...props2 })).exhaustive();
 };
 
 // src/components/Form/ScalarField.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var ScalarField = ({ field, ...props }) => {
   switch (field.kind) {
     case "string":
-      return /* @__PURE__ */ jsx127(StringField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(StringField, { ...field, ...props });
     case "number":
-      return /* @__PURE__ */ jsx127(NumberField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(NumberField, { ...field, ...props });
     case "date":
-      return /* @__PURE__ */ jsx127(DateField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(DateField, { ...field, ...props });
     case "boolean":
-      return /* @__PURE__ */ jsx127(BooleanField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(BooleanField, { ...field, ...props });
     case "set":
-      return /* @__PURE__ */ jsx127(SetField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(SetField, { ...field, ...props });
     default:
       throw new Error(`Unexpected value for kind: ${Reflect.get(field, "kind")}`);
   }
 };
 
 // src/components/Form/RecordArrayField.tsx
-import { jsx as jsx128, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs43 } from "react/jsx-runtime";
 var RecordArrayField = memo(function RecordArrayField2({
   disabled,
   error: arrayError,
@@ -2942,17 +2974,17 @@ var RecordArrayField = memo(function RecordArrayField2({
       setArrayValue(arrayValue.slice(0, arrayValue.length - 1));
     }
   };
-  return /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx128(Heading, { className: "font-medium", variant: "h5", children: label }),
-    /* @__PURE__ */ jsx128("div", { className: "space-y-6", children: arrayValue.map((fields, i) => /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx128(Label3, { className: "font-semibold italic", children: label + " " + (i + 1) }),
+  return /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx129(Heading, { className: "font-medium", variant: "h5", children: label }),
+    /* @__PURE__ */ jsx129("div", { className: "space-y-6", children: arrayValue.map((fields, i) => /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx129(Label3, { className: "font-semibold italic", children: label + " " + (i + 1) }),
       Object.keys(fields).map((name) => {
         const field = fieldset[name];
         const fieldProps = field?.kind === "dynamic" ? field.render.call(void 0, fields) : field;
         if (!fieldProps) {
           return null;
         }
-        return /* @__PURE__ */ jsx128(
+        return /* @__PURE__ */ jsx129(
           ScalarField,
           {
             error: arrayError?.[i]?.[name],
@@ -2981,21 +3013,21 @@ var RecordArrayField = memo(function RecordArrayField2({
         );
       })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs42("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxs42(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: appendField, children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxs43(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: appendField, children: [
         t("form.append"),
-        /* @__PURE__ */ jsx128(PlusCircleIcon, { className: "ml-2" })
+        /* @__PURE__ */ jsx129(PlusCircleIcon, { className: "ml-2" })
       ] }),
-      /* @__PURE__ */ jsxs42(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: removeField, children: [
+      /* @__PURE__ */ jsxs43(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: removeField, children: [
         t("form.remove"),
-        /* @__PURE__ */ jsx128(MinusCircleIcon, { className: "ml-2" })
+        /* @__PURE__ */ jsx129(MinusCircleIcon, { className: "ml-2" })
       ] })
     ] })
   ] });
 });
 
 // src/components/Form/StaticField.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var StaticField = ({
   errors,
   field,
@@ -3005,19 +3037,19 @@ var StaticField = ({
   setValues,
   values
 }) => {
-  const setError = useCallback2(
+  const setError = useCallback3(
     (error) => {
       return setErrors((prevErrors) => ({ ...prevErrors, [name]: error }));
     },
     [setErrors]
   );
-  const setValue = useCallback2(
+  const setValue = useCallback3(
     (value) => {
       return setValues((prevValues) => ({ ...prevValues, [name]: value }));
     },
     [setValues]
   );
-  return match7(field).with({ kind: "record-array" }, (field2) => /* @__PURE__ */ jsx129(
+  return match7(field).with({ kind: "record-array" }, (field2) => /* @__PURE__ */ jsx130(
     RecordArrayField,
     {
       ...field2,
@@ -3028,7 +3060,7 @@ var StaticField = ({
       setValue,
       value: values[name]
     }
-  )).with({ kind: "number-record" }, (field2) => /* @__PURE__ */ jsx129(
+  )).with({ kind: "number-record" }, (field2) => /* @__PURE__ */ jsx130(
     NumberRecordField,
     {
       ...field2,
@@ -3039,7 +3071,7 @@ var StaticField = ({
       setValue,
       value: values[name]
     }
-  )).otherwise((field2) => /* @__PURE__ */ jsx129(
+  )).otherwise((field2) => /* @__PURE__ */ jsx130(
     ScalarField,
     {
       error: errors[name],
@@ -3054,7 +3086,7 @@ var StaticField = ({
 };
 
 // src/components/Form/DynamicField.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var DynamicField = ({
   field,
   name,
@@ -3083,7 +3115,7 @@ var DynamicField = ({
   if (!staticField) {
     return null;
   }
-  return /* @__PURE__ */ jsx130(StaticField, { ...props, field: staticField, name, readOnly, setValues, values });
+  return /* @__PURE__ */ jsx131(StaticField, { ...props, field: staticField, name, readOnly, setValues, values });
 };
 
 // src/components/Form/FieldsComponent.tsx
@@ -3115,7 +3147,7 @@ function getInitialValues(values) {
 }
 
 // src/components/Form/Form.tsx
-import { jsx as jsx131, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs44 } from "react/jsx-runtime";
 var Form = ({
   className,
   content,
@@ -3189,7 +3221,7 @@ var Form = ({
   useEffect9(() => {
     revalidate();
   }, [resolvedLanguage]);
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "form",
     {
       autoComplete: "off",
@@ -3200,12 +3232,12 @@ var Form = ({
       ...props,
       children: [
         isGrouped ? content.map((fieldGroup, i) => {
-          return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col space-y-6 [&:not(:first-child)]:pt-8", children: [
-            /* @__PURE__ */ jsxs43("div", { className: "space-y-1", children: [
-              fieldGroup.title && /* @__PURE__ */ jsx131(Heading, { className: "text-base", variant: "h4", children: fieldGroup.title }),
-              fieldGroup.description && /* @__PURE__ */ jsx131("p", { className: "text-sm italic leading-tight text-muted-foreground", children: fieldGroup.description })
+          return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col space-y-6 [&:not(:first-child)]:pt-8", children: [
+            /* @__PURE__ */ jsxs44("div", { className: "space-y-1", children: [
+              fieldGroup.title && /* @__PURE__ */ jsx132(Heading, { className: "text-base", variant: "h4", children: fieldGroup.title }),
+              fieldGroup.description && /* @__PURE__ */ jsx132("p", { className: "text-sm italic leading-tight text-muted-foreground", children: fieldGroup.description })
             ] }),
-            /* @__PURE__ */ jsx131(
+            /* @__PURE__ */ jsx132(
               FieldsComponent,
               {
                 errors,
@@ -3217,7 +3249,7 @@ var Form = ({
               }
             )
           ] }, i);
-        }) : /* @__PURE__ */ jsx131(
+        }) : /* @__PURE__ */ jsx132(
           FieldsComponent,
           {
             errors,
@@ -3229,9 +3261,9 @@ var Form = ({
           }
         ),
         fieldsFooter,
-        /* @__PURE__ */ jsxs43("div", { className: "flex w-full gap-3", children: [
-          /* @__PURE__ */ jsx131(Button, { "aria-label": "Submit", className: "block w-full", disabled: readOnly, type: "submit", variant: "primary", children: submitBtnLabel ?? t("form.submit") }),
-          resetBtn && /* @__PURE__ */ jsx131(
+        /* @__PURE__ */ jsxs44("div", { className: "flex w-full gap-3", children: [
+          /* @__PURE__ */ jsx132(Button, { "aria-label": "Submit", className: "block w-full", disabled: readOnly, type: "submit", variant: "primary", children: submitBtnLabel ?? t("form.submit") }),
+          resetBtn && /* @__PURE__ */ jsx132(
             Button,
             {
               "aria-label": "Reset",
@@ -3244,7 +3276,7 @@ var Form = ({
             }
           )
         ] }),
-        Boolean(rootErrors.length) && /* @__PURE__ */ jsx131(ErrorMessage, { error: rootErrors })
+        Boolean(rootErrors.length) && /* @__PURE__ */ jsx132(ErrorMessage, { error: rootErrors })
       ]
     }
   );
@@ -3256,9 +3288,9 @@ import { Root as Root14, Trigger as Trigger8 } from "@radix-ui/react-hover-card"
 // src/components/HoverCard/HoverCardContent.tsx
 import { forwardRef as forwardRef81 } from "react";
 import { Content as Content9 } from "@radix-ui/react-hover-card";
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 var HoverCardContent = forwardRef81(function HoverCardContent2({ align = "center", className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(
     Content9,
     {
       align,
@@ -3281,7 +3313,7 @@ var HoverCard = Object.assign(Root14.bind(null), {
 
 // src/components/LanguageToggle/LanguageToggle.tsx
 import { LanguagesIcon } from "lucide-react";
-import { jsx as jsx133, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs45 } from "react/jsx-runtime";
 var LanguageToggle = ({
   align = "start",
   contentClassName,
@@ -3291,9 +3323,9 @@ var LanguageToggle = ({
   variant = "outline"
 }) => {
   const { changeLanguage } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs44(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx133(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx133(Button, { className: triggerClassName, size: "icon", variant, children: /* @__PURE__ */ jsx133(LanguagesIcon, {}) }) }),
-    /* @__PURE__ */ jsx133(DropdownMenu.Content, { align, className: contentClassName, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsxs45(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx134(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx134(Button, { className: triggerClassName, size: "icon", variant, children: /* @__PURE__ */ jsx134(LanguagesIcon, {}) }) }),
+    /* @__PURE__ */ jsx134(DropdownMenu.Content, { align, className: contentClassName, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx134(
       DropdownMenu.Item,
       {
         className: itemClassName,
@@ -3320,7 +3352,7 @@ import {
   XAxis,
   YAxis
 } from "recharts";
-import { jsx as jsx134, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs46 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var strokeColors = {
   dark: "#cbd5e1",
@@ -3349,9 +3381,9 @@ function LineGraphComponent({
 }) {
   const { resolvedLanguage } = useTranslation("libui");
   const [theme] = useTheme();
-  return /* @__PURE__ */ jsx134(ResponsiveContainer, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs45(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 }, children: [
-    /* @__PURE__ */ jsx134(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
-    /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(ResponsiveContainer, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs46(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 }, children: [
+    /* @__PURE__ */ jsx135(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
+    /* @__PURE__ */ jsx135(
       XAxis,
       {
         axisLine: { stroke: "#64748b" },
@@ -3366,10 +3398,10 @@ function LineGraphComponent({
         tickMargin: 8,
         tickSize: 8,
         type: "number",
-        children: /* @__PURE__ */ jsx134(Label6, { fill: strokeColors[theme], offset: 0, position: "insideBottom", value: xAxis?.label })
+        children: /* @__PURE__ */ jsx135(Label6, { fill: strokeColors[theme], offset: 0, position: "insideBottom", value: xAxis?.label })
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       YAxis,
       {
         axisLine: { stroke: "#64748b" },
@@ -3380,7 +3412,7 @@ function LineGraphComponent({
         width: 40
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       Tooltip,
       {
         contentStyle: tooltipStyles[theme],
@@ -3404,16 +3436,16 @@ function LineGraphComponent({
         stroke: stroke ?? strokeColors[theme],
         type: type ?? "linear"
       },
-      err && /* @__PURE__ */ jsx134(ErrorBar, { dataKey: err, stroke: "#64748b" })
+      err && /* @__PURE__ */ jsx135(ErrorBar, { dataKey: err, stroke: "#64748b" })
     )),
-    /* @__PURE__ */ jsx134(Legend, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } })
+    /* @__PURE__ */ jsx135(Legend, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } })
   ] }) });
 }
 var LineGraph = React37.memo(LineGraphComponent);
 
 // src/components/ListboxDropdown/ListboxDropdown.tsx
 import "react";
-import { jsx as jsx135, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs47 } from "react/jsx-runtime";
 var ListboxDropdown = ({
   contentClassName,
   disabled,
@@ -3424,11 +3456,11 @@ var ListboxDropdown = ({
   triggerClassName,
   widthFull
 }) => {
-  return /* @__PURE__ */ jsxs46(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx135(DropdownMenu.Trigger, { asChild: true, className: cn("w-full", triggerClassName), disabled, children: /* @__PURE__ */ jsx135(DropdownButton, { children: title }) }),
-    /* @__PURE__ */ jsx135(DropdownMenu.Content, { align: "start", className: contentClassName, widthFull, children: options.map((option) => {
+  return /* @__PURE__ */ jsxs47(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx136(DropdownMenu.Trigger, { asChild: true, className: cn("w-full", triggerClassName), disabled, children: /* @__PURE__ */ jsx136(DropdownButton, { children: title }) }),
+    /* @__PURE__ */ jsx136(DropdownMenu.Content, { align: "start", className: contentClassName, widthFull, children: options.map((option) => {
       const checked = Boolean(selected.find((selectedOption) => selectedOption.key === option.key));
-      return /* @__PURE__ */ jsx135(
+      return /* @__PURE__ */ jsx136(
         DropdownMenu.CheckboxItem,
         {
           checked,
@@ -3459,9 +3491,9 @@ import { Group as Group4, Menu, Portal as Portal10, RadioGroup as RadioGroup5, S
 import { forwardRef as forwardRef82 } from "react";
 import { CheckboxItem as CheckboxItem3, ItemIndicator as ItemIndicator6 } from "@radix-ui/react-menubar";
 import { CheckIcon as CheckIcon5 } from "lucide-react";
-import { jsx as jsx136, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs48 } from "react/jsx-runtime";
 var MenuBarCheckboxItem = forwardRef82(function MenuBarCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     CheckboxItem3,
     {
       checked,
@@ -3472,7 +3504,7 @@ var MenuBarCheckboxItem = forwardRef82(function MenuBarCheckboxItem2({ checked,
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx136("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx136(ItemIndicator6, { children: /* @__PURE__ */ jsx136(CheckIcon5, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx137("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx137(ItemIndicator6, { children: /* @__PURE__ */ jsx137(CheckIcon5, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -3482,9 +3514,9 @@ var MenuBarCheckboxItem = forwardRef82(function MenuBarCheckboxItem2({ checked,
 // src/components/MenuBar/MenuBarContent.tsx
 import { forwardRef as forwardRef83 } from "react";
 import { Content as Content10, Portal as Portal9 } from "@radix-ui/react-menubar";
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 var MenuBarContent = forwardRef83(function MenuBarContent2({ align = "start", alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
-  return /* @__PURE__ */ jsx137(Portal9, { children: /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx138(Portal9, { children: /* @__PURE__ */ jsx138(
     Content10,
     {
       align,
@@ -3503,9 +3535,9 @@ var MenuBarContent = forwardRef83(function MenuBarContent2({ align = "start", al
 // src/components/MenuBar/MenuBarItem.tsx
 import { forwardRef as forwardRef84 } from "react";
 import { Item as Item6 } from "@radix-ui/react-menubar";
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 var MenuBarItem = forwardRef84(function MenuBarItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx139(
     Item6,
     {
       className: cn(
@@ -3522,18 +3554,18 @@ var MenuBarItem = forwardRef84(function MenuBarItem2({ className, inset, ...prop
 // src/components/MenuBar/MenuBarLabel.tsx
 import { forwardRef as forwardRef85 } from "react";
 import { Label as Label7 } from "@radix-ui/react-menubar";
-import { jsx as jsx139 } from "react/jsx-runtime";
+import { jsx as jsx140 } from "react/jsx-runtime";
 var MenuBarLabel = forwardRef85(function MenuBarLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx139(Label7, { className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ref, ...props });
+  return /* @__PURE__ */ jsx140(Label7, { className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ref, ...props });
 });
 
 // src/components/MenuBar/MenuBarRadioItem.tsx
 import { forwardRef as forwardRef86 } from "react";
 import { ItemIndicator as ItemIndicator7, RadioItem as RadioItem3 } from "@radix-ui/react-menubar";
 import { CircleIcon as CircleIcon4 } from "lucide-react";
-import { jsx as jsx140, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs49 } from "react/jsx-runtime";
 var MenuBarRadioItem = forwardRef86(function MenuBarRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     RadioItem3,
     {
       className: cn(
@@ -3543,7 +3575,7 @@ var MenuBarRadioItem = forwardRef86(function MenuBarRadioItem2({ children, class
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx140("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx140(ItemIndicator7, { children: /* @__PURE__ */ jsx140(CircleIcon4, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
+        /* @__PURE__ */ jsx141("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx141(ItemIndicator7, { children: /* @__PURE__ */ jsx141(CircleIcon4, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
         children
       ]
     }
@@ -3553,10 +3585,10 @@ var MenuBarRadioItem = forwardRef86(function MenuBarRadioItem2({ children, class
 // src/components/MenuBar/MenuBarRoot.tsx
 import { forwardRef as forwardRef87 } from "react";
 import { Root as Root15 } from "@radix-ui/react-menubar";
-import { jsx as jsx141 } from "react/jsx-runtime";
+import { jsx as jsx142 } from "react/jsx-runtime";
 var MenuBarRoot = forwardRef87(
   function MenuBarRoot2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx141(
+    return /* @__PURE__ */ jsx142(
       Root15,
       {
         className: cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", className),
@@ -3570,24 +3602,24 @@ var MenuBarRoot = forwardRef87(
 // src/components/MenuBar/MenuBarSeparator.tsx
 import { forwardRef as forwardRef88 } from "react";
 import { Separator as Separator4 } from "@radix-ui/react-menubar";
-import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var MenuBarSeparator = forwardRef88(function MenuBarSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx142(Separator4, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
+  return /* @__PURE__ */ jsx143(Separator4, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
 });
 
 // src/components/MenuBar/MenuBarShortcut.tsx
 import "react";
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 var MenuBarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx143("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx144("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 
 // src/components/MenuBar/MenuBarSubContent.tsx
 import { forwardRef as forwardRef89 } from "react";
 import { SubContent as SubContent3 } from "@radix-ui/react-menubar";
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { jsx as jsx145 } from "react/jsx-runtime";
 var MenuBarSubContent = forwardRef89(function MenuBarSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx145(
     SubContent3,
     {
       className: cn(
@@ -3604,9 +3636,9 @@ var MenuBarSubContent = forwardRef89(function MenuBarSubContent2({ className, ..
 import { forwardRef as forwardRef90 } from "react";
 import { SubTrigger as SubTrigger3 } from "@radix-ui/react-menubar";
 import { ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
-import { jsx as jsx145, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs50 } from "react/jsx-runtime";
 var MenuBarSubTrigger = forwardRef90(function MenuBarSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     SubTrigger3,
     {
       className: cn(
@@ -3618,7 +3650,7 @@ var MenuBarSubTrigger = forwardRef90(function MenuBarSubTrigger2({ children, cla
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx145(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx146(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -3627,9 +3659,9 @@ var MenuBarSubTrigger = forwardRef90(function MenuBarSubTrigger2({ children, cla
 // src/components/MenuBar/MenuBarTrigger.tsx
 import { forwardRef as forwardRef91 } from "react";
 import { Trigger as Trigger9 } from "@radix-ui/react-menubar";
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 var MenuBarTrigger = forwardRef91(function MenuBarTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx147(
     Trigger9,
     {
       className: cn(
@@ -3667,26 +3699,26 @@ import { XIcon as XIcon2 } from "lucide-react";
 
 // src/components/NotificationHub/NotificationIcon.tsx
 import { CheckCircleIcon, ExclamationCircleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/24/solid";
-import { jsx as jsx147 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var NotificationIcon = ({ type }) => {
   switch (type) {
     case "error":
-      return /* @__PURE__ */ jsx147(XCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-red-500" });
+      return /* @__PURE__ */ jsx148(XCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-red-500" });
     case "info":
-      return /* @__PURE__ */ jsx147(InformationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-blue-500" });
+      return /* @__PURE__ */ jsx148(InformationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-blue-500" });
     case "success":
-      return /* @__PURE__ */ jsx147(CheckCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-green-500" });
+      return /* @__PURE__ */ jsx148(CheckCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-green-500" });
     case "warning":
-      return /* @__PURE__ */ jsx147(ExclamationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-yellow-500" });
+      return /* @__PURE__ */ jsx148(ExclamationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-yellow-500" });
   }
 };
 
 // src/components/NotificationHub/NotificationHub.tsx
-import { jsx as jsx148, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx149, jsxs as jsxs51 } from "react/jsx-runtime";
 var NotificationHub = ({ timeout = 5e3 }) => {
   const { t } = useTranslation("libui");
   const { dismissNotification, notifications } = useNotificationsStore();
-  return /* @__PURE__ */ jsx148("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx148(AnimatePresence4, { children: notifications.map((item) => /* @__PURE__ */ jsx148(
+  return /* @__PURE__ */ jsx149("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx149(AnimatePresence4, { children: notifications.map((item) => /* @__PURE__ */ jsx149(
     motion5.div,
     {
       animate: { height: "auto", opacity: 1 },
@@ -3694,12 +3726,12 @@ var NotificationHub = ({ timeout = 5e3 }) => {
       exit: { height: 0, opacity: 0 },
       initial: { height: 0, opacity: 0 },
       transition: { bounce: 0.1, type: "spring" },
-      children: /* @__PURE__ */ jsx148("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxs50(Card, { className: "w-full rounded-lg p-0", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsxs50("div", { className: "mb-2 flex items-center", children: [
-            /* @__PURE__ */ jsx148(NotificationIcon, { type: item.type }),
-            /* @__PURE__ */ jsx148("h5", { className: "ml-3 flex-grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
-            /* @__PURE__ */ jsx148(
+      children: /* @__PURE__ */ jsx149("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxs51(Card, { className: "w-full rounded-lg p-0", children: [
+        /* @__PURE__ */ jsxs51("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxs51("div", { className: "mb-2 flex items-center", children: [
+            /* @__PURE__ */ jsx149(NotificationIcon, { type: item.type }),
+            /* @__PURE__ */ jsx149("h5", { className: "ml-3 flex-grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
+            /* @__PURE__ */ jsx149(
               "button",
               {
                 className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:outline-none focus:ring-1 focus:ring-sky-500 dark:focus:ring-sky-600",
@@ -3707,13 +3739,13 @@ var NotificationHub = ({ timeout = 5e3 }) => {
                 onClick: () => {
                   dismissNotification(item.id);
                 },
-                children: /* @__PURE__ */ jsx148(XIcon2, { "aria-hidden": "true", className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx149(XIcon2, { "aria-hidden": "true", className: "h-5 w-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx148("p", { className: "my-2 text-muted-foreground", children: item.message })
+          /* @__PURE__ */ jsx149("p", { className: "my-2 text-muted-foreground", children: item.message })
         ] }),
-        /* @__PURE__ */ jsx148(
+        /* @__PURE__ */ jsx149(
           motion5.div,
           {
             animate: { width: "100%" },
@@ -3733,27 +3765,27 @@ var NotificationHub = ({ timeout = 5e3 }) => {
 
 // src/components/Pagination/PaginationContent.tsx
 import "react";
-import { jsx as jsx149 } from "react/jsx-runtime";
-var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx149("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
+import { jsx as jsx150 } from "react/jsx-runtime";
+var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx150("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
 
 // src/components/Pagination/PaginationEllipsis.tsx
 import "react";
 import { MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx150, jsxs as jsxs51 } from "react/jsx-runtime";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs51("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx150(MoreHorizontalIcon2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx150("span", { className: "sr-only", children: "More pages" })
+import { jsx as jsx151, jsxs as jsxs52 } from "react/jsx-runtime";
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs52("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ jsx151(MoreHorizontalIcon2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx151("span", { className: "sr-only", children: "More pages" })
 ] });
 
 // src/components/Pagination/PaginationItem.tsx
 import "react";
-import { jsx as jsx151 } from "react/jsx-runtime";
-var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx151("li", { className, ...props });
+import { jsx as jsx152 } from "react/jsx-runtime";
+var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx152("li", { className, ...props });
 
 // src/components/Pagination/PaginationLink.tsx
 import "react";
-import { jsx as jsx152 } from "react/jsx-runtime";
-var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx152(
+import { jsx as jsx153 } from "react/jsx-runtime";
+var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx153(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3772,30 +3804,30 @@ var PaginationLink = ({ children, className, isActive, size = "icon", ...props }
 // src/components/Pagination/PaginationNext.tsx
 import "react";
 import { ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
-import { jsx as jsx153, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs53 } from "react/jsx-runtime";
 var PaginationNext = ({ className, ...props }) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs52(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pr-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx153("span", { children: t("pagination.next") }),
-    /* @__PURE__ */ jsx153(ChevronRightIcon5, { className: "h-4 w-4" })
+  return /* @__PURE__ */ jsxs53(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pr-2.5", className), size: "md", ...props, children: [
+    /* @__PURE__ */ jsx154("span", { children: t("pagination.next") }),
+    /* @__PURE__ */ jsx154(ChevronRightIcon5, { className: "h-4 w-4" })
   ] });
 };
 
 // src/components/Pagination/PaginationPrevious.tsx
 import { ChevronLeftIcon } from "lucide-react";
-import { jsx as jsx154, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs54 } from "react/jsx-runtime";
 var PaginationPrevious = ({ className, ...props }) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs53(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx154(ChevronLeftIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx154("span", { children: t("pagination.previous") })
+  return /* @__PURE__ */ jsxs54(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5", className), size: "md", ...props, children: [
+    /* @__PURE__ */ jsx155(ChevronLeftIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx155("span", { children: t("pagination.previous") })
   ] });
 };
 
 // src/components/Pagination/PaginationRoot.tsx
 import "react";
-import { jsx as jsx155 } from "react/jsx-runtime";
-var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx155(
+import { jsx as jsx156 } from "react/jsx-runtime";
+var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx156(
   "nav",
   {
     "aria-label": "pagination",
@@ -3818,15 +3850,15 @@ var Pagination = Object.assign(PaginationRoot, {
 // src/components/Progress/Progress.tsx
 import { forwardRef as forwardRef92 } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx156 } from "react/jsx-runtime";
+import { jsx as jsx157 } from "react/jsx-runtime";
 var Progress = forwardRef92(function Progress2({ className, value, ...props }, ref) {
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     ProgressPrimitive.Root,
     {
       className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx156(
+      children: /* @__PURE__ */ jsx157(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -3845,8 +3877,8 @@ import { Panel } from "react-resizable-panels";
 import "react";
 import { GripVertical } from "lucide-react";
 import { PanelResizeHandle } from "react-resizable-panels";
-import { jsx as jsx157 } from "react/jsx-runtime";
-var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx157(
+import { jsx as jsx158 } from "react/jsx-runtime";
+var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx158(
   PanelResizeHandle,
   {
     className: cn(
@@ -3854,15 +3886,15 @@ var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ j
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx157("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx157(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx158("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx158(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/Resizable/ResizablePanelGroup.tsx
 import "react";
 import { PanelGroup } from "react-resizable-panels";
-import { jsx as jsx158 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx158(
+import { jsx as jsx159 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx159(
   PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -3871,8 +3903,8 @@ var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx158(
 );
 
 // src/components/Resizable/Resizable.tsx
-import { Fragment, jsx as jsx159 } from "react/jsx-runtime";
-var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx159(Fragment, { children });
+import { Fragment, jsx as jsx160 } from "react/jsx-runtime";
+var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx160(Fragment, { children });
 var Resizable = Object.assign(ResizableRoot, {
   Handle: ResizableHandle,
   Panel,
@@ -3881,7 +3913,7 @@ var Resizable = Object.assign(ResizableRoot, {
 
 // src/components/SearchBar/SearchBar.tsx
 import { SearchIcon as SearchIcon2 } from "lucide-react";
-import { jsx as jsx160, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs55 } from "react/jsx-runtime";
 var SearchBar = ({
   className,
   onClick,
@@ -3892,9 +3924,9 @@ var SearchBar = ({
   ...props
 }) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs54("form", { className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx160(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx160(
+  return /* @__PURE__ */ jsxs55("form", { className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx161(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx161(
       Input,
       {
         className: "pl-8",
@@ -3914,9 +3946,9 @@ var SearchBar = ({
 // src/components/Separator/Separator.tsx
 import { forwardRef as forwardRef93 } from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx161 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
 var Separator5 = forwardRef93(function Separator6({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsx162(
     SeparatorPrimitive.Root,
     {
       className: cn(
@@ -3938,13 +3970,13 @@ import { Close as Close3, Portal as Portal12, Root as Root18, Trigger as Trigger
 
 // src/components/Sheet/SheetBody.tsx
 import "react";
-import { jsx as jsx162 } from "react/jsx-runtime";
+import { jsx as jsx163 } from "react/jsx-runtime";
 var SheetBody = ({
   children,
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx162("div", { className: cn("py-4", className), ...props, children });
+  return /* @__PURE__ */ jsx163("div", { className: cn("py-4", className), ...props, children });
 };
 
 // src/components/Sheet/SheetContent.tsx
@@ -3952,7 +3984,7 @@ import * as React50 from "react";
 import { Close as Close2, Content as Content11, Overlay as Overlay3, Portal as Portal11 } from "@radix-ui/react-dialog";
 import { cva as cva5 } from "class-variance-authority";
 import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx163, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs56 } from "react/jsx-runtime";
 var sheetVariants = cva5(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
@@ -3970,13 +4002,13 @@ var sheetVariants = cva5(
   }
 );
 var SheetContent = React50.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
-  return /* @__PURE__ */ jsxs55(Portal11, { children: [
-    /* @__PURE__ */ jsx163(Overlay3, {}),
-    /* @__PURE__ */ jsxs55(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
+  return /* @__PURE__ */ jsxs56(Portal11, { children: [
+    /* @__PURE__ */ jsx164(Overlay3, {}),
+    /* @__PURE__ */ jsxs56(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
       children,
-      /* @__PURE__ */ jsxs55(Close2, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-        /* @__PURE__ */ jsx163(XIcon3, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx163("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsxs56(Close2, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ jsx164(XIcon3, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx164("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] });
@@ -3985,27 +4017,27 @@ var SheetContent = React50.forwardRef(function SheetContent2({ children, classNa
 // src/components/Sheet/SheetDescription.tsx
 import { forwardRef as forwardRef95 } from "react";
 import { Description as Description3 } from "@radix-ui/react-dialog";
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 var SheetDescription = forwardRef95(function SheetDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx164(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+  return /* @__PURE__ */ jsx165(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
 });
 
 // src/components/Sheet/SheetFooter.tsx
 import "react";
-import { jsx as jsx165 } from "react/jsx-runtime";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx165("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+import { jsx as jsx166 } from "react/jsx-runtime";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx166("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 
 // src/components/Sheet/SheetHeader.tsx
 import "react";
-import { jsx as jsx166 } from "react/jsx-runtime";
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx166("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+import { jsx as jsx167 } from "react/jsx-runtime";
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx167("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 
 // src/components/Sheet/SheetOverlay.tsx
 import { forwardRef as forwardRef96 } from "react";
 import { Overlay as Overlay4 } from "@radix-ui/react-dialog";
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 var SheetOverlay = forwardRef96(function SheetOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx167(
+  return /* @__PURE__ */ jsx168(
     Overlay4,
     {
       className: cn(
@@ -4021,10 +4053,10 @@ var SheetOverlay = forwardRef96(function SheetOverlay2({ className, ...props },
 // src/components/Sheet/SheetTitle.tsx
 import { forwardRef as forwardRef97 } from "react";
 import { Title as Title3 } from "@radix-ui/react-dialog";
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 var SheetTitle = forwardRef97(
   function SheetTitle2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx168(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
+    return /* @__PURE__ */ jsx169(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
   }
 );
 
@@ -4043,9 +4075,9 @@ var Sheet = Object.assign(Root18.bind(null), {
 });
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx170 } from "react/jsx-runtime";
 var Spinner = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx169("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsx170("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx170(
     "span",
     {
       className: "relative animate-spinner overflow-hidden text-slate-900 dark:text-slate-100",
@@ -4063,8 +4095,8 @@ var Spinner = ({ className, ...props }) => {
 
 // src/components/SpinnerIcon/SpinnerIcon.tsx
 import "react";
-import { jsx as jsx170 } from "react/jsx-runtime";
-var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx170(
+import { jsx as jsx171 } from "react/jsx-runtime";
+var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx171(
   "svg",
   {
     className: cn("animate-spin", className),
@@ -4078,25 +4110,25 @@ var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx170(
     width: "24",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx170("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    children: /* @__PURE__ */ jsx171("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
 );
 
 // src/components/StatisticCard/StatisticCard.tsx
 import { useEffect as useEffect10 } from "react";
 import { motion as motion6, useSpring, useTransform } from "framer-motion";
-import { jsx as jsx171, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs57 } from "react/jsx-runtime";
 var StatisticCard = ({ className, icon, label, value, ...props }) => {
   const spring = useSpring(0, { bounce: 0 });
   const rounded = useTransform(spring, (latest) => Math.floor(latest));
   useEffect10(() => {
     spring.set(value);
   }, [spring, value]);
-  return /* @__PURE__ */ jsxs56(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
-    icon && /* @__PURE__ */ jsx171("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
-    /* @__PURE__ */ jsxs56("div", { className: "w-full text-center", children: [
-      /* @__PURE__ */ jsx171(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
-      /* @__PURE__ */ jsx171("p", { className: "font-medium leading-relaxed", children: label })
+  return /* @__PURE__ */ jsxs57(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
+    icon && /* @__PURE__ */ jsx172("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
+    /* @__PURE__ */ jsxs57("div", { className: "w-full text-center", children: [
+      /* @__PURE__ */ jsx172(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
+      /* @__PURE__ */ jsx172("p", { className: "font-medium leading-relaxed", children: label })
     ] })
   ] });
 };
@@ -4104,9 +4136,9 @@ var StatisticCard = ({ className, icon, label, value, ...props }) => {
 // src/components/Switch/Switch.tsx
 import { forwardRef as forwardRef98 } from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx173 } from "react/jsx-runtime";
 var Switch = forwardRef98(function Switch2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx172(
+  return /* @__PURE__ */ jsx173(
     SwitchPrimitives.Root,
     {
       className: cn(
@@ -4115,7 +4147,7 @@ var Switch = forwardRef98(function Switch2({ className, ...props }, ref) {
       ),
       ...props,
       ref,
-      children: /* @__PURE__ */ jsx172(
+      children: /* @__PURE__ */ jsx173(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4130,9 +4162,9 @@ var Switch = forwardRef98(function Switch2({ className, ...props }, ref) {
 // src/components/Tabs/TabsContent.tsx
 import { forwardRef as forwardRef99 } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx173 } from "react/jsx-runtime";
+import { jsx as jsx174 } from "react/jsx-runtime";
 var TabsContent = forwardRef99(function TabsContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx173(
+  return /* @__PURE__ */ jsx174(
     TabsPrimitive.Content,
     {
       className: cn(
@@ -4148,9 +4180,9 @@ var TabsContent = forwardRef99(function TabsContent2({ className, ...props }, re
 // src/components/Tabs/TabsList.tsx
 import { forwardRef as forwardRef100 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
-import { jsx as jsx174 } from "react/jsx-runtime";
+import { jsx as jsx175 } from "react/jsx-runtime";
 var TabsList = forwardRef100(function TabsList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx175(
     TabsPrimitive2.List,
     {
       className: cn(
@@ -4166,19 +4198,19 @@ var TabsList = forwardRef100(function TabsList2({ className, ...props }, ref) {
 // src/components/Tabs/TabsRoot.tsx
 import { forwardRef as forwardRef101 } from "react";
 import { Root as Root20 } from "@radix-ui/react-tabs";
-import { jsx as jsx175 } from "react/jsx-runtime";
+import { jsx as jsx176 } from "react/jsx-runtime";
 var TabsRoot = forwardRef101(
   function TabsRoot2(props, ref) {
-    return /* @__PURE__ */ jsx175(Root20, { ref, ...props });
+    return /* @__PURE__ */ jsx176(Root20, { ref, ...props });
   }
 );
 
 // src/components/Tabs/TabsTrigger.tsx
 import { forwardRef as forwardRef102 } from "react";
 import * as TabsPrimitive3 from "@radix-ui/react-tabs";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 var TabsTrigger = forwardRef102(function TabsTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx176(
+  return /* @__PURE__ */ jsx177(
     TabsPrimitive3.Trigger,
     {
       className: cn(
@@ -4200,13 +4232,13 @@ var Tabs = Object.assign(TabsRoot, {
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 import { MoonIcon, SunIcon } from "lucide-react";
-import { jsx as jsx177, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx178, jsxs as jsxs58 } from "react/jsx-runtime";
 var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
   const [theme, setTheme] = useTheme();
   const toggleTheme = () => {
     setTheme(theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     Button,
     {
       size: "icon",
@@ -4217,8 +4249,8 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx177(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx177(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        /* @__PURE__ */ jsx178(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx178(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
@@ -4227,10 +4259,10 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
 // src/components/Tooltip/TooltipContent.tsx
 import * as React54 from "react";
 import { Content as Content13 } from "@radix-ui/react-tooltip";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var TooltipContent = React54.forwardRef(
   function TooltipContent2({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx178(
+    return /* @__PURE__ */ jsx179(
       Content13,
       {
         className: cn(
@@ -4249,17 +4281,23 @@ var TooltipContent = React54.forwardRef(
 // src/components/Tooltip/TooltipRoot.tsx
 import "react";
 import { Provider, Root as Root21 } from "@radix-ui/react-tooltip";
-import { jsx as jsx179 } from "react/jsx-runtime";
-var TooltipRoot = ({ children, delayDuration = 0, skipDelayDuration = 300 }) => {
-  return /* @__PURE__ */ jsx179(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx179(Root21, { children }) });
+import { jsx as jsx180 } from "react/jsx-runtime";
+var TooltipRoot = ({
+  children,
+  delayDuration = 0,
+  onOpenChange,
+  open,
+  skipDelayDuration = 300
+}) => {
+  return /* @__PURE__ */ jsx180(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx180(Root21, { open, onOpenChange, children }) });
 };
 
 // src/components/Tooltip/TooltipTrigger.tsx
 import { forwardRef as forwardRef104 } from "react";
 import { Trigger as Trigger12 } from "@radix-ui/react-tooltip";
-import { jsx as jsx180 } from "react/jsx-runtime";
+import { jsx as jsx181 } from "react/jsx-runtime";
 var TooltipTrigger = forwardRef104(function TooltipTrigger2({ variant = "outline", ...props }, ref) {
-  return /* @__PURE__ */ jsx180(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx180(Button, { variant, ...props }) });
+  return /* @__PURE__ */ jsx181(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx181(Button, { variant, ...props }) });
 });
 
 // src/components/Tooltip/Tooltip.tsx
@@ -4291,6 +4329,7 @@ export {
   DropdownMenu,
   ErrorBoundary,
   ErrorFallback,
+  FileDropzone,
   Form,
   Heading,
   HoverCard,