@douglasneuroinformatics/libui 4.5.1 → 4.6.1

package/dist/components.js

@@ -1,11 +1,19 @@
 "use client"
+import {
+  BUTTON_ICON_SIZE,
+  Button,
+  Card,
+  Dialog,
+  NotificationHub,
+  buttonVariants
+} from "./chunk-VH3IZISB.js";
 import {
   ChartContext,
   useChart,
   useNotificationsStore,
   useTheme,
   useTranslation
-} from "./chunk-SGSRBDMT.js";
+} from "./chunk-L55W5USD.js";
 import "./chunk-GT5NL2RJ.js";
 import {
   cn
@@ -314,76 +322,31 @@ function ActionDropdown({
 import { Root as Root3, Trigger as Trigger3 } from "@radix-ui/react-alert-dialog";
 
 // src/components/AlertDialog/AlertDialogAction.tsx
-import { forwardRef as forwardRef15 } from "react";
+import { forwardRef as forwardRef14 } from "react";
 import { Action } from "@radix-ui/react-alert-dialog";
-
-// src/components/Button/Button.tsx
-import * as React3 from "react";
-import { Slot, Slottable } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
-var BUTTON_ICON_SIZE = {
-  lg: 18,
-  md: 16,
-  sm: 14
-};
-var buttonVariants = cva(
-  "flex items-center justify-center whitespace-nowrap cursor-pointer rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-  {
-    defaultVariants: {
-      size: "md",
-      variant: "primary"
-    },
-    variants: {
-      size: {
-        icon: "p-1.5 aspect-square",
-        lg: "h-10 rounded-md px-8 text-base",
-        md: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs"
-      },
-      variant: {
-        danger: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-        outline: "border border-input bg-inherit shadow-xs",
-        primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
-        secondary: "bg-secondary border text-secondary-foreground shadow-xs hover:bg-secondary/10"
-      }
-    }
-  }
-);
-var Button = React3.forwardRef(function Button2({ asChild, children, className, label, size = "md", variant = "primary", ...props }, ref) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxs7(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props, children: [
-    label,
-    /* @__PURE__ */ jsx16(Slottable, { children })
-  ] });
-});
-
-// src/components/AlertDialog/AlertDialogAction.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var AlertDialogAction = forwardRef15(function AlertDialogAction2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx17(Action, { className: cn(buttonVariants(), className), ref, ...props });
+import { jsx as jsx16 } from "react/jsx-runtime";
+var AlertDialogAction = forwardRef14(function AlertDialogAction2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx16(Action, { className: cn(buttonVariants(), className), ref, ...props });
 });
 
 // src/components/AlertDialog/AlertDialogCancel.tsx
-import { forwardRef as forwardRef16 } from "react";
+import { forwardRef as forwardRef15 } from "react";
 import { Cancel } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var AlertDialogCancel = forwardRef16(function AlertDialogCancel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(Cancel, { className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ref, ...props });
+import { jsx as jsx17 } from "react/jsx-runtime";
+var AlertDialogCancel = forwardRef15(function AlertDialogCancel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx17(Cancel, { className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ref, ...props });
 });
 
 // src/components/AlertDialog/AlertDialogContent.tsx
-import { forwardRef as forwardRef18 } from "react";
+import { forwardRef as forwardRef17 } from "react";
 import { Content as Content3, Portal as Portal3 } from "@radix-ui/react-alert-dialog";
 
 // src/components/AlertDialog/AlertDialogOverlay.tsx
-import { forwardRef as forwardRef17 } from "react";
+import { forwardRef as forwardRef16 } from "react";
 import { Overlay } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var AlertDialogOverlay = forwardRef17(function AlertDialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx19(
+import { jsx as jsx18 } from "react/jsx-runtime";
+var AlertDialogOverlay = forwardRef16(function AlertDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx18(
     Overlay,
     {
       className: cn(
@@ -397,11 +360,11 @@ var AlertDialogOverlay = forwardRef17(function AlertDialogOverlay2({ className,
 });
 
 // src/components/AlertDialog/AlertDialogContent.tsx
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
-var AlertDialogContent = forwardRef18(function AlertDialogContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs8(Portal3, { children: [
-    /* @__PURE__ */ jsx20(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx20(
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+var AlertDialogContent = forwardRef17(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs7(Portal3, { children: [
+    /* @__PURE__ */ jsx19(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx19(
       Content3,
       {
         className: cn(
@@ -416,29 +379,29 @@ var AlertDialogContent = forwardRef18(function AlertDialogContent2({ className,
 });
 
 // src/components/AlertDialog/AlertDialogDescription.tsx
-import { forwardRef as forwardRef19 } from "react";
+import { forwardRef as forwardRef18 } from "react";
 import { Description } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var AlertDialogDescription = forwardRef19(function AlertDialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx21(Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+import { jsx as jsx20 } from "react/jsx-runtime";
+var AlertDialogDescription = forwardRef18(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx20(Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
 });
 
 // src/components/AlertDialog/AlertDialogFooter.tsx
 import "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("flex flex-col gap-x-2 gap-y-0.5 sm:flex-row", className), ...props });
+import { jsx as jsx21 } from "react/jsx-runtime";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("flex flex-col gap-x-2 gap-y-0.5 sm:flex-row", className), ...props });
 
 // src/components/AlertDialog/AlertDialogHeader.tsx
 import "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+import { jsx as jsx22 } from "react/jsx-runtime";
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 
 // src/components/AlertDialog/AlertDialogTitle.tsx
-import { forwardRef as forwardRef20 } from "react";
+import { forwardRef as forwardRef19 } from "react";
 import { Title } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var AlertDialogTitle = forwardRef20(function AlertDialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx24(Title, { className: cn("text-lg font-semibold", className), ref, ...props });
+import { jsx as jsx23 } from "react/jsx-runtime";
+var AlertDialogTitle = forwardRef19(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx23(Title, { className: cn("text-lg font-semibold", className), ref, ...props });
 });
 
 // src/components/AlertDialog/AlertDialog.tsx
@@ -456,10 +419,10 @@ var AlertDialog = Object.assign(Root3.bind(null), {
 
 // src/components/ArrowToggle/ArrowToggle.tsx
 import { useMemo } from "react";
-import * as React6 from "react";
+import * as React5 from "react";
 import { ChevronUpIcon } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
-var ArrowToggle = React6.forwardRef(function ArrowToggle2({ children, className, isToggled, position, rotation = 0, size = "icon", variant = "ghost", ...props }, ref) {
+import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
+var ArrowToggle = React5.forwardRef(function ArrowToggle2({ children, className, isToggled, position, rotation = 0, size = "icon", variant = "ghost", ...props }, ref) {
   const computedRotation = useMemo(() => {
     const toggleRotation = isToggled ? rotation : 0;
     switch (position) {
@@ -473,7 +436,7 @@ var ArrowToggle = React6.forwardRef(function ArrowToggle2({ children, className,
         return 0 + toggleRotation;
     }
   }, [position, rotation, isToggled]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(
     Button,
     {
       className: cn(size === "icon" && "h-6 w-6", className),
@@ -484,7 +447,7 @@ var ArrowToggle = React6.forwardRef(function ArrowToggle2({ children, className,
       variant,
       ...props,
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(
           ChevronUpIcon,
           {
             className: "transform-gpu transition-transform",
@@ -499,11 +462,11 @@ var ArrowToggle = React6.forwardRef(function ArrowToggle2({ children, className,
 });
 
 // src/components/Avatar/AvatarFallback.tsx
-import { forwardRef as forwardRef22 } from "react";
+import { forwardRef as forwardRef21 } from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var AvatarFallback = forwardRef22(function AvatarFallback2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx26(
+import { jsx as jsx25 } from "react/jsx-runtime";
+var AvatarFallback = forwardRef21(function AvatarFallback2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx25(
     AvatarPrimitive.Fallback,
     {
       className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
@@ -514,19 +477,19 @@ var AvatarFallback = forwardRef22(function AvatarFallback2({ className, ...props
 });
 
 // src/components/Avatar/AvatarImage.tsx
-import { forwardRef as forwardRef23 } from "react";
+import { forwardRef as forwardRef22 } from "react";
 import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var AvatarImage = forwardRef23(function AvatarImage2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(AvatarPrimitive2.Image, { className: cn("aspect-square h-full w-full", className), ref, ...props });
+import { jsx as jsx26 } from "react/jsx-runtime";
+var AvatarImage = forwardRef22(function AvatarImage2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx26(AvatarPrimitive2.Image, { className: cn("aspect-square h-full w-full", className), ref, ...props });
 });
 
 // src/components/Avatar/AvatarRoot.tsx
-import { forwardRef as forwardRef24 } from "react";
+import { forwardRef as forwardRef23 } from "react";
 import * as AvatarPrimitive3 from "@radix-ui/react-avatar";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var AvatarRoot = forwardRef24(function AvatarRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx28(
+import { jsx as jsx27 } from "react/jsx-runtime";
+var AvatarRoot = forwardRef23(function AvatarRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx27(
     AvatarPrimitive3.Root,
     {
       className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
@@ -545,9 +508,9 @@ var Avatar = Object.assign(AvatarRoot, {
 
 // src/components/Badge/Badge.tsx
 import "react";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var badgeVariants = cva2(
+import { cva } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var badgeVariants = cva(
   "inline-flex items-center rounded-xs border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     defaultVariants: {
@@ -564,46 +527,46 @@ var badgeVariants = cva2(
   }
 );
 var Badge = ({ className, variant, ...props }) => {
-  return /* @__PURE__ */ jsx29("div", { className: cn(badgeVariants({ variant }), className), "data-testid": "badge", ...props });
+  return /* @__PURE__ */ jsx28("div", { className: cn(badgeVariants({ variant }), className), "data-testid": "badge", ...props });
 };
 
 // src/components/Breadcrumb/BreadcrumbEllipsis.tsx
 import "react";
 import { MoreHorizontalIcon } from "lucide-react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx30(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx29(
   "span",
   {
     "aria-hidden": "true",
     className: cn("flex h-9 w-9 items-center justify-center", className),
     role: "presentation",
     ...props,
-    children: /* @__PURE__ */ jsx30(MoreHorizontalIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx29(MoreHorizontalIcon, { className: "h-4 w-4" })
   }
 );
 
 // src/components/Breadcrumb/BreadcrumbItem.tsx
-import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var BreadcrumbItem = forwardRef25(function BreadcrumbItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31("li", { className: cn("inline-flex items-center gap-1.5", className), ref, ...props });
+import { forwardRef as forwardRef24 } from "react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var BreadcrumbItem = forwardRef24(function BreadcrumbItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx30("li", { className: cn("inline-flex items-center gap-1.5", className), ref, ...props });
 });
 
 // src/components/Breadcrumb/BreadcrumbLink.tsx
-import { forwardRef as forwardRef26 } from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var BreadcrumbLink = forwardRef26(function BreadcrumbLink2({ asChild, className, ...props }, ref) {
-  const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx32(Comp, { className: cn("transition-colors hover:text-foreground", className), ref, ...props });
+import { forwardRef as forwardRef25 } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var BreadcrumbLink = forwardRef25(function BreadcrumbLink2({ asChild, className, ...props }, ref) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx31(Comp, { className: cn("transition-colors hover:text-foreground", className), ref, ...props });
 });
 
 // src/components/Breadcrumb/BreadcrumbList.tsx
-import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var BreadcrumbList = forwardRef27(
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var BreadcrumbList = forwardRef26(
   function BreadcrumbList2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx32(
       "ol",
       {
         className: cn(
@@ -618,11 +581,11 @@ var BreadcrumbList = forwardRef27(
 );
 
 // src/components/Breadcrumb/BreadcrumbPage.tsx
-import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var BreadcrumbPage = forwardRef28(
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var BreadcrumbPage = forwardRef27(
   function BreadcrumbPage2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx33(
       "span",
       {
         "aria-current": "page",
@@ -637,17 +600,17 @@ var BreadcrumbPage = forwardRef28(
 );
 
 // src/components/Breadcrumb/BreadcrumbRoot.tsx
-import { forwardRef as forwardRef29 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var BreadcrumbRoot = forwardRef29(function BreadcrumbRoot2({ ...props }, ref) {
-  return /* @__PURE__ */ jsx35("nav", { "aria-label": "breadcrumb", ref, ...props });
+import { forwardRef as forwardRef28 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var BreadcrumbRoot = forwardRef28(function BreadcrumbRoot2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx34("nav", { "aria-label": "breadcrumb", ref, ...props });
 });
 
 // src/components/Breadcrumb/BreadcrumbSeparator.tsx
 import "react";
 import { ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx36("li", { "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), role: "presentation", ...props, children: children ?? /* @__PURE__ */ jsx36(ChevronRightIcon2, {}) });
+import { jsx as jsx35 } from "react/jsx-runtime";
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx35("li", { "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), role: "presentation", ...props, children: children ?? /* @__PURE__ */ jsx35(ChevronRightIcon2, {}) });
 
 // src/components/Breadcrumb/Breadcrumb.tsx
 var Breadcrumb = Object.assign(BreadcrumbRoot, {
@@ -659,41 +622,17 @@ var Breadcrumb = Object.assign(BreadcrumbRoot, {
   Separator: BreadcrumbSeparator
 });
 
-// src/components/Card/Card.tsx
-import * as React10 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var CardRoot = React10.forwardRef(function CardRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(
-    "div",
-    {
-      className: cn("bg-card text-card-foreground rounded-xl border shadow-sm", className),
-      "data-testid": "card",
-      ref,
-      ...props
-    }
-  );
-});
-var Card = Object.assign(CardRoot, {
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx37("div", { className: cn("p-6 pt-0", className), ...props }),
-  Description: ({ className, ...props }) => /* @__PURE__ */ jsx37("p", { className: cn("text-muted-foreground text-sm", className), ...props }),
-  Footer: ({ className, ...props }) => {
-    return /* @__PURE__ */ jsx37("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
-  },
-  Header: ({ className, ...props }) => /* @__PURE__ */ jsx37("div", { className: cn("flex flex-col space-y-1.5 p-6", className), ...props }),
-  Title: ({ children, className, ...props }) => /* @__PURE__ */ jsx37("h3", { className: cn("leading-none font-semibold tracking-tight", className), ...props, children })
-});
-
 // src/components/Chart/Chart.tsx
 import { Legend, Tooltip as Tooltip2 } from "recharts";
 
 // src/components/Chart/ChartContainer.tsx
-import { forwardRef as forwardRef31, useId } from "react";
+import { forwardRef as forwardRef29, useId } from "react";
 import { ResponsiveContainer } from "recharts";
-import { jsx as jsx38, jsxs as jsxs10 } from "react/jsx-runtime";
-var ChartContainer = forwardRef31(function ChartContainer2({ children, className, config, id, ...props }, ref) {
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+var ChartContainer = forwardRef29(function ChartContainer2({ children, className, config, id, ...props }, ref) {
   const uniqueId = useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx38(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx36(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -704,15 +643,15 @@ var ChartContainer = forwardRef31(function ChartContainer2({ children, className
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(Chart.Style, { config, id: chartId }),
-        /* @__PURE__ */ jsx38(ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx36(Chart.Style, { config, id: chartId }),
+        /* @__PURE__ */ jsx36(ResponsiveContainer, { children })
       ]
     }
   ) });
 });
 
 // src/components/Chart/ChartLegendContent.tsx
-import { forwardRef as forwardRef32 } from "react";
+import { forwardRef as forwardRef30 } from "react";
 
 // src/components/Chart/utils.ts
 function getPayloadConfigFromPayload(config, payload, key) {
@@ -730,13 +669,13 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/Chart/ChartLegendContent.tsx
-import { jsx as jsx39, jsxs as jsxs11 } from "react/jsx-runtime";
-var ChartLegendContent = forwardRef32(function ChartLegendContent2({ className, hideIcon = false, nameKey, payload, verticalAlign = "bottom" }, ref) {
+import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
+var ChartLegendContent = forwardRef30(function ChartLegendContent2({ className, hideIcon = false, nameKey, payload, verticalAlign = "bottom" }, ref) {
   const { config } = useChart();
   if (!payload?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
@@ -744,12 +683,12 @@ var ChartLegendContent = forwardRef32(function ChartLegendContent2({ className,
       children: payload.map((item) => {
         const key = `${nameKey ?? item.dataKey ?? "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs10(
           "div",
           {
             className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
             children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx39(itemConfig.icon, {}) : /* @__PURE__ */ jsx39(
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx37(itemConfig.icon, {}) : /* @__PURE__ */ jsx37(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -769,14 +708,14 @@ var ChartLegendContent = forwardRef32(function ChartLegendContent2({ className,
 });
 
 // src/components/Chart/ChartStyle.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var THEMES = { dark: ".dark", light: "" };
 var ChartStyle = ({ config, id }) => {
   const colorConfig = Object.entries(config).filter(([_, config2]) => config2.theme ?? config2.color);
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -796,10 +735,10 @@ ${colorConfig.map(([key, itemConfig]) => {
 };
 
 // src/components/Chart/ChartTooltipContent.tsx
-import React11, { forwardRef as forwardRef33 } from "react";
+import React9, { forwardRef as forwardRef31 } from "react";
 import "recharts";
-import { Fragment, jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
-var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
+import { Fragment, jsx as jsx39, jsxs as jsxs11 } from "react/jsx-runtime";
+var ChartTooltipContent = forwardRef31(function ChartLegendContent3({
   active,
   className,
   color,
@@ -815,7 +754,7 @@ var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
   payload
 }, ref) {
   const { config } = useChart();
-  const tooltipLabel = React11.useMemo(() => {
+  const tooltipLabel = React9.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -824,18 +763,18 @@ var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx41("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx39("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx41("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx39("div", { className: cn("font-medium", labelClassName), children: value });
   }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
   if (!active || !payload?.length) {
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -845,11 +784,11 @@ var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
       ref,
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx41("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+        /* @__PURE__ */ jsx39("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
           const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color ?? item.payload.fill ?? item.color;
-          return /* @__PURE__ */ jsx41(
+          return /* @__PURE__ */ jsx39(
             "div",
             {
               className: cn(
@@ -859,8 +798,8 @@ var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
               children: formatter && item?.value !== void 0 && item.name ? (
                 // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                 formatter(item.value, item.name, item, index, item.payload)
-              ) : /* @__PURE__ */ jsxs12(Fragment, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx41(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx41(
+              ) : /* @__PURE__ */ jsxs11(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx39(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -877,16 +816,16 @@ var ChartTooltipContent = forwardRef33(function ChartLegendContent3({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs11(
                   "div",
                   {
                     className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
                     children: [
-                      /* @__PURE__ */ jsxs12("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs11("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx41("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                        /* @__PURE__ */ jsx39("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx41("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx39("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -910,12 +849,12 @@ var Chart = Object.assign(ChartContainer, {
 });
 
 // src/components/Checkbox/Checkbox.tsx
-import { forwardRef as forwardRef34 } from "react";
+import { forwardRef as forwardRef32 } from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-var Checkbox = forwardRef34(function Checkbox2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx42(
+import { jsx as jsx40 } from "react/jsx-runtime";
+var Checkbox = forwardRef32(function Checkbox2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx40(
     CheckboxPrimitive.Root,
     {
       className: cn(
@@ -925,7 +864,7 @@ var Checkbox = forwardRef34(function Checkbox2({ className, ...props }, ref) {
       "data-testid": "checkbox",
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx42(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx42(CheckIcon2, { className: "h-4 w-4" }) })
+      children: /* @__PURE__ */ jsx40(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx40(CheckIcon2, { className: "h-4 w-4" }) })
     }
   );
 });
@@ -938,38 +877,38 @@ import { range } from "lodash-es";
 import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
 
 // src/components/Table/TableBody.tsx
-import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var TableBody = forwardRef35(
+import { forwardRef as forwardRef33 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var TableBody = forwardRef33(
   function TableBody2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx43("tbody", { className: cn("[&_tr:last-child]:border-0", className), ref, ...props });
+    return /* @__PURE__ */ jsx41("tbody", { className: cn("[&_tr:last-child]:border-0", className), ref, ...props });
   }
 );
 
 // src/components/Table/TableCaption.tsx
-import { forwardRef as forwardRef36 } from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
-var TableCaption = forwardRef36(
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var TableCaption = forwardRef34(
   function TableCaption2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx44("caption", { className: cn("mt-4 text-sm text-muted-foreground", className), ref, ...props });
+    return /* @__PURE__ */ jsx42("caption", { className: cn("mt-4 text-sm text-muted-foreground", className), ref, ...props });
   }
 );
 
 // src/components/Table/TableCell.tsx
-import { forwardRef as forwardRef37 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var TableCell = forwardRef37(
+import { forwardRef as forwardRef35 } from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var TableCell = forwardRef35(
   function TableCell2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx45("td", { className: cn("px-6 py-3 align-middle [&:has([role=checkbox])]:pr-0", className), ref, ...props });
+    return /* @__PURE__ */ jsx43("td", { className: cn("px-6 py-3 align-middle [&:has([role=checkbox])]:pr-0", className), ref, ...props });
   }
 );
 
 // src/components/Table/TableFooter.tsx
-import { forwardRef as forwardRef38 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var TableFooter = forwardRef38(
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var TableFooter = forwardRef36(
   function TableFooter2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx44(
       "tfoot",
       {
         className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
@@ -981,11 +920,11 @@ var TableFooter = forwardRef38(
 );
 
 // src/components/Table/TableHead.tsx
-import { forwardRef as forwardRef39 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var TableHead = forwardRef39(
+import { forwardRef as forwardRef37 } from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var TableHead = forwardRef37(
   function TableHead2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx45(
       "th",
       {
         className: cn(
@@ -1000,26 +939,26 @@ var TableHead = forwardRef39(
 );
 
 // src/components/Table/TableHeader.tsx
-import { forwardRef as forwardRef40 } from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var TableHeader = forwardRef40(
+import { forwardRef as forwardRef38 } from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var TableHeader = forwardRef38(
   function TableHeader2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx48("thead", { className: cn("[&_tr]:border-b", className), ref, ...props });
+    return /* @__PURE__ */ jsx46("thead", { className: cn("[&_tr]:border-b", className), ref, ...props });
   }
 );
 
 // src/components/Table/TableRoot.tsx
-import { forwardRef as forwardRef41 } from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var TableRoot = forwardRef41(function TableRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx49("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx49("table", { className: cn("w-full caption-bottom text-sm", className), ref, ...props }) });
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var TableRoot = forwardRef39(function TableRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx47("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx47("table", { className: cn("w-full caption-bottom text-sm", className), ref, ...props }) });
 });
 
 // src/components/Table/TableRow.tsx
-import { forwardRef as forwardRef42 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var TableRow = forwardRef42(function TableRow2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx50(
+import { forwardRef as forwardRef40 } from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var TableRow = forwardRef40(function TableRow2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx48(
     "tr",
     {
       className: cn("hover:bg-muted/50 border-b transition-colors data-[state=selected]:bg-muted", className),
@@ -1041,7 +980,7 @@ var Table = Object.assign(TableRoot, {
 });
 
 // src/components/ClientTable/ClientTablePagination.tsx
-import { jsx as jsx51, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs12 } from "react/jsx-runtime";
 var ClientTablePagination = ({
   currentPage,
   firstEntry,
@@ -1051,8 +990,8 @@ var ClientTablePagination = ({
   totalEntries
 }) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between py-3", children: [
-    /* @__PURE__ */ jsx51("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between py-3", children: [
+    /* @__PURE__ */ jsx49("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx49(
       "p",
       {
         className: "text-sm font-medium text-muted-foreground",
@@ -1060,8 +999,8 @@ var ClientTablePagination = ({
         children: `${firstEntry} - ${lastEntry} / ${totalEntries}`
       }
     ) }),
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 justify-between gap-3 sm:justify-end", children: [
-      /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 justify-between gap-3 sm:justify-end", children: [
+      /* @__PURE__ */ jsx49(
         Button,
         {
           "data-testid": "first-page-button",
@@ -1074,7 +1013,7 @@ var ClientTablePagination = ({
           children: t("pagination.firstPage")
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx49(
         Button,
         {
           "data-testid": "previous-page-button",
@@ -1087,7 +1026,7 @@ var ClientTablePagination = ({
           children: t("pagination.previous")
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx49(
         Button,
         {
           "data-testid": "next-page-button",
@@ -1100,7 +1039,7 @@ var ClientTablePagination = ({
           children: t("pagination.next")
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx49(
         Button,
         {
           "data-testid": "last-page-button",
@@ -1118,7 +1057,7 @@ var ClientTablePagination = ({
 };
 
 // src/components/ClientTable/ClientTable.tsx
-import { jsx as jsx52, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs13 } from "react/jsx-runtime";
 function defaultFormatter(value) {
   if (typeof value === "string") {
     return value;
@@ -1149,16 +1088,16 @@ var ClientTable = ({
   const lastEntry = Math.min(firstEntry + entriesPerPage - 1, data.length);
   const currentEntries = data.slice(firstEntry - 1, lastEntry);
   const nRows = Math.max(currentEntries.length, minRows ?? -1);
-  return /* @__PURE__ */ jsxs14("div", { className, ...props, "data-testid": "ClientTable", children: [
-    /* @__PURE__ */ jsx52("div", { className: "bg-card text-muted-foreground rounded-md border tracking-tight shadow-xs", children: /* @__PURE__ */ jsxs14(Table, { children: [
-      /* @__PURE__ */ jsx52(Table.Header, { children: /* @__PURE__ */ jsx52(Table.Row, { children: columns.map((column, i) => /* @__PURE__ */ jsx52(Table.Head, { className: "text-foreground whitespace-nowrap", children: columnDropdownOptions ? /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs14(DropdownMenu.Trigger, { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx52("span", { children: column.label }),
-          /* @__PURE__ */ jsx52(ChevronDownIcon3, {})
+  return /* @__PURE__ */ jsxs13("div", { className, ...props, "data-testid": "ClientTable", children: [
+    /* @__PURE__ */ jsx50("div", { className: "bg-card text-muted-foreground rounded-md border tracking-tight shadow-xs", children: /* @__PURE__ */ jsxs13(Table, { children: [
+      /* @__PURE__ */ jsx50(Table.Header, { children: /* @__PURE__ */ jsx50(Table.Row, { children: columns.map((column, i) => /* @__PURE__ */ jsx50(Table.Head, { className: "text-foreground whitespace-nowrap", children: columnDropdownOptions ? /* @__PURE__ */ jsxs13(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs13(DropdownMenu.Trigger, { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx50("span", { children: column.label }),
+          /* @__PURE__ */ jsx50(ChevronDownIcon3, {})
         ] }),
-        /* @__PURE__ */ jsx52(DropdownMenu.Content, { align: "start", children: /* @__PURE__ */ jsx52(DropdownMenu.Group, { children: columnDropdownOptions.map((option) => {
+        /* @__PURE__ */ jsx50(DropdownMenu.Content, { align: "start", children: /* @__PURE__ */ jsx50(DropdownMenu.Group, { children: columnDropdownOptions.map((option) => {
           const Icon = option.icon;
-          return /* @__PURE__ */ jsxs14(
+          return /* @__PURE__ */ jsxs13(
             DropdownMenu.Item,
             {
               "data-testid": option.label + "-test-id",
@@ -1166,7 +1105,7 @@ var ClientTable = ({
                 option.onSelection(column);
               },
               children: [
-                Icon && /* @__PURE__ */ jsx52(Icon, { className: "mr-2", height: 16, width: 16 }),
+                Icon && /* @__PURE__ */ jsx50(Icon, { className: "mr-2", height: 16, width: 16 }),
                 option.label
               ]
             },
@@ -1174,10 +1113,10 @@ var ClientTable = ({
           );
         }) }) })
       ] }) : column.label }, i)) }) }),
-      /* @__PURE__ */ jsx52(Table.Body, { children: range(nRows).map((i) => {
+      /* @__PURE__ */ jsx50(Table.Body, { children: range(nRows).map((i) => {
         const entry = currentEntries[i];
         const onClick = onEntryClick && entry ? () => onEntryClick(entry) : void 0;
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx50(
           Table.Row,
           {
             className: cn(onClick && "cursor-pointer hover:backdrop-brightness-95"),
@@ -1192,7 +1131,7 @@ var ClientTable = ({
                 value = entry[field];
               }
               const formattedValue = entry && formatter ? formatter(value) : defaultFormatter(value);
-              return /* @__PURE__ */ jsx52(
+              return /* @__PURE__ */ jsx50(
                 Table.Cell,
                 {
                   className: cn(
@@ -1211,7 +1150,7 @@ var ClientTable = ({
         );
       }) })
     ] }) }),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx50(
       ClientTablePagination,
       {
         currentPage,
@@ -1229,12 +1168,12 @@ var ClientTable = ({
 import { Content as Content4, Trigger as Trigger4 } from "@radix-ui/react-collapsible";
 
 // src/components/Collapsible/CollapsibleRoot.tsx
-import { forwardRef as forwardRef43 } from "react";
+import { forwardRef as forwardRef41 } from "react";
 import { Root as Root6 } from "@radix-ui/react-collapsible";
-import { jsx as jsx53 } from "react/jsx-runtime";
-var CollapsibleRoot = forwardRef43(
+import { jsx as jsx51 } from "react/jsx-runtime";
+var CollapsibleRoot = forwardRef41(
   function CollapsibleRoot2(props, ref) {
-    return /* @__PURE__ */ jsx53(Root6, { ref, ...props });
+    return /* @__PURE__ */ jsx51(Root6, { ref, ...props });
   }
 );
 
@@ -1245,23 +1184,23 @@ var Collapsible = Object.assign(CollapsibleRoot, {
 });
 
 // src/components/Command/Command.tsx
-import * as React14 from "react";
+import * as React12 from "react";
 import { Command as CommandPrimitive7 } from "cmdk";
 
 // src/components/Command/CommandEmpty.tsx
-import { forwardRef as forwardRef44 } from "react";
+import { forwardRef as forwardRef42 } from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx54 } from "react/jsx-runtime";
-var CommandEmpty = forwardRef44(function CommandEmpty2(props, ref) {
-  return /* @__PURE__ */ jsx54(CommandPrimitive.Empty, { className: "py-6 text-center text-sm", ref, ...props });
+import { jsx as jsx52 } from "react/jsx-runtime";
+var CommandEmpty = forwardRef42(function CommandEmpty2(props, ref) {
+  return /* @__PURE__ */ jsx52(CommandPrimitive.Empty, { className: "py-6 text-center text-sm", ref, ...props });
 });
 
 // src/components/Command/CommandGroup.tsx
-import { forwardRef as forwardRef45 } from "react";
+import { forwardRef as forwardRef43 } from "react";
 import { Command as CommandPrimitive2 } from "cmdk";
-import { jsx as jsx55 } from "react/jsx-runtime";
-var CommandGroup = forwardRef45(function CommandGroup2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx55(
+import { jsx as jsx53 } from "react/jsx-runtime";
+var CommandGroup = forwardRef43(function CommandGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx53(
     CommandPrimitive2.Group,
     {
       className: cn(
@@ -1275,16 +1214,16 @@ var CommandGroup = forwardRef45(function CommandGroup2({ className, ...props },
 });
 
 // src/components/Command/CommandInput.tsx
-import { forwardRef as forwardRef46 } from "react";
+import { forwardRef as forwardRef44 } from "react";
 import { Command as CommandPrimitive3 } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs15 } from "react/jsx-runtime";
-var CommandInput = forwardRef46(function CommandInput2({ className, ...props }, ref) {
+import { jsx as jsx54, jsxs as jsxs14 } from "react/jsx-runtime";
+var CommandInput = forwardRef44(function CommandInput2({ className, ...props }, ref) {
   return (
     // eslint-disable-next-line react/no-unknown-property
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-      /* @__PURE__ */ jsx56(SearchIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+      /* @__PURE__ */ jsx54(SearchIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ jsx54(
         CommandPrimitive3.Input,
         {
           className: cn(
@@ -1300,11 +1239,11 @@ var CommandInput = forwardRef46(function CommandInput2({ className, ...props },
 });
 
 // src/components/Command/CommandItem.tsx
-import { forwardRef as forwardRef47 } from "react";
+import { forwardRef as forwardRef45 } from "react";
 import { Command as CommandPrimitive4 } from "cmdk";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var CommandItem = forwardRef47(function CommandItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx57(
+import { jsx as jsx55 } from "react/jsx-runtime";
+var CommandItem = forwardRef45(function CommandItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx55(
     CommandPrimitive4.Item,
     {
       className: cn(
@@ -1318,11 +1257,11 @@ var CommandItem = forwardRef47(function CommandItem2({ className, ...props }, re
 });
 
 // src/components/Command/CommandList.tsx
-import { forwardRef as forwardRef48 } from "react";
+import { forwardRef as forwardRef46 } from "react";
 import { Command as CommandPrimitive5 } from "cmdk";
-import { jsx as jsx58 } from "react/jsx-runtime";
-var CommandList = forwardRef48(function CommandList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx58(
+import { jsx as jsx56 } from "react/jsx-runtime";
+var CommandList = forwardRef46(function CommandList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx56(
     CommandPrimitive5.List,
     {
       className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
@@ -1333,24 +1272,24 @@ var CommandList = forwardRef48(function CommandList2({ className, ...props }, re
 });
 
 // src/components/Command/CommandSeparator.tsx
-import { forwardRef as forwardRef49 } from "react";
+import { forwardRef as forwardRef47 } from "react";
 import { Command as CommandPrimitive6 } from "cmdk";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var CommandSeparator = forwardRef49(function CommandSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx59(CommandPrimitive6.Separator, { className: cn("-mx-1 h-px bg-border", className), ref, ...props });
+import { jsx as jsx57 } from "react/jsx-runtime";
+var CommandSeparator = forwardRef47(function CommandSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx57(CommandPrimitive6.Separator, { className: cn("-mx-1 h-px bg-border", className), ref, ...props });
 });
 
 // src/components/Command/CommandShortcut.tsx
 import "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx60("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx58("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 
 // src/components/Command/Command.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var CommandRoot = React14.forwardRef(function Command({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx61(
+import { jsx as jsx59 } from "react/jsx-runtime";
+var CommandRoot = React12.forwardRef(function Command({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx59(
     CommandPrimitive7,
     {
       className: cn(
@@ -1376,12 +1315,12 @@ var Command2 = Object.assign(CommandRoot, {
 import { Group as Group2, Portal as Portal5, RadioGroup as RadioGroup2, Root as Root7, Sub as Sub2, Trigger as Trigger5 } from "@radix-ui/react-context-menu";
 
 // src/components/ContextMenu/ContextMenuCheckboxItem.tsx
-import { forwardRef as forwardRef51 } from "react";
+import { forwardRef as forwardRef49 } from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { CheckIcon as CheckIcon3 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs16 } from "react/jsx-runtime";
-var ContextMenuCheckboxItem = forwardRef51(function ContextMenuCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs16(
+import { jsx as jsx60, jsxs as jsxs15 } from "react/jsx-runtime";
+var ContextMenuCheckboxItem = forwardRef49(function ContextMenuCheckboxItem2({ checked, children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs15(
     ContextMenuPrimitive.CheckboxItem,
     {
       checked,
@@ -1392,7 +1331,7 @@ var ContextMenuCheckboxItem = forwardRef51(function ContextMenuCheckboxItem2({ c
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx62("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx62(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx62(CheckIcon3, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx60("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx60(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx60(CheckIcon3, { className: "h-4 w-4" }) }) }),
         children
       ]
     }
@@ -1400,11 +1339,11 @@ var ContextMenuCheckboxItem = forwardRef51(function ContextMenuCheckboxItem2({ c
 });
 
 // src/components/ContextMenu/ContextMenuContent.tsx
-import { forwardRef as forwardRef52 } from "react";
+import { forwardRef as forwardRef50 } from "react";
 import * as ContextMenuPrimitive2 from "@radix-ui/react-context-menu";
-import { jsx as jsx63 } from "react/jsx-runtime";
-var ContextMenuContent = forwardRef52(function ContextMenuContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx63(ContextMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx63(
+import { jsx as jsx61 } from "react/jsx-runtime";
+var ContextMenuContent = forwardRef50(function ContextMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx61(ContextMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx61(
     ContextMenuPrimitive2.Content,
     {
       className: cn(
@@ -1418,11 +1357,11 @@ var ContextMenuContent = forwardRef52(function ContextMenuContent2({ className,
 });
 
 // src/components/ContextMenu/ContextMenuItem.tsx
-import { forwardRef as forwardRef53 } from "react";
+import { forwardRef as forwardRef51 } from "react";
 import * as ContextMenuPrimitive3 from "@radix-ui/react-context-menu";
-import { jsx as jsx64 } from "react/jsx-runtime";
-var ContextMenuItem = forwardRef53(function ContextMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx64(
+import { jsx as jsx62 } from "react/jsx-runtime";
+var ContextMenuItem = forwardRef51(function ContextMenuItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx62(
     ContextMenuPrimitive3.Item,
     {
       className: cn(
@@ -1437,11 +1376,11 @@ var ContextMenuItem = forwardRef53(function ContextMenuItem2({ className, inset,
 });
 
 // src/components/ContextMenu/ContextMenuLabel.tsx
-import { forwardRef as forwardRef54 } from "react";
+import { forwardRef as forwardRef52 } from "react";
 import * as ContextMenuPrimitive4 from "@radix-ui/react-context-menu";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var ContextMenuLabel = forwardRef54(function ContextMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx65(
+import { jsx as jsx63 } from "react/jsx-runtime";
+var ContextMenuLabel = forwardRef52(function ContextMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx63(
     ContextMenuPrimitive4.Label,
     {
       className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className),
@@ -1452,12 +1391,12 @@ var ContextMenuLabel = forwardRef54(function ContextMenuLabel2({ className, inse
 });
 
 // src/components/ContextMenu/ContextMenuRadioItem.tsx
-import { forwardRef as forwardRef55 } from "react";
+import { forwardRef as forwardRef53 } from "react";
 import * as ContextMenuPrimitive5 from "@radix-ui/react-context-menu";
 import { CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs17 } from "react/jsx-runtime";
-var ContextMenuRadioItem = forwardRef55(function ContextMenuRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs17(
+import { jsx as jsx64, jsxs as jsxs16 } from "react/jsx-runtime";
+var ContextMenuRadioItem = forwardRef53(function ContextMenuRadioItem2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs16(
     ContextMenuPrimitive5.RadioItem,
     {
       className: cn(
@@ -1467,7 +1406,7 @@ var ContextMenuRadioItem = forwardRef55(function ContextMenuRadioItem2({ childre
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx66("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx66(ContextMenuPrimitive5.ItemIndicator, { children: /* @__PURE__ */ jsx66(CircleIcon2, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
+        /* @__PURE__ */ jsx64("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx64(ContextMenuPrimitive5.ItemIndicator, { children: /* @__PURE__ */ jsx64(CircleIcon2, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
         children
       ]
     }
@@ -1475,26 +1414,26 @@ var ContextMenuRadioItem = forwardRef55(function ContextMenuRadioItem2({ childre
 });
 
 // src/components/ContextMenu/ContextMenuSeparator.tsx
-import { forwardRef as forwardRef56 } from "react";
+import { forwardRef as forwardRef54 } from "react";
 import * as ContextMenuPrimitive6 from "@radix-ui/react-context-menu";
-import { jsx as jsx67 } from "react/jsx-runtime";
-var ContextMenuSeparator = forwardRef56(function ContextMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx67(ContextMenuPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-border", className), ref, ...props });
+import { jsx as jsx65 } from "react/jsx-runtime";
+var ContextMenuSeparator = forwardRef54(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx65(ContextMenuPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-border", className), ref, ...props });
 });
 
 // src/components/ContextMenu/ContextMenuShortcut.tsx
 import "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx68("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx66("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 
 // src/components/ContextMenu/ContextMenuSubContent.tsx
-import { forwardRef as forwardRef57 } from "react";
+import { forwardRef as forwardRef55 } from "react";
 import * as ContextMenuPrimitive7 from "@radix-ui/react-context-menu";
-import { jsx as jsx69 } from "react/jsx-runtime";
-var ContextMenuSubContent = forwardRef57(function ContextMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx69(
+import { jsx as jsx67 } from "react/jsx-runtime";
+var ContextMenuSubContent = forwardRef55(function ContextMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx67(
     ContextMenuPrimitive7.SubContent,
     {
       className: cn(
@@ -1508,12 +1447,12 @@ var ContextMenuSubContent = forwardRef57(function ContextMenuSubContent2({ class
 });
 
 // src/components/ContextMenu/ContextMenuSubTrigger.tsx
-import { forwardRef as forwardRef58 } from "react";
+import { forwardRef as forwardRef56 } from "react";
 import * as ContextMenuPrimitive8 from "@radix-ui/react-context-menu";
 import { ChevronRightIcon as ChevronRightIcon3 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs18 } from "react/jsx-runtime";
-var ContextMenuSubTrigger = forwardRef58(function ContextMenuSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs18(
+import { jsx as jsx68, jsxs as jsxs17 } from "react/jsx-runtime";
+var ContextMenuSubTrigger = forwardRef56(function ContextMenuSubTrigger2({ children, className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsxs17(
     ContextMenuPrimitive8.SubTrigger,
     {
       className: cn(
@@ -1525,7 +1464,7 @@ var ContextMenuSubTrigger = forwardRef58(function ContextMenuSubTrigger2({ child
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx70(ChevronRightIcon3, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx68(ChevronRightIcon3, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -1554,14 +1493,14 @@ import { useState as useState2 } from "react";
 import { ClipboardCheckIcon, ClipboardListIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
 import { match } from "ts-pattern";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var CopyButton = ({
   size,
   text,
   variant
 }) => {
   const [state, setState] = useState2("READY");
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx69(
     Button,
     {
       size: size ?? "icon",
@@ -1575,14 +1514,14 @@ var CopyButton = ({
       onMouseLeave: () => {
         setState("READY");
       },
-      children: /* @__PURE__ */ jsx71(AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsx71(
+      children: /* @__PURE__ */ jsx69(AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsx69(
         motion.div,
         {
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           initial: { opacity: 0 },
           transition: { duration: 0.1 },
-          children: match(state).with("READY", () => /* @__PURE__ */ jsx71(ClipboardListIcon, {})).with("SUCCESS", () => /* @__PURE__ */ jsx71(ClipboardCheckIcon, {})).exhaustive()
+          children: match(state).with("READY", () => /* @__PURE__ */ jsx69(ClipboardListIcon, {})).with("SUCCESS", () => /* @__PURE__ */ jsx69(ClipboardCheckIcon, {})).exhaustive()
         },
         state
       ) })
@@ -1607,10 +1546,10 @@ import { ArrowUpDownIcon, ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon4
 import { SearchIcon as SearchIcon2 } from "lucide-react";
 
 // src/components/Input/Input.tsx
-import * as React17 from "react";
-import { jsx as jsx72 } from "react/jsx-runtime";
-var Input = React17.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx72(
+import * as React15 from "react";
+import { jsx as jsx70 } from "react/jsx-runtime";
+var Input = React15.forwardRef(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ jsx70(
     "input",
     {
       autoComplete: "off",
@@ -1627,7 +1566,7 @@ var Input = React17.forwardRef(function Input2({ className, type, ...props }, re
 });
 
 // src/components/SearchBar/SearchBar.tsx
-import { jsx as jsx73, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs18 } from "react/jsx-runtime";
 var SearchBar = ({
   className,
   onClick,
@@ -1638,9 +1577,9 @@ var SearchBar = ({
   ...props
 }) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs19("form", { className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx73(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs18("form", { className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx71(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx71(
       Input,
       {
         className: "pl-8",
@@ -1657,110 +1596,11 @@ var SearchBar = ({
   ] });
 };
 
-// src/components/Dialog/Dialog.tsx
-import { Root as Root8, Trigger as Trigger6 } from "@radix-ui/react-dialog";
-
-// src/components/Dialog/DialogBody.tsx
-import "react";
-import { jsx as jsx74 } from "react/jsx-runtime";
-var DialogBody = ({
-  children,
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx74("div", { className: cn("py-4", className), ...props, children });
-};
-
-// src/components/Dialog/DialogContent.tsx
-import { forwardRef as forwardRef61 } from "react";
-import { Close, Content as Content6, Portal as Portal6 } from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-
-// src/components/Dialog/DialogOverlay.tsx
-import { forwardRef as forwardRef60 } from "react";
-import { Overlay as Overlay2 } from "@radix-ui/react-dialog";
-import { jsx as jsx75 } from "react/jsx-runtime";
-var DialogOverlay = forwardRef60(function DialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx75(
-    Overlay2,
-    {
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 duration-200",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Dialog/DialogContent.tsx
-import { jsx as jsx76, jsxs as jsxs20 } from "react/jsx-runtime";
-var DialogContent = forwardRef61(function DialogContent2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs20(Portal6, { children: [
-    /* @__PURE__ */ jsx76(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs20(
-      Content6,
-      {
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
-          className
-        ),
-        ref,
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsx76(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: /* @__PURE__ */ jsx76(XIcon, { className: "h-4 w-4" }) })
-        ]
-      }
-    )
-  ] });
-});
-
-// src/components/Dialog/DialogDescription.tsx
-import { forwardRef as forwardRef62 } from "react";
-import { Description as Description2 } from "@radix-ui/react-dialog";
-import { jsx as jsx77 } from "react/jsx-runtime";
-var DialogDescription = forwardRef62(function DialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx77(Description2, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
-});
-
-// src/components/Dialog/DialogFooter.tsx
-import "react";
-import { jsx as jsx78 } from "react/jsx-runtime";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx78("div", { className: cn("flex flex-col gap-x-2 gap-y-0.5 sm:flex-row", className), ...props });
-
-// src/components/Dialog/DialogHeader.tsx
-import "react";
-import { jsx as jsx79 } from "react/jsx-runtime";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx79("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-
-// src/components/Dialog/DialogTitle.tsx
-import { forwardRef as forwardRef63 } from "react";
-import { Title as Title2 } from "@radix-ui/react-dialog";
-import { jsx as jsx80 } from "react/jsx-runtime";
-var DialogTitle = forwardRef63(
-  function DialogTitle2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx80(Title2, { className: cn("text-lg font-semibold leading-none tracking-tight", className), ref, ...props });
-  }
-);
-
-// src/components/Dialog/Dialog.tsx
-var Dialog = Object.assign(Root8.bind(null), {
-  Body: DialogBody,
-  Content: DialogContent,
-  Description: DialogDescription,
-  Footer: DialogFooter,
-  Header: DialogHeader,
-  Title: DialogTitle,
-  Trigger: Trigger6
-});
-
 // src/components/DataTable/DestructiveActionDialog.tsx
-import { jsx as jsx81, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs19 } from "react/jsx-runtime";
 var DestructiveActionDialog = ({ destructiveActionPending, setDestructiveActionPending }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx72(
     Dialog,
     {
       open: destructiveActionPending !== null,
@@ -1769,19 +1609,19 @@ var DestructiveActionDialog = ({ destructiveActionPending, setDestructiveActionP
           setDestructiveActionPending(null);
         }
       },
-      children: /* @__PURE__ */ jsxs21(Dialog.Content, { onOpenAutoFocus: (event) => event.preventDefault(), children: [
-        /* @__PURE__ */ jsxs21(Dialog.Header, { children: [
-          /* @__PURE__ */ jsx81(Dialog.Title, { children: t({
+      children: /* @__PURE__ */ jsxs19(Dialog.Content, { onOpenAutoFocus: (event) => event.preventDefault(), children: [
+        /* @__PURE__ */ jsxs19(Dialog.Header, { children: [
+          /* @__PURE__ */ jsx72(Dialog.Title, { children: t({
             en: "Confirm Action",
             fr: "Confirmer l'action"
           }) }),
-          /* @__PURE__ */ jsx81(Dialog.Description, { children: t({
+          /* @__PURE__ */ jsx72(Dialog.Description, { children: t({
             en: "This action cannot be reversed. Please confirm that you would like to continue.",
             fr: "Cette action ne peut \xEAtre invers\xE9e. Veuillez confirmer que vous souhaitez poursuivre."
           }) })
         ] }),
-        /* @__PURE__ */ jsxs21(Dialog.Footer, { children: [
-          /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsxs19(Dialog.Footer, { children: [
+          /* @__PURE__ */ jsx72(
             Button,
             {
               className: "min-w-16",
@@ -1794,7 +1634,7 @@ var DestructiveActionDialog = ({ destructiveActionPending, setDestructiveActionP
               children: t("libui.yes")
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx72(
             Button,
             {
               className: "min-w-16",
@@ -1812,21 +1652,21 @@ var DestructiveActionDialog = ({ destructiveActionPending, setDestructiveActionP
 
 // src/components/DataTable/RowActionsDropdown.tsx
 import { MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx82, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs20 } from "react/jsx-runtime";
 var RowActionsDropdown = ({
   row,
   rowActions,
   setDestructiveActionPending
 }) => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsx82("div", { className: "flex w-full justify-end", children: /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx82(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx82(Button, { className: "-m-1.5", size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx82(MoreHorizontalIcon2, { className: "h-4 w-4" }) }) }),
-    /* @__PURE__ */ jsxs22(DropdownMenu.Content, { align: "end", children: [
-      /* @__PURE__ */ jsx82(DropdownMenu.Label, { children: t({
+  return /* @__PURE__ */ jsx73("div", { className: "flex w-full justify-end", children: /* @__PURE__ */ jsxs20(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx73(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx73(Button, { className: "-m-1.5", size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx73(MoreHorizontalIcon2, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ jsxs20(DropdownMenu.Content, { align: "end", children: [
+      /* @__PURE__ */ jsx73(DropdownMenu.Label, { children: t({
         en: "Actions",
         fr: "Actions"
       }) }),
-      rowActions.map(({ destructive, label, onSelect }, i) => /* @__PURE__ */ jsx82(
+      rowActions.map(({ destructive, label, onSelect }, i) => /* @__PURE__ */ jsx73(
         DropdownMenu.Item,
         {
           className: destructive ? "text-destructive" : void 0,
@@ -1846,7 +1686,7 @@ var RowActionsDropdown = ({
 };
 
 // src/components/DataTable/DataTable.tsx
-import { jsx as jsx83, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs21 } from "react/jsx-runtime";
 function isStaticColumn(column) {
   return typeof column.key === "string";
 }
@@ -1872,14 +1712,14 @@ var DataTable = ({
       if (isStaticColumn(col)) {
         def = {
           accessorKey: col.key,
-          header: col.sortable ? ({ column }) => /* @__PURE__ */ jsxs23(
+          header: col.sortable ? ({ column }) => /* @__PURE__ */ jsxs21(
             "button",
             {
               className: "flex items-center justify-between gap-2",
               onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
               children: [
                 col.label,
-                /* @__PURE__ */ jsx83(ArrowUpDownIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx74(ArrowUpDownIcon, { className: "h-4 w-4" })
               ]
             }
           ) : col.label
@@ -1890,7 +1730,7 @@ var DataTable = ({
             if (typeof col.format === "function") {
               return col.format(value);
             } else if (col.format === "email") {
-              return /* @__PURE__ */ jsx83("a", { className: "hover:underline", href: `mailto:${value}`, children: value });
+              return /* @__PURE__ */ jsx74("a", { className: "hover:underline", href: `mailto:${value}`, children: value });
             }
             return value;
           };
@@ -1906,7 +1746,7 @@ var DataTable = ({
     if (rowActions) {
       result.push({
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx83(
+          return /* @__PURE__ */ jsx74(
             RowActionsDropdown,
             {
               row,
@@ -1948,16 +1788,16 @@ var DataTable = ({
   const start = Math.max(0, Math.min(currentPage - 1, pageCount - 3));
   const end = Math.min(start + 3, pageCount);
   const pageIndexOptions = range2(start, end);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx74(
       DestructiveActionDialog,
       {
         destructiveActionPending,
         setDestructiveActionPending
       }
     ),
-    search && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-4 py-4", children: [
-      /* @__PURE__ */ jsx83(
+    search && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-4 py-4", children: [
+      /* @__PURE__ */ jsx74(
         SearchBar,
         {
           className: "grow",
@@ -1966,19 +1806,19 @@ var DataTable = ({
           onValueChange: setSearchValue
         }
       ),
-      headerActions && /* @__PURE__ */ jsx83("div", { className: "flex gap-2", children: headerActions.map(({ label, onClick }, i) => /* @__PURE__ */ jsx83(Button, { type: "button", variant: "outline", onClick, children: label }, i)) })
+      headerActions && /* @__PURE__ */ jsx74("div", { className: "flex gap-2", children: headerActions.map(({ label, onClick }, i) => /* @__PURE__ */ jsx74(Button, { type: "button", variant: "outline", onClick, children: label }, i)) })
     ] }),
-    /* @__PURE__ */ jsx83("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs23(Table, { children: [
-      /* @__PURE__ */ jsx83(Table.Header, { children: headerGroups.map((headerGroup) => /* @__PURE__ */ jsx83(Table.Row, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsx83(Table.Head, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
+    /* @__PURE__ */ jsx74("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs21(Table, { children: [
+      /* @__PURE__ */ jsx74(Table.Header, { children: headerGroups.map((headerGroup) => /* @__PURE__ */ jsx74(Table.Row, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ jsx74(Table.Head, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx83(Table.Body, { children: rows?.length ? rows.map((row) => /* @__PURE__ */ jsx83(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx83(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx83(Table.Row, { children: /* @__PURE__ */ jsx83(Table.Cell, { className: "h-24 text-center", colSpan: rowActions ? columns.length + 1 : columns.length, children: t({
+      /* @__PURE__ */ jsx74(Table.Body, { children: rows?.length ? rows.map((row) => /* @__PURE__ */ jsx74(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx74(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx74(Table.Row, { children: /* @__PURE__ */ jsx74(Table.Cell, { className: "h-24 text-center", colSpan: rowActions ? columns.length + 1 : columns.length, children: t({
         en: "No Results",
         fr: "Aucun r\xE9sultat"
       }) }) }) })
     ] }) }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex w-min gap-0.5 py-4 [&>button]:h-9", children: [
-      /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsxs21("div", { className: "flex w-min gap-0.5 py-4 [&>button]:h-9", children: [
+      /* @__PURE__ */ jsx74(
         Button,
         {
           disabled: !table.getCanPreviousPage(),
@@ -1986,10 +1826,10 @@ var DataTable = ({
           type: "button",
           variant: "ghost",
           onClick: () => table.firstPage(),
-          children: /* @__PURE__ */ jsx83(ChevronsLeftIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx74(ChevronsLeftIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx74(
         Button,
         {
           disabled: !table.getCanPreviousPage(),
@@ -1997,10 +1837,10 @@ var DataTable = ({
           type: "button",
           variant: "ghost",
           onClick: () => table.previousPage(),
-          children: /* @__PURE__ */ jsx83(ChevronLeftIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx74(ChevronLeftIcon, { className: "h-4 w-4" })
         }
       ),
-      pageIndexOptions.map((index) => /* @__PURE__ */ jsx83(
+      pageIndexOptions.map((index) => /* @__PURE__ */ jsx74(
         Button,
         {
           size: "icon",
@@ -2011,7 +1851,7 @@ var DataTable = ({
         },
         index
       )),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx74(
         Button,
         {
           disabled: !table.getCanNextPage(),
@@ -2019,10 +1859,10 @@ var DataTable = ({
           type: "button",
           variant: "ghost",
           onClick: () => table.nextPage(),
-          children: /* @__PURE__ */ jsx83(ChevronRightIcon4, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx74(ChevronRightIcon4, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx74(
         Button,
         {
           disabled: !table.getCanNextPage(),
@@ -2030,7 +1870,7 @@ var DataTable = ({
           type: "button",
           variant: "ghost",
           onClick: () => table.lastPage(),
-          children: /* @__PURE__ */ jsx83(ChevronsRightIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx74(ChevronsRightIcon, { className: "h-4 w-4" })
         }
       )
     ] })
@@ -2039,16 +1879,16 @@ var DataTable = ({
 
 // src/components/DatePicker/DatePicker.tsx
 import { useReducer, useState as useState4 } from "react";
-import * as React21 from "react";
+import * as React16 from "react";
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
 
 // src/components/DatePicker/Calendar.tsx
-import { forwardRef as forwardRef64 } from "react";
+import { forwardRef as forwardRef58 } from "react";
 import { range as range3 } from "lodash-es";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { jsx as jsx84, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs22 } from "react/jsx-runtime";
 var CALENDAR_ANIMATION_DURATION = 0.2;
-var Calendar = forwardRef64(function Calendar2(props, ref) {
+var Calendar = forwardRef58(function Calendar2(props, ref) {
   const { t } = useTranslation("libui");
   const firstDay = new Date(props.year, props.month).getDay();
   const lastDay = new Date(props.year, props.month + 1, 0).getDate();
@@ -2062,17 +1902,17 @@ var Calendar = forwardRef64(function Calendar2(props, ref) {
     t("days.friday"),
     t("days.saturday")
   ];
-  return /* @__PURE__ */ jsx84(AnimatePresence2, { initial: false, mode: "wait", children: /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx75(AnimatePresence2, { initial: false, mode: "wait", children: /* @__PURE__ */ jsx75(
     motion2.div,
     {
       animate: { opacity: 1, x: 0 },
       exit: { opacity: 0, x: -20 },
       initial: { opacity: 0, x: 20 },
       transition: { duration: CALENDAR_ANIMATION_DURATION },
-      children: /* @__PURE__ */ jsxs24("div", { className: "grid h-56 w-56 grid-cols-7 text-sm", ref, children: [
-        daysOfWeek.map((label) => /* @__PURE__ */ jsx84("div", { className: "flex h-8 w-8 items-center justify-center text-muted-foreground", children: label.charAt(0).toUpperCase() }, label)),
-        /* @__PURE__ */ jsx84("div", { style: { gridColumn: `span ${firstDay} / span ${firstDay}` } }),
-        days.map((day) => /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsxs22("div", { className: "grid h-56 w-56 grid-cols-7 text-sm", ref, children: [
+        daysOfWeek.map((label) => /* @__PURE__ */ jsx75("div", { className: "flex h-8 w-8 items-center justify-center text-muted-foreground", children: label.charAt(0).toUpperCase() }, label)),
+        /* @__PURE__ */ jsx75("div", { style: { gridColumn: `span ${firstDay} / span ${firstDay}` } }),
+        days.map((day) => /* @__PURE__ */ jsx75(
           "button",
           {
             className: "dark:hover:bg-extra-muted flex h-8 w-8 items-center justify-center rounded-md hover:bg-slate-200 dark:hover:bg-slate-700",
@@ -2096,15 +1936,15 @@ import { useEffect as useEffect2, useRef } from "react";
 import { range as range4 } from "lodash-es";
 
 // src/components/ScrollArea/ScrollArea.tsx
-import { forwardRef as forwardRef66 } from "react";
-import { Corner, Root as Root9, Viewport } from "@radix-ui/react-scroll-area";
+import { forwardRef as forwardRef60 } from "react";
+import { Corner, Root as Root8, Viewport } from "@radix-ui/react-scroll-area";
 
 // src/components/ScrollArea/ScrollBar.tsx
-import { forwardRef as forwardRef65 } from "react";
+import { forwardRef as forwardRef59 } from "react";
 import { ScrollAreaScrollbar, ScrollAreaThumb } from "@radix-ui/react-scroll-area";
-import { jsx as jsx85 } from "react/jsx-runtime";
-var ScrollBar = forwardRef65(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
-  return /* @__PURE__ */ jsx85(
+import { jsx as jsx76 } from "react/jsx-runtime";
+var ScrollBar = forwardRef59(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
+  return /* @__PURE__ */ jsx76(
     ScrollAreaScrollbar,
     {
       className: cn(
@@ -2116,25 +1956,25 @@ var ScrollBar = forwardRef65(function ScrollBar2({ className, orientation = "ver
       orientation,
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx85(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx76(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     }
   );
 });
 
 // src/components/ScrollArea/ScrollArea.tsx
-import { jsx as jsx86, jsxs as jsxs25 } from "react/jsx-runtime";
-var ScrollArea = forwardRef66(
+import { jsx as jsx77, jsxs as jsxs23 } from "react/jsx-runtime";
+var ScrollArea = forwardRef60(
   function ScrollArea2({ children, className, ...props }, ref) {
-    return /* @__PURE__ */ jsxs25(Root9, { className: cn("relative overflow-hidden", className), "data-testid": "scroll-area", ref, ...props, children: [
-      /* @__PURE__ */ jsx86(Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx86(ScrollBar, {}),
-      /* @__PURE__ */ jsx86(Corner, {})
+    return /* @__PURE__ */ jsxs23(Root8, { className: cn("relative overflow-hidden", className), "data-testid": "scroll-area", ref, ...props, children: [
+      /* @__PURE__ */ jsx77(Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx77(ScrollBar, {}),
+      /* @__PURE__ */ jsx77(Corner, {})
     ] });
   }
 );
 
 // src/components/DatePicker/YearSelector.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var YearSelector = (props) => {
   const selectedRef = useRef(null);
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
@@ -2144,7 +1984,7 @@ var YearSelector = (props) => {
       selectedRef.current.scrollIntoView({ block: "center" });
     }
   }, []);
-  return /* @__PURE__ */ jsx87(ScrollArea, { className: "h-56 w-56", children: /* @__PURE__ */ jsx87("div", { className: "grid grid-cols-3 gap-x-2 gap-y-1 text-sm text-muted-foreground", children: years.map((year) => /* @__PURE__ */ jsx87("div", { className: "flex h-7 items-center justify-center", children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx78(ScrollArea, { className: "h-56 w-56", children: /* @__PURE__ */ jsx78("div", { className: "grid grid-cols-3 gap-x-2 gap-y-1 text-sm text-muted-foreground", children: years.map((year) => /* @__PURE__ */ jsx78("div", { className: "flex h-7 items-center justify-center", children: /* @__PURE__ */ jsx78(
     "button",
     {
       className: cn(
@@ -2163,7 +2003,7 @@ var YearSelector = (props) => {
 };
 
 // src/components/DatePicker/DatePicker.tsx
-import { jsx as jsx88, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs24 } from "react/jsx-runtime";
 var MONTHS = [
   "january",
   "february",
@@ -2192,7 +2032,7 @@ var reducer = (previousDate, action) => {
   }
   return newDate;
 };
-var DatePicker = React21.forwardRef(function DatePicker2({ onSelection, ...props }, ref) {
+var DatePicker = React16.forwardRef(function DatePicker2({ onSelection, ...props }, ref) {
   const [date, dispatch] = useReducer(reducer, /* @__PURE__ */ new Date());
   const [showYearSelector, setShowYearSelector] = useState4(false);
   const { t } = useTranslation("libui");
@@ -2202,11 +2042,11 @@ var DatePicker = React21.forwardRef(function DatePicker2({ onSelection, ...props
     dispatch({ type: "set-year", value: date2.getFullYear() });
     setShowYearSelector(false);
   };
-  return /* @__PURE__ */ jsxs26(Card, { className: "w-fit p-3", "data-testid": "datepicker", ref, ...props, children: [
-    /* @__PURE__ */ jsxs26("div", { className: "mb-3 flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx88("span", { className: "mx-1 text-sm font-medium tracking-tight", children: `${monthName} ${date.getFullYear()}` }),
-        /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsxs24(Card, { className: "w-fit p-3", "data-testid": "datepicker", ref, ...props, children: [
+    /* @__PURE__ */ jsxs24("div", { className: "mb-3 flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx79("span", { className: "mx-1 text-sm font-medium tracking-tight", children: `${monthName} ${date.getFullYear()}` }),
+        /* @__PURE__ */ jsx79(
           ArrowToggle,
           {
             className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
@@ -2220,8 +2060,8 @@ var DatePicker = React21.forwardRef(function DatePicker2({ onSelection, ...props
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: cn("flex", { hidden: showYearSelector }), children: [
-        /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsxs24("div", { className: cn("flex", { hidden: showYearSelector }), children: [
+        /* @__PURE__ */ jsx79(
           ArrowToggle,
           {
             className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
@@ -2238,7 +2078,7 @@ var DatePicker = React21.forwardRef(function DatePicker2({ onSelection, ...props
             }
           }
         ),
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx79(
           ArrowToggle,
           {
             className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
@@ -2257,24 +2097,24 @@ var DatePicker = React21.forwardRef(function DatePicker2({ onSelection, ...props
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsx88(AnimatePresence3, { initial: false, mode: "wait", children: showYearSelector ? /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx79("div", { children: /* @__PURE__ */ jsx79(AnimatePresence3, { initial: false, mode: "wait", children: showYearSelector ? /* @__PURE__ */ jsx79(
       motion3.div,
       {
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: 10 },
         initial: { opacity: 0, y: 10 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsx88(YearSelector, { selected: date, onSelection: handleYearSelection })
+        children: /* @__PURE__ */ jsx79(YearSelector, { selected: date, onSelection: handleYearSelection })
       },
       0
-    ) : /* @__PURE__ */ jsx88(
+    ) : /* @__PURE__ */ jsx79(
       motion3.div,
       {
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         initial: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsx88(Calendar, { month: date.getMonth(), year: date.getFullYear(), onSelection })
+        children: /* @__PURE__ */ jsx79(Calendar, { month: date.getMonth(), year: date.getFullYear(), onSelection })
       },
       1
     ) }) })
@@ -2286,13 +2126,13 @@ import "react";
 import { Drawer as DrawerPrimitive4 } from "vaul";
 
 // src/components/Drawer/DrawerContent.tsx
-import { forwardRef as forwardRef68 } from "react";
+import { forwardRef as forwardRef62 } from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx89, jsxs as jsxs27 } from "react/jsx-runtime";
-var DrawerContent = forwardRef68(function DrawerContent2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs27(DrawerPrimitive.Portal, { children: [
-    /* @__PURE__ */ jsx89(DrawerPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80", className), ref, ...props }),
-    /* @__PURE__ */ jsxs27(
+import { jsx as jsx80, jsxs as jsxs25 } from "react/jsx-runtime";
+var DrawerContent = forwardRef62(function DrawerContent2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs25(DrawerPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx80(DrawerPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80", className), ref, ...props }),
+    /* @__PURE__ */ jsxs25(
       DrawerPrimitive.Content,
       {
         className: cn(
@@ -2302,7 +2142,7 @@ var DrawerContent = forwardRef68(function DrawerContent2({ children, className,
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx89("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx80("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
           children
         ]
       }
@@ -2311,29 +2151,29 @@ var DrawerContent = forwardRef68(function DrawerContent2({ children, className,
 });
 
 // src/components/Drawer/DrawerDescription.tsx
-import { forwardRef as forwardRef69 } from "react";
+import { forwardRef as forwardRef63 } from "react";
 import { Drawer as DrawerPrimitive2 } from "vaul";
-import { jsx as jsx90 } from "react/jsx-runtime";
-var DrawerDescription = forwardRef69(function DrawerDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx90(DrawerPrimitive2.Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+import { jsx as jsx81 } from "react/jsx-runtime";
+var DrawerDescription = forwardRef63(function DrawerDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx81(DrawerPrimitive2.Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
 });
 
 // src/components/Drawer/DrawerFooter.tsx
 import "react";
-import { jsx as jsx91 } from "react/jsx-runtime";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx91("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+import { jsx as jsx82 } from "react/jsx-runtime";
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx82("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 
 // src/components/Drawer/DrawerHeader.tsx
 import "react";
-import { jsx as jsx92 } from "react/jsx-runtime";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx92("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+import { jsx as jsx83 } from "react/jsx-runtime";
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx83("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 
 // src/components/Drawer/DrawerTitle.tsx
-import { forwardRef as forwardRef70 } from "react";
+import { forwardRef as forwardRef64 } from "react";
 import { Drawer as DrawerPrimitive3 } from "vaul";
-import { jsx as jsx93 } from "react/jsx-runtime";
-var DrawerTitle = forwardRef70(function DrawerTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx93(
+import { jsx as jsx84 } from "react/jsx-runtime";
+var DrawerTitle = forwardRef64(function DrawerTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx84(
     DrawerPrimitive3.Title,
     {
       className: cn("text-lg font-semibold leading-none tracking-tight", className),
@@ -2344,8 +2184,8 @@ var DrawerTitle = forwardRef70(function DrawerTitle2({ className, ...props }, re
 });
 
 // src/components/Drawer/Drawer.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
-var DrawerRoot = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx94(DrawerPrimitive4.Root, { shouldScaleBackground, ...props });
+import { jsx as jsx85 } from "react/jsx-runtime";
+var DrawerRoot = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx85(DrawerPrimitive4.Root, { shouldScaleBackground, ...props });
 var Drawer = Object.assign(DrawerRoot, {
   Close: DrawerPrimitive4.Close,
   Content: DrawerContent,
@@ -2362,21 +2202,21 @@ import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
 
 // src/components/ErrorFallback/ErrorFallback.tsx
 import { useEffect as useEffect3 } from "react";
-import { jsx as jsx95, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs26 } from "react/jsx-runtime";
 var ErrorFallback = ({ error }) => {
   useEffect3(() => {
     console.error(error);
   }, [error]);
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: "flex min-h-screen flex-col items-center justify-center gap-1 p-3 text-center",
       "data-testid": "error-fallback",
       children: [
-        /* @__PURE__ */ jsx95("h1", { className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase", children: "Unexpected Error" }),
-        /* @__PURE__ */ jsx95("h3", { className: "text-3xl font-extrabold tracking-tight sm:text-4xl md:text-5xl", children: "Something Went Wrong" }),
-        /* @__PURE__ */ jsx95("p", { className: "text-muted-foreground mt-2 max-w-prose text-sm sm:text-base", children: "We apologize for the inconvenience. Please contact us for further assistance." }),
-        /* @__PURE__ */ jsx95("div", { className: "mt-6", children: /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsx86("h1", { className: "text-muted-foreground text-sm font-semibold tracking-wide uppercase", children: "Unexpected Error" }),
+        /* @__PURE__ */ jsx86("h3", { className: "text-3xl font-extrabold tracking-tight sm:text-4xl md:text-5xl", children: "Something Went Wrong" }),
+        /* @__PURE__ */ jsx86("p", { className: "text-muted-foreground mt-2 max-w-prose text-sm sm:text-base", children: "We apologize for the inconvenience. Please contact us for further assistance." }),
+        /* @__PURE__ */ jsx86("div", { className: "mt-6", children: /* @__PURE__ */ jsxs26(
           "button",
           {
             className: "text-sky-800 underline-offset-4 hover:text-sky-700 hover:underline dark:text-sky-200 dark:hover:text-sky-300",
@@ -2386,7 +2226,7 @@ var ErrorFallback = ({ error }) => {
             },
             children: [
               "Reload Page",
-              /* @__PURE__ */ jsx95("span", { "aria-hidden": "true", children: " \u2192" })
+              /* @__PURE__ */ jsx86("span", { "aria-hidden": "true", children: " \u2192" })
             ]
           }
         ) })
@@ -2396,16 +2236,16 @@ var ErrorFallback = ({ error }) => {
 };
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var ErrorBoundary = ({ children }) => {
-  return /* @__PURE__ */ jsx96(ReactErrorBoundary, { FallbackComponent: ErrorFallback, children });
+  return /* @__PURE__ */ jsx87(ReactErrorBoundary, { FallbackComponent: ErrorFallback, children });
 };
 
 // src/components/FileDropzone/FileDropzone.tsx
 import { useCallback } from "react";
 import { UploadIcon } from "lucide-react";
 import { useDropzone } from "react-dropzone";
-import { jsx as jsx97, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs27 } from "react/jsx-runtime";
 var FileDropzone = ({
   acceptedFileTypes,
   className,
@@ -2437,7 +2277,7 @@ var FileDropzone = ({
     en: "Drag and drop files or click on box to upload",
     fr: "Glissez-d\xE9posez les fichiers ou cliquez sur la case pour les t\xE9l\xE9charger"
   });
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn(
@@ -2447,14 +2287,14 @@ var FileDropzone = ({
       "data-testid": "dropzone",
       ...getRootProps(),
       children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center justify-center gap-3", children: [
-          /* @__PURE__ */ jsx97(UploadIcon, { style: { height: 24, strokeWidth: 2, width: 24 } }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-            /* @__PURE__ */ jsx97("h3", { className: "text-lg font-semibold tracking-tight", "data-testid": "dropzone-title", children: file ? file.name : isDragActive ? dragActiveTitle : dragInactiveTitle }),
-            description && /* @__PURE__ */ jsx97("p", { className: "text-sm text-muted-foreground", children: description })
+        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center gap-3", children: [
+          /* @__PURE__ */ jsx88(UploadIcon, { style: { height: 24, strokeWidth: 2, width: 24 } }),
+          /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+            /* @__PURE__ */ jsx88("h3", { className: "text-lg font-semibold tracking-tight", "data-testid": "dropzone-title", children: file ? file.name : isDragActive ? dragActiveTitle : dragInactiveTitle }),
+            description && /* @__PURE__ */ jsx88("p", { className: "text-sm text-muted-foreground", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx97("input", { ...getInputProps() })
+        /* @__PURE__ */ jsx88("input", { ...getInputProps() })
       ]
     }
   );
@@ -2466,30 +2306,30 @@ import { get, set } from "lodash-es";
 import { twMerge } from "tailwind-merge";
 
 // src/components/Heading/Heading.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var Heading = ({ children, className, variant }) => {
   switch (variant) {
     case "h1":
-      return /* @__PURE__ */ jsx98("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__ */ jsx98("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__ */ jsx98("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__ */ jsx98("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__ */ jsx98("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}`);
   }
 };
 
 // src/components/Separator/Separator.tsx
-import { forwardRef as forwardRef71 } from "react";
+import { forwardRef as forwardRef65 } from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx99 } from "react/jsx-runtime";
-var Separator3 = forwardRef71(function Separator4({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ jsx99(
+import { jsx as jsx90 } from "react/jsx-runtime";
+var Separator3 = forwardRef65(function Separator4({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ jsx90(
     SeparatorPrimitive.Root,
     {
       className: cn(
@@ -2509,11 +2349,11 @@ var Separator3 = forwardRef71(function Separator4({ className, decorative = true
 // src/components/Form/ErrorMessage.tsx
 import "react";
 import { CircleAlertIcon } from "lucide-react";
-import { jsx as jsx100, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs28 } from "react/jsx-runtime";
 var ErrorMessage = ({ className, error }) => {
-  return error ? /* @__PURE__ */ jsx100("div", { className: "flex flex-col gap-1.5", children: error.map((message) => /* @__PURE__ */ jsxs30("div", { className: cn("text-destructive flex w-full items-center text-sm font-medium", className), children: [
-    /* @__PURE__ */ jsx100(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
-    /* @__PURE__ */ jsx100("span", { "data-testid": "error-message-text", children: message })
+  return error ? /* @__PURE__ */ jsx91("div", { className: "flex flex-col gap-1.5", children: error.map((message) => /* @__PURE__ */ jsxs28("div", { className: cn("text-destructive flex w-full items-center text-sm font-medium", className), children: [
+    /* @__PURE__ */ jsx91(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
+    /* @__PURE__ */ jsx91("span", { "data-testid": "error-message-text", children: message })
   ] }, message)) ?? null }) : null;
 };
 
@@ -2541,15 +2381,15 @@ import { useEffect as useEffect4, useId as useId2, useRef as useRef2, useState a
 import { parseNumber } from "@douglasneuroinformatics/libjs";
 
 // src/components/Label/Label.tsx
-import { forwardRef as forwardRef72 } from "react";
+import { forwardRef as forwardRef66 } from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx101 } from "react/jsx-runtime";
-var labelVariants = cva3(
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx92 } from "react/jsx-runtime";
+var labelVariants = cva2(
   "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 = forwardRef72(function Label4({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx101(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
+var Label3 = forwardRef66(function Label4({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx92(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
 });
 
 // src/components/Form/FieldGroup/FieldGroupDescription.tsx
@@ -2560,13 +2400,13 @@ import { CircleHelpIcon } from "lucide-react";
 import { Root as PopoverRoot, Trigger as PopoverTrigger } from "@radix-ui/react-popover";
 
 // src/components/Popover/PopoverContent.tsx
-import * as React27 from "react";
-import { Content as Content7, Portal as Portal7 } from "@radix-ui/react-popover";
-import { jsx as jsx102 } from "react/jsx-runtime";
-var PopoverContent = React27.forwardRef(
+import * as React22 from "react";
+import { Content as Content6, Portal as Portal6 } from "@radix-ui/react-popover";
+import { jsx as jsx93 } from "react/jsx-runtime";
+var PopoverContent = React22.forwardRef(
   function PopoverContent2({ align = "center", asChild, autofocus = true, className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx102(Portal7, { children: /* @__PURE__ */ jsx102(
-      Content7,
+    return /* @__PURE__ */ jsx93(Portal6, { children: /* @__PURE__ */ jsx93(
+      Content6,
       {
         align,
         asChild,
@@ -2591,21 +2431,21 @@ var Popover = Object.assign(PopoverRoot.bind(null), {
 });
 
 // src/components/Form/FieldGroup/FieldGroupDescription.tsx
-import { jsx as jsx103, jsxs as jsxs31 } from "react/jsx-runtime";
-var FieldGroupDescription = ({ description }) => description ? /* @__PURE__ */ jsxs31(Popover, { children: [
-  /* @__PURE__ */ jsx103(Popover.Trigger, { tabIndex: -1, children: /* @__PURE__ */ jsx103(CircleHelpIcon, { className: "text-muted-foreground" }) }),
-  /* @__PURE__ */ jsx103(Popover.Content, { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx103("p", { children: description }) })
+import { jsx as jsx94, jsxs as jsxs29 } from "react/jsx-runtime";
+var FieldGroupDescription = ({ description }) => description ? /* @__PURE__ */ jsxs29(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 jsx104 } from "react/jsx-runtime";
-var FieldGroupRoot = ({ children, name }) => /* @__PURE__ */ jsx104("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 jsx105 } from "react/jsx-runtime";
-var FieldGroupRow = ({ children }) => /* @__PURE__ */ jsx105("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, {
@@ -2615,7 +2455,7 @@ var FieldGroup = Object.assign(FieldGroupRoot, {
 });
 
 // src/components/Form/NumberField/NumberFieldInput.tsx
-import { jsx as jsx106, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs30 } from "react/jsx-runtime";
 var NumberFieldInput = ({
   description,
   disabled,
@@ -2660,12 +2500,12 @@ var NumberFieldInput = ({
     setInputValue(updatedInputValue);
     valueRef.current = value;
   }, [value]);
-  return /* @__PURE__ */ jsxs32(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs32(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx106(Label3, { htmlFor: id, children: label }),
-      /* @__PURE__ */ jsx106(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs30(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs30(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx97(Label3, { htmlFor: id, children: label }),
+      /* @__PURE__ */ jsx97(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx106(
+    /* @__PURE__ */ jsx97(
       Input,
       {
         disabled: disabled || readOnly,
@@ -2678,21 +2518,21 @@ var NumberFieldInput = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx106(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx97(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/RadioGroup/RadioGroup.tsx
-import * as React31 from "react";
+import * as React26 from "react";
 import * as RadioGroupPrimitive2 from "@radix-ui/react-radio-group";
 
 // src/components/RadioGroup/RadioGroupItem.tsx
-import { forwardRef as forwardRef74 } from "react";
+import { forwardRef as forwardRef68 } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx107 } from "react/jsx-runtime";
-var RadioGroupItem = forwardRef74(function RadioGroupItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx107(
+import { jsx as jsx98 } from "react/jsx-runtime";
+var RadioGroupItem = forwardRef68(function RadioGroupItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx98(
     RadioGroupPrimitive.Item,
     {
       className: cn(
@@ -2701,7 +2541,7 @@ var RadioGroupItem = forwardRef74(function RadioGroupItem2({ className, ...props
       ),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx107(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx107(
+      children: /* @__PURE__ */ jsx98(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx98(
         CircleIcon3,
         {
           className: "fill-current text-current",
@@ -2713,16 +2553,16 @@ var RadioGroupItem = forwardRef74(function RadioGroupItem2({ className, ...props
 });
 
 // src/components/RadioGroup/RadioGroup.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
-var RadioGroupRoot = React31.forwardRef(function RadioGroup3({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx108(RadioGroupPrimitive2.Root, { className: cn("grid gap-2", className), "data-testid": "radio-group", ...props, ref });
+import { jsx as jsx99 } from "react/jsx-runtime";
+var RadioGroupRoot = React26.forwardRef(function RadioGroup3({ className, ...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 jsx109, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs31 } from "react/jsx-runtime";
 var NumberFieldRadio = ({
   description,
   disableAutoPrefix,
@@ -2736,12 +2576,12 @@ var NumberFieldRadio = ({
   value
 }) => {
   const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs33(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs33(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__ */ jsx100(Label3, { children: label }),
+      /* @__PURE__ */ jsx100(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx109(
+    /* @__PURE__ */ jsx100(
       RadioGroup4,
       {
         className: cn(
@@ -2753,9 +2593,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__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx109(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${val}`, value: val.toString() }),
-            /* @__PURE__ */ jsx109(
+          return /* @__PURE__ */ jsxs31("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,
@@ -2768,7 +2608,7 @@ var NumberFieldRadio = ({
         })
       }
     ),
-    /* @__PURE__ */ jsx109(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx100(FieldGroup.Error, { error })
   ] });
 };
 
@@ -2776,47 +2616,47 @@ var NumberFieldRadio = ({
 import * as SelectPrimitive8 from "@radix-ui/react-select";
 
 // src/components/Select/SelectContent.tsx
-import { forwardRef as forwardRef78 } from "react";
+import { forwardRef as forwardRef72 } from "react";
 import * as SelectPrimitive3 from "@radix-ui/react-select";
 
 // src/components/Select/SelectScrollDownButton.tsx
-import { forwardRef as forwardRef76 } from "react";
+import { forwardRef as forwardRef70 } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx110 } from "react/jsx-runtime";
-var SelectScrollDownButton = forwardRef76(function SelectScrollDownButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx110(
+import { jsx as jsx101 } from "react/jsx-runtime";
+var SelectScrollDownButton = forwardRef70(function SelectScrollDownButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx101(
     SelectPrimitive.ScrollDownButton,
     {
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx110(ChevronDownIcon4, {})
+      children: /* @__PURE__ */ jsx101(ChevronDownIcon4, {})
     }
   );
 });
 
 // src/components/Select/SelectScrollUpButton.tsx
-import { forwardRef as forwardRef77 } from "react";
+import { forwardRef as forwardRef71 } from "react";
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
-import { jsx as jsx111 } from "react/jsx-runtime";
-var SelectScrollUpButton = forwardRef77(function SelectScrollUpButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx111(
+import { jsx as jsx102 } from "react/jsx-runtime";
+var SelectScrollUpButton = forwardRef71(function SelectScrollUpButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx102(
     SelectPrimitive2.ScrollUpButton,
     {
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx111(ChevronUpIcon2, {})
+      children: /* @__PURE__ */ jsx102(ChevronUpIcon2, {})
     }
   );
 });
 
 // src/components/Select/SelectContent.tsx
-import { jsx as jsx112, jsxs as jsxs34 } from "react/jsx-runtime";
-var SelectContent = forwardRef78(function SelectContent2({ children, className, position = "popper", ...props }, ref) {
-  return /* @__PURE__ */ jsx112(SelectPrimitive3.Portal, { children: /* @__PURE__ */ jsxs34(
+import { jsx as jsx103, jsxs as jsxs32 } from "react/jsx-runtime";
+var SelectContent = forwardRef72(function SelectContent2({ children, className, position = "popper", ...props }, ref) {
+  return /* @__PURE__ */ jsx103(SelectPrimitive3.Portal, { children: /* @__PURE__ */ jsxs32(
     SelectPrimitive3.Content,
     {
       className: cn(
@@ -2828,8 +2668,8 @@ var SelectContent = forwardRef78(function SelectContent2({ children, className,
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx112(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx112(
+        /* @__PURE__ */ jsx103(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx103(
           SelectPrimitive3.Viewport,
           {
             className: cn(
@@ -2839,19 +2679,19 @@ var SelectContent = forwardRef78(function SelectContent2({ children, className,
             children
           }
         ),
-        /* @__PURE__ */ jsx112(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx103(SelectScrollDownButton, {})
       ]
     }
   ) });
 });
 
 // src/components/Select/SelectItem.tsx
-import { forwardRef as forwardRef79 } from "react";
+import { forwardRef as forwardRef73 } from "react";
 import * as SelectPrimitive4 from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx113, jsxs as jsxs35 } from "react/jsx-runtime";
-var SelectItem = forwardRef79(function SelectItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs35(
+import { jsx as jsx104, jsxs as jsxs33 } from "react/jsx-runtime";
+var SelectItem = forwardRef73(function SelectItem2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs33(
     SelectPrimitive4.Item,
     {
       className: cn(
@@ -2861,35 +2701,35 @@ var SelectItem = forwardRef79(function SelectItem2({ children, className, ...pro
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx113("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx113(SelectPrimitive4.ItemIndicator, { children: /* @__PURE__ */ jsx113(CheckIcon4, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx113(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 })
       ]
     }
   );
 });
 
 // src/components/Select/SelectLabel.tsx
-import { forwardRef as forwardRef80 } from "react";
+import { forwardRef as forwardRef74 } from "react";
 import * as SelectPrimitive5 from "@radix-ui/react-select";
-import { jsx as jsx114 } from "react/jsx-runtime";
-var SelectLabel = forwardRef80(function SelectLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx114(SelectPrimitive5.Label, { className: cn("px-2 py-1.5 text-sm font-semibold", className), ref, ...props });
+import { jsx as jsx105 } from "react/jsx-runtime";
+var SelectLabel = forwardRef74(function SelectLabel2({ className, ...props }, ref) {
+  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 forwardRef81 } from "react";
+import { forwardRef as forwardRef75 } from "react";
 import * as SelectPrimitive6 from "@radix-ui/react-select";
-import { jsx as jsx115 } from "react/jsx-runtime";
-var SelectSeparator = forwardRef81(function SelectSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx115(SelectPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
+import { jsx as jsx106 } from "react/jsx-runtime";
+var SelectSeparator = forwardRef75(function SelectSeparator2({ className, ...props }, ref) {
+  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 forwardRef82 } from "react";
+import { forwardRef as forwardRef76 } from "react";
 import * as SelectPrimitive7 from "@radix-ui/react-select";
-import { jsx as jsx116 } from "react/jsx-runtime";
-var SelectTrigger = forwardRef82(function SelectTrigger2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx116(SelectPrimitive7.Trigger, { asChild: true, className, ref, ...props, children: /* @__PURE__ */ jsx116(DropdownButton, { children }) });
+import { jsx as jsx107 } from "react/jsx-runtime";
+var SelectTrigger = forwardRef76(function SelectTrigger2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx107(SelectPrimitive7.Trigger, { asChild: true, className, ref, ...props, children: /* @__PURE__ */ jsx107(DropdownButton, { children }) });
 });
 
 // src/components/Select/Select.tsx
@@ -2906,7 +2746,7 @@ var Select = Object.assign(SelectPrimitive8.Root.bind(null), {
 });
 
 // src/components/Form/NumberField/NumberFieldSelect.tsx
-import { jsx as jsx117, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs34 } from "react/jsx-runtime";
 var NumberFieldSelect = ({
   description,
   disableAutoPrefix,
@@ -2919,46 +2759,46 @@ var NumberFieldSelect = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs36(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx117(Label3, { children: label }),
-      /* @__PURE__ */ jsx117(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs34(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs34(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx108(Label3, { children: label }),
+      /* @__PURE__ */ jsx108(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs36(Select, { name, value: value?.toString() ?? "", onValueChange: (value2) => setValue(parseFloat(value2)), children: [
-      /* @__PURE__ */ jsx117(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx117(Select.Value, {}) }),
-      /* @__PURE__ */ jsx117(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => {
+    /* @__PURE__ */ jsxs34(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__ */ jsx117(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__ */ jsx117(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx108(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Slider/Slider.tsx
-import { forwardRef as forwardRef83 } from "react";
-import { Range, Root as Root14, Thumb, Track } from "@radix-ui/react-slider";
-import { jsx as jsx118, jsxs as jsxs37 } from "react/jsx-runtime";
-var Slider = forwardRef83(
+import { forwardRef as forwardRef77 } from "react";
+import { Range, Root as Root13, Thumb, Track } from "@radix-ui/react-slider";
+import { jsx as jsx109, jsxs as jsxs35 } from "react/jsx-runtime";
+var Slider = forwardRef77(
   function Slider2({ className, disabled, ...props }, ref) {
-    return /* @__PURE__ */ jsxs37(
-      Root14,
+    return /* @__PURE__ */ jsxs35(
+      Root13,
       {
         className: cn("relative flex w-full touch-none items-center py-1.5 select-none", className),
         disabled,
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx118(
+          /* @__PURE__ */ jsx109(
             Track,
             {
               "aria-disabled": disabled,
               className: "bg-primary relative h-1.5 w-full grow overflow-hidden rounded-full opacity-15 aria-disabled:cursor-not-allowed aria-disabled:opacity-10",
               "data-testid": "slider-track",
-              children: /* @__PURE__ */ jsx118(Range, { className: "bg-primary absolute h-full" })
+              children: /* @__PURE__ */ jsx109(Range, { className: "bg-primary absolute h-full" })
             }
           ),
-          /* @__PURE__ */ jsx118(
+          /* @__PURE__ */ jsx109(
             Thumb,
             {
               "aria-disabled": disabled,
@@ -2973,7 +2813,7 @@ var Slider = forwardRef83(
 );
 
 // src/components/Form/NumberField/NumberFieldSlider.tsx
-import { jsx as jsx119, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs36 } from "react/jsx-runtime";
 var NumberFieldSlider = ({
   description,
   disabled,
@@ -2986,13 +2826,13 @@ var NumberFieldSlider = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs38(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx119(Label3, { children: label }),
-      /* @__PURE__ */ jsx119(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs36(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx110(Label3, { children: label }),
+      /* @__PURE__ */ jsx110(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx119(
+    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx110(
         Slider,
         {
           disabled: disabled || readOnly,
@@ -3003,20 +2843,20 @@ var NumberFieldSlider = ({
           onValueChange: ([value2]) => setValue(value2)
         }
       ),
-      /* @__PURE__ */ jsx119("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__ */ jsx119(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx110(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/NumberField/NumberField.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var NumberField = (props) => {
-  return match2(props).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx120(NumberFieldInput, { ...props2 })).with({ variant: "slider" }, (props2) => /* @__PURE__ */ jsx120(NumberFieldSlider, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx120(NumberFieldRadio, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx120(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 jsx121, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs37 } from "react/jsx-runtime";
 var NumberRecordField = ({
   disabled,
   error: recordError,
@@ -3043,11 +2883,11 @@ var NumberRecordField = ({
   if (!recordValue) {
     return null;
   }
-  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx121(Heading, { className: "font-medium", variant: "h5", children: label }),
-    /* @__PURE__ */ jsx121("div", { className: "flex flex-col gap-6", children: Object.keys(items).map((name) => {
+  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx112(Heading, { className: "font-medium", variant: "h5", children: label }),
+    /* @__PURE__ */ jsx112("div", { className: "flex flex-col gap-6", children: Object.keys(items).map((name) => {
       const item = items[name];
-      return /* @__PURE__ */ jsx121(
+      return /* @__PURE__ */ jsx112(
         NumberField,
         {
           error: recordError?.[name],
@@ -3075,7 +2915,7 @@ import { MinusCircleIcon, PlusCircleIcon } from "lucide-react";
 import { match as match4 } from "ts-pattern";
 
 // src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
-import { jsx as jsx122, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs38 } from "react/jsx-runtime";
 var BooleanFieldCheckbox = ({
   disabled,
   error,
@@ -3085,9 +2925,9 @@ var BooleanFieldCheckbox = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs40(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs40(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsxs38(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs38(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx113(
         Checkbox,
         {
           checked: Boolean(value),
@@ -3101,16 +2941,16 @@ var BooleanFieldCheckbox = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx122(Label3, { htmlFor: name, children: label })
+      /* @__PURE__ */ jsx113(Label3, { htmlFor: name, children: label })
     ] }),
-    /* @__PURE__ */ jsx122(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx113(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BooleanField/BooleanFieldRadio.tsx
 import { useCallback as useCallback2 } from "react";
 import { match as match3 } from "ts-pattern";
-import { jsx as jsx123, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs39 } from "react/jsx-runtime";
 var stringifyBoolean = (value) => match3(value).with(void 0, () => "").with(true, () => "true").with(false, () => "false").exhaustive();
 var BooleanFieldRadio = ({
   disabled,
@@ -3129,9 +2969,9 @@ var BooleanFieldRadio = ({
     },
     [match3, setValue]
   );
-  return /* @__PURE__ */ jsxs41(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsx123(Label3, { children: label }),
-    /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs39(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsx114(Label3, { children: label }),
+    /* @__PURE__ */ jsxs39(
       RadioGroup4,
       {
         disabled: disabled || readOnly,
@@ -3139,9 +2979,9 @@ var BooleanFieldRadio = ({
         value: stringifyBoolean(value),
         onValueChange: handleValueChange,
         children: [
-          /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
-            /* @__PURE__ */ jsx123(RadioGroup4.Item, { id: `${name}-true`, value: "true" }),
-            /* @__PURE__ */ jsx123(
+          /* @__PURE__ */ jsxs39(FieldGroup.Row, { children: [
+            /* @__PURE__ */ jsx114(RadioGroup4.Item, { id: `${name}-true`, value: "true" }),
+            /* @__PURE__ */ jsx114(
               Label3,
               {
                 "aria-disabled": disabled || readOnly,
@@ -3151,9 +2991,9 @@ var BooleanFieldRadio = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
-            /* @__PURE__ */ jsx123(RadioGroup4.Item, { id: `${name}-false`, value: "false" }),
-            /* @__PURE__ */ jsx123(
+          /* @__PURE__ */ jsxs39(FieldGroup.Row, { children: [
+            /* @__PURE__ */ jsx114(RadioGroup4.Item, { id: `${name}-false`, value: "false" }),
+            /* @__PURE__ */ jsx114(
               Label3,
               {
                 "aria-disabled": disabled || readOnly,
@@ -3166,20 +3006,20 @@ var BooleanFieldRadio = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx123(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx114(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BooleanField/BooleanField.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var BooleanField = (props) => {
-  return match4(props).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx124(BooleanFieldRadio, { ...props2 })).with({ variant: "checkbox" }, (props2) => /* @__PURE__ */ jsx124(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 useEffect6, useState as useState6 } from "react";
 import { toBasicISOString as toBasicISOString2 } from "@douglasneuroinformatics/libjs";
-import { jsx as jsx125, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs40 } 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] = useState6(false);
@@ -3198,10 +3038,10 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
   useEffect6(() => {
     setInputValue(value ? toBasicISOString2(value) : "");
   }, [value]);
-  return /* @__PURE__ */ jsxs42(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsx125(Label3, { htmlFor: name, children: label }),
-    /* @__PURE__ */ jsxs42(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [
-      /* @__PURE__ */ jsx125(Popover.Trigger, { children: /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsxs40(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsx116(Label3, { htmlFor: name, children: label }),
+    /* @__PURE__ */ jsxs40(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [
+      /* @__PURE__ */ jsx116(Popover.Trigger, { children: /* @__PURE__ */ jsx116(
         Input,
         {
           autoComplete: "off",
@@ -3216,7 +3056,7 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
           onFocus: () => setIsInputFocused(true)
         }
       ) }),
-      /* @__PURE__ */ jsx125(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: /* @__PURE__ */ jsx125(
+      /* @__PURE__ */ jsx116(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: /* @__PURE__ */ jsx116(
         DatePicker,
         {
           onSelection: (value2) => {
@@ -3226,7 +3066,7 @@ var DateField = ({ disabled, error, label, name, readOnly, setValue, value }) =>
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx125(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx116(FieldGroup.Error, { error })
   ] });
 };
 
@@ -3235,7 +3075,7 @@ import { useEffect as useEffect7 } from "react";
 import { match as match5 } from "ts-pattern";
 
 // src/components/Form/SetField/SetFieldListbox.tsx
-import { jsx as jsx126, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs41 } from "react/jsx-runtime";
 var SetFieldListbox = ({
   description,
   disabled,
@@ -3247,13 +3087,13 @@ var SetFieldListbox = ({
   readOnly,
   value
 }) => {
-  return /* @__PURE__ */ jsxs43(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs43(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx126(Label3, { children: label }),
-      /* @__PURE__ */ jsx126(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs41(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx117(Label3, { children: label }),
+      /* @__PURE__ */ jsx117(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx126("div", { className: "grid gap-2", children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs43(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx126(
+    /* @__PURE__ */ jsx117("div", { className: "grid gap-2", children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs41(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx117(
         Checkbox,
         {
           checked: value?.has(option) ?? false,
@@ -3264,14 +3104,14 @@ var SetFieldListbox = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx126(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__ */ jsx126(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx117(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/SetField/SetFieldSelect.tsx
-import { jsx as jsx127, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs42 } from "react/jsx-runtime";
 var SetFieldSelect = ({
   description,
   disabled,
@@ -3283,16 +3123,16 @@ var SetFieldSelect = ({
   readOnly,
   value
 }) => {
-  return value ? /* @__PURE__ */ jsxs44(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs44(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx127(Label3, { children: label }),
-      /* @__PURE__ */ jsx127(FieldGroup.Description, { description })
+  return value ? /* @__PURE__ */ jsxs42(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs42(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx118(Label3, { children: label }),
+      /* @__PURE__ */ jsx118(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs44(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx127(DropdownMenu.Trigger, { asChild: true, className: "w-full", disabled: disabled || readOnly, children: /* @__PURE__ */ jsx127(DropdownButton, { children: value.size ? /* @__PURE__ */ jsx127("div", { className: "flex items-center gap-2", children: Array.from(value).map((option) => /* @__PURE__ */ jsx127(Badge, { className: "font-normal", variant: "outline", children: options[option] }, option)) }) : null }) }),
-      /* @__PURE__ */ jsx127(DropdownMenu.Content, { widthFull: true, align: "start", children: Object.keys(options).map((option) => {
+    /* @__PURE__ */ jsxs42(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__ */ jsx127(
+        return /* @__PURE__ */ jsx118(
           DropdownMenu.CheckboxItem,
           {
             checked,
@@ -3306,12 +3146,12 @@ var SetFieldSelect = ({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx127(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx118(FieldGroup.Error, { error })
   ] }) : null;
 };
 
 // src/components/Form/SetField/SetField.tsx
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var SetField = (props) => {
   useEffect7(() => {
     if (!props.value) {
@@ -3329,14 +3169,14 @@ var SetField = (props) => {
       props.setValue(updatedValue);
     }
   };
-  return match5(props).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx128(SetFieldSelect, { onCheckedChange: handleCheckedChange, ...props2 })).with({ variant: "listbox" }, (props2) => /* @__PURE__ */ jsx128(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 jsx129, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs43 } from "react/jsx-runtime";
 var StringFieldInput = ({
   description,
   disabled,
@@ -3348,12 +3188,12 @@ var StringFieldInput = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs45(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs45(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx129(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx129(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs43(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs43(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx120(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx120(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx129(
+    /* @__PURE__ */ jsx120(
       Input,
       {
         disabled: disabled || readOnly,
@@ -3365,7 +3205,7 @@ var StringFieldInput = ({
         onChange: (event) => setValue(event.target.value)
       }
     ),
-    /* @__PURE__ */ jsx129(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx120(FieldGroup.Error, { error })
   ] });
 };
 
@@ -3373,7 +3213,7 @@ var StringFieldInput = ({
 import { useEffect as useEffect8, useState as useState7 } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { motion as motion4 } from "motion/react";
-import { jsx as jsx130, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs44 } from "react/jsx-runtime";
 var StringFieldPassword = ({
   calculateStrength,
   description,
@@ -3392,13 +3232,13 @@ var StringFieldPassword = ({
       setStrength(value ? calculateStrength(value) : 0);
     }
   }, [value]);
-  return /* @__PURE__ */ jsxs46(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs46(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx130(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx130(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs44(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs44(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx121(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx121(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs46(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx130(
+    /* @__PURE__ */ jsxs44(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx121(
         Input,
         {
           disabled: disabled || readOnly,
@@ -3409,7 +3249,7 @@ var StringFieldPassword = ({
           onChange: (event) => setValue(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsxs46(
+      /* @__PURE__ */ jsxs44(
         "button",
         {
           className: "text-muted-foreground absolute right-0 flex h-full w-8 items-center justify-center",
@@ -3418,20 +3258,20 @@ var StringFieldPassword = ({
           type: "button",
           onClick: () => setShow(!show),
           children: [
-            /* @__PURE__ */ jsx130(EyeIcon, { className: cn("absolute transition-all", show ? "scale-0 -rotate-90" : "scale-100 rotate-0") }),
-            /* @__PURE__ */ jsx130(EyeOffIcon, { className: cn("absolute transition-all", !show ? "scale-0 rotate-90" : "scale-100 rotate-0") })
+            /* @__PURE__ */ jsx121(EyeIcon, { className: cn("absolute transition-all", show ? "scale-0 -rotate-90" : "scale-100 rotate-0") }),
+            /* @__PURE__ */ jsx121(EyeOffIcon, { className: cn("absolute transition-all", !show ? "scale-0 rotate-90" : "scale-100 rotate-0") })
           ]
         }
       )
     ] }),
-    strength !== null && /* @__PURE__ */ jsx130(
+    strength !== null && /* @__PURE__ */ jsx121(
       motion4.div,
       {
         animate: { width: `${Math.max(strength * 25, 5)}%` },
         className: "h-1 w-full overflow-hidden rounded-sm",
         initial: { width: "5%" },
         transition: { duration: 0.5 },
-        children: /* @__PURE__ */ jsx130(
+        children: /* @__PURE__ */ jsx121(
           "div",
           {
             className: cn(
@@ -3444,14 +3284,14 @@ var StringFieldPassword = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx130(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx121(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/BaseRadioField.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx131, jsxs as jsxs47 } from "react/jsx-runtime";
-var baseRadioFieldVariants = cva4("flex", {
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx122, jsxs as jsxs45 } from "react/jsx-runtime";
+var baseRadioFieldVariants = cva3("flex", {
   defaultVariants: {
     orientation: "vertical"
   },
@@ -3475,21 +3315,21 @@ var BaseRadioField = ({
   value
 }) => {
   const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs47(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs47(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx131(Label3, { children: label }),
-      /* @__PURE__ */ jsx131(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs45(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs45(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx122(Label3, { children: label }),
+      /* @__PURE__ */ jsx122(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx131(
+    /* @__PURE__ */ jsx122(
       RadioGroup4,
       {
         className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? "vertical" : orientation }),
         name,
         value: value ?? "",
         onValueChange: (value2) => setValue(value2),
-        children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx131(RadioGroup4.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }),
-          /* @__PURE__ */ jsx131(
+        children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs45("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,
@@ -3501,18 +3341,18 @@ var BaseRadioField = ({
         ] }, option))
       }
     ),
-    /* @__PURE__ */ jsx131(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx122(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/StringField/StringFieldRadio.tsx
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var StringFieldRadio = (props) => {
-  return /* @__PURE__ */ jsx132(BaseRadioField, { ...props });
+  return /* @__PURE__ */ jsx123(BaseRadioField, { ...props });
 };
 
 // src/components/Form/StringField/StringFieldSelect.tsx
-import { jsx as jsx133, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs46 } from "react/jsx-runtime";
 var StringFieldSelect = ({
   description,
   disabled,
@@ -3524,24 +3364,24 @@ var StringFieldSelect = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs48(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs48(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx133(Label3, { children: label }),
-      /* @__PURE__ */ jsx133(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs46(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs46(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx124(Label3, { children: label }),
+      /* @__PURE__ */ jsx124(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsxs48(Select, { name, value: value ?? "", onValueChange: (value2) => setValue(value2), children: [
-      /* @__PURE__ */ jsx133(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: /* @__PURE__ */ jsx133(Select.Value, {}) }),
-      /* @__PURE__ */ jsx133(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx133(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: options[option] }, option)) })
+    /* @__PURE__ */ jsxs46(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__ */ jsx133(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx124(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/TextArea/TextArea.tsx
-import * as React32 from "react";
-import { jsx as jsx134 } from "react/jsx-runtime";
-var TextArea = React32.forwardRef(function TextArea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx134(
+import * as React27 from "react";
+import { jsx as jsx125 } from "react/jsx-runtime";
+var TextArea = React27.forwardRef(function TextArea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx125(
     "textarea",
     {
       autoComplete: "off",
@@ -3557,7 +3397,7 @@ var TextArea = React32.forwardRef(function TextArea2({ className, ...props }, re
 });
 
 // src/components/Form/StringField/StringFieldTextArea.tsx
-import { jsx as jsx135, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs47 } from "react/jsx-runtime";
 var StringFieldTextArea = ({
   description,
   disabled,
@@ -3569,12 +3409,12 @@ var StringFieldTextArea = ({
   setValue,
   value
 }) => {
-  return /* @__PURE__ */ jsxs49(FieldGroup, { name, children: [
-    /* @__PURE__ */ jsxs49(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx135(Label3, { htmlFor: name, children: label }),
-      /* @__PURE__ */ jsx135(FieldGroup.Description, { description })
+  return /* @__PURE__ */ jsxs47(FieldGroup, { name, children: [
+    /* @__PURE__ */ jsxs47(FieldGroup.Row, { children: [
+      /* @__PURE__ */ jsx126(Label3, { htmlFor: name, children: label }),
+      /* @__PURE__ */ jsx126(FieldGroup.Description, { description })
     ] }),
-    /* @__PURE__ */ jsx135(
+    /* @__PURE__ */ jsx126(
       TextArea,
       {
         disabled: disabled || readOnly,
@@ -3586,37 +3426,37 @@ var StringFieldTextArea = ({
         onChange: (event) => setValue(event.target.value)
       }
     ),
-    /* @__PURE__ */ jsx135(FieldGroup.Error, { error })
+    /* @__PURE__ */ jsx126(FieldGroup.Error, { error })
   ] });
 };
 
 // src/components/Form/StringField/StringField.tsx
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var StringField = (props) => {
-  return match6(props).with({ variant: "textarea" }, (props2) => /* @__PURE__ */ jsx136(StringFieldTextArea, { ...props2 })).with({ variant: "password" }, (props2) => /* @__PURE__ */ jsx136(StringFieldPassword, { ...props2 })).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx136(StringFieldInput, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx136(StringFieldSelect, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx136(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 jsx137 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var ScalarField = ({ field, ...props }) => {
   switch (field.kind) {
     case "boolean":
-      return /* @__PURE__ */ jsx137(BooleanField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(BooleanField, { ...field, ...props });
     case "date":
-      return /* @__PURE__ */ jsx137(DateField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(DateField, { ...field, ...props });
     case "number":
-      return /* @__PURE__ */ jsx137(NumberField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(NumberField, { ...field, ...props });
     case "set":
-      return /* @__PURE__ */ jsx137(SetField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(SetField, { ...field, ...props });
     case "string":
-      return /* @__PURE__ */ jsx137(StringField, { ...field, ...props });
+      return /* @__PURE__ */ jsx128(StringField, { ...field, ...props });
     default:
       throw new Error(`Unexpected value for kind: ${Reflect.get(field, "kind")}`);
   }
 };
 
 // src/components/Form/RecordArrayField.tsx
-import { jsx as jsx138, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs48 } from "react/jsx-runtime";
 var RecordArrayField = memo(function RecordArrayField2({
   disabled,
   error: arrayError,
@@ -3652,17 +3492,17 @@ var RecordArrayField = memo(function RecordArrayField2({
       setArrayValue(arrayValue.slice(0, arrayValue.length - 1));
     }
   };
-  return /* @__PURE__ */ jsxs50("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx138(Heading, { className: "font-medium", variant: "h5", children: label }),
-    /* @__PURE__ */ jsx138("div", { className: "flex flex-col gap-6", children: arrayValue.map((fields, i) => /* @__PURE__ */ jsxs50("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx138(Label3, { className: "font-semibold italic", children: label + " " + (i + 1) }),
+  return /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx129(Heading, { className: "font-medium", variant: "h5", children: label }),
+    /* @__PURE__ */ jsx129("div", { className: "flex flex-col gap-6", children: arrayValue.map((fields, i) => /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-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__ */ jsx138(
+        return /* @__PURE__ */ jsx129(
           ScalarField,
           {
             error: arrayError?.[i]?.[name],
@@ -3689,21 +3529,21 @@ var RecordArrayField = memo(function RecordArrayField2({
         );
       })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs50("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxs50(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: appendField, children: [
+    /* @__PURE__ */ jsxs48("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxs48(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: appendField, children: [
         t("form.append"),
-        /* @__PURE__ */ jsx138(PlusCircleIcon, { className: "ml-2" })
+        /* @__PURE__ */ jsx129(PlusCircleIcon, { className: "ml-2" })
       ] }),
-      /* @__PURE__ */ jsxs50(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: removeField, children: [
+      /* @__PURE__ */ jsxs48(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: removeField, children: [
         t("form.remove"),
-        /* @__PURE__ */ jsx138(MinusCircleIcon, { className: "ml-2" })
+        /* @__PURE__ */ jsx129(MinusCircleIcon, { className: "ml-2" })
       ] })
     ] })
   ] });
 });
 
 // src/components/Form/StaticField.tsx
-import { jsx as jsx139 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var StaticField = ({
   errors,
   field,
@@ -3725,7 +3565,7 @@ var StaticField = ({
     },
     [setValues]
   );
-  return match7(field).with({ kind: "record-array" }, (field2) => /* @__PURE__ */ jsx139(
+  return match7(field).with({ kind: "record-array" }, (field2) => /* @__PURE__ */ jsx130(
     RecordArrayField,
     {
       ...field2,
@@ -3736,7 +3576,7 @@ var StaticField = ({
       setValue,
       value: values[name]
     }
-  )).with({ kind: "number-record" }, (field2) => /* @__PURE__ */ jsx139(
+  )).with({ kind: "number-record" }, (field2) => /* @__PURE__ */ jsx130(
     NumberRecordField,
     {
       ...field2,
@@ -3747,7 +3587,7 @@ var StaticField = ({
       setValue,
       value: values[name]
     }
-  )).otherwise((field2) => /* @__PURE__ */ jsx139(
+  )).otherwise((field2) => /* @__PURE__ */ jsx130(
     ScalarField,
     {
       error: errors[name],
@@ -3762,7 +3602,7 @@ var StaticField = ({
 };
 
 // src/components/Form/DynamicField.tsx
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var DynamicField = ({
   field,
   name,
@@ -3791,7 +3631,7 @@ var DynamicField = ({
   if (!staticField) {
     return null;
   }
-  return /* @__PURE__ */ jsx140(StaticField, { ...props, field: staticField, name, readOnly, setValues, values });
+  return /* @__PURE__ */ jsx131(StaticField, { ...props, field: staticField, name, readOnly, setValues, values });
 };
 
 // src/components/Form/FieldsComponent.tsx
@@ -3823,7 +3663,7 @@ function getInitialValues(values) {
 }
 
 // src/components/Form/Form.tsx
-import { Fragment as Fragment2, jsx as jsx141, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx132, jsxs as jsxs49 } from "react/jsx-runtime";
 var Form = ({
   additionalButtons,
   className,
@@ -3929,7 +3769,7 @@ var Form = ({
     setRootErrors([]);
   }, [resolvedLanguage]);
   const isSuspended = Boolean(suspendWhileSubmitting && isSubmitting);
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs49(
     "form",
     {
       autoComplete: "off",
@@ -3939,15 +3779,15 @@ var Form = ({
       onSubmit: (event) => void handleSubmit(event),
       ...props,
       children: [
-        isSubmitting && /* @__PURE__ */ jsx141("div", { className: "absolute z-10 h-full w-full cursor-wait" }),
+        isSubmitting && /* @__PURE__ */ jsx132("div", { className: "absolute z-10 h-full w-full cursor-wait" }),
         isGrouped ? content.map((fieldGroup, i) => {
-          return /* @__PURE__ */ jsxs51(Fragment2, { children: [
-            /* @__PURE__ */ jsxs51("div", { className: "flex flex-col gap-6 [&:not(:first-child)]:pt-8", children: [
-              /* @__PURE__ */ jsxs51("div", { className: "flex flex-col gap-1", children: [
-                fieldGroup.title && /* @__PURE__ */ jsx141(Heading, { className: "text-base", variant: "h4", children: fieldGroup.title }),
-                fieldGroup.description && /* @__PURE__ */ jsx141("p", { className: "text-muted-foreground text-sm leading-tight italic", children: fieldGroup.description })
+          return /* @__PURE__ */ jsxs49(Fragment2, { children: [
+            /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-6 [&:not(:first-child)]:pt-8", children: [
+              /* @__PURE__ */ jsxs49("div", { className: "flex flex-col gap-1", children: [
+                fieldGroup.title && /* @__PURE__ */ jsx132(Heading, { className: "text-base", variant: "h4", children: fieldGroup.title }),
+                fieldGroup.description && /* @__PURE__ */ jsx132("p", { className: "text-muted-foreground text-sm leading-tight italic", children: fieldGroup.description })
               ] }),
-              /* @__PURE__ */ jsx141(
+              /* @__PURE__ */ jsx132(
                 FieldsComponent,
                 {
                   errors,
@@ -3959,9 +3799,9 @@ var Form = ({
                 }
               )
             ] }, i),
-            /* @__PURE__ */ jsx141(Separator3, { className: "mt-8" })
+            /* @__PURE__ */ jsx132(Separator3, { className: "mt-8" })
           ] });
-        }) : /* @__PURE__ */ jsx141(
+        }) : /* @__PURE__ */ jsx132(
           FieldsComponent,
           {
             errors,
@@ -3972,11 +3812,11 @@ var Form = ({
             values
           }
         ),
-        Boolean(rootErrors.length) && /* @__PURE__ */ jsx141(ErrorMessage, { className: "-mt-3", error: rootErrors }),
+        Boolean(rootErrors.length) && /* @__PURE__ */ jsx132(ErrorMessage, { className: "-mt-3", error: rootErrors }),
         fieldsFooter,
-        /* @__PURE__ */ jsxs51("div", { className: "flex w-full gap-3", children: [
+        /* @__PURE__ */ jsxs49("div", { className: "flex w-full gap-3", children: [
           additionalButtons?.left,
-          /* @__PURE__ */ jsxs51(
+          /* @__PURE__ */ jsxs49(
             Button,
             {
               "aria-label": "Submit",
@@ -3986,7 +3826,7 @@ var Form = ({
               variant: "primary",
               children: [
                 submitBtnLabel ?? t("form.submit"),
-                /* @__PURE__ */ jsx141(
+                /* @__PURE__ */ jsx132(
                   "svg",
                   {
                     className: cn("hidden h-4 w-4 animate-spin", isSuspended && "block"),
@@ -3999,13 +3839,13 @@ var Form = ({
                     viewBox: "0 0 24 24",
                     width: "24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ jsx141("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+                    children: /* @__PURE__ */ jsx132("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
                   }
                 )
               ]
             }
           ),
-          resetBtn && /* @__PURE__ */ jsx141(
+          resetBtn && /* @__PURE__ */ jsx132(
             Button,
             {
               "aria-label": "Reset",
@@ -4025,15 +3865,15 @@ var Form = ({
 };
 
 // src/components/HoverCard/HoverCard.tsx
-import { Root as Root15, Trigger as Trigger8 } from "@radix-ui/react-hover-card";
+import { Root as Root14, Trigger as Trigger7 } from "@radix-ui/react-hover-card";
 
 // src/components/HoverCard/HoverCardContent.tsx
-import { forwardRef as forwardRef85 } from "react";
-import { Content as Content9 } from "@radix-ui/react-hover-card";
-import { jsx as jsx142 } from "react/jsx-runtime";
-var HoverCardContent = forwardRef85(function HoverCardContent2({ align = "center", className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx142(
-    Content9,
+import { forwardRef as forwardRef79 } from "react";
+import { Content as Content8 } from "@radix-ui/react-hover-card";
+import { jsx as jsx133 } from "react/jsx-runtime";
+var HoverCardContent = forwardRef79(function HoverCardContent2({ align = "center", className, sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsx133(
+    Content8,
     {
       align,
       className: cn(
@@ -4048,14 +3888,14 @@ var HoverCardContent = forwardRef85(function HoverCardContent2({ align = "center
 });
 
 // src/components/HoverCard/HoverCard.tsx
-var HoverCard = Object.assign(Root15.bind(null), {
+var HoverCard = Object.assign(Root14.bind(null), {
   Content: HoverCardContent,
-  Trigger: Trigger8
+  Trigger: Trigger7
 });
 
 // src/components/LanguageToggle/LanguageToggle.tsx
 import { LanguagesIcon } from "lucide-react";
-import { jsx as jsx143, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs50 } from "react/jsx-runtime";
 var LanguageToggle = ({
   align = "start",
   contentClassName,
@@ -4065,9 +3905,9 @@ var LanguageToggle = ({
   variant = "outline"
 }) => {
   const { changeLanguage } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs52(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx143(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx143(Button, { className: triggerClassName, size: "icon", variant, children: /* @__PURE__ */ jsx143(LanguagesIcon, {}) }) }),
-    /* @__PURE__ */ jsx143(DropdownMenu.Content, { align, className: contentClassName, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsxs50(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,
@@ -4080,7 +3920,7 @@ var LanguageToggle = ({
 };
 
 // src/components/LineGraph/LineGraph.tsx
-import * as React36 from "react";
+import * as React31 from "react";
 import { toBasicISOString as toBasicISOString3 } from "@douglasneuroinformatics/libjs";
 import {
   CartesianGrid,
@@ -4094,7 +3934,7 @@ import {
   XAxis,
   YAxis
 } from "recharts";
-import { jsx as jsx144, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs51 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var strokeColors = {
   dark: "#cbd5e1",
@@ -4123,9 +3963,9 @@ function LineGraphComponent({
 }) {
   const { resolvedLanguage } = useTranslation("libui");
   const [theme] = useTheme();
-  return /* @__PURE__ */ jsx144(ResponsiveContainer2, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs53(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 }, children: [
-    /* @__PURE__ */ jsx144(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
-    /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx135(ResponsiveContainer2, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs51(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" },
@@ -4140,10 +3980,10 @@ function LineGraphComponent({
         tickMargin: 8,
         tickSize: 8,
         type: "number",
-        children: /* @__PURE__ */ jsx144(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__ */ jsx144(
+    /* @__PURE__ */ jsx135(
       YAxis,
       {
         axisLine: { stroke: "#64748b" },
@@ -4154,7 +3994,7 @@ function LineGraphComponent({
         width: 40
       }
     ),
-    /* @__PURE__ */ jsx144(
+    /* @__PURE__ */ jsx135(
       Tooltip3,
       {
         contentStyle: tooltipStyles[theme],
@@ -4178,16 +4018,16 @@ function LineGraphComponent({
         stroke: stroke ?? strokeColors[theme],
         type: type ?? "linear"
       },
-      err && /* @__PURE__ */ jsx144(ErrorBar, { dataKey: err, stroke: "#64748b" })
+      err && /* @__PURE__ */ jsx135(ErrorBar, { dataKey: err, stroke: "#64748b" })
     )),
-    /* @__PURE__ */ jsx144(Legend2, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } })
+    /* @__PURE__ */ jsx135(Legend2, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } })
   ] }) });
 }
-var LineGraph = React36.memo(LineGraphComponent);
+var LineGraph = React31.memo(LineGraphComponent);
 
 // src/components/ListboxDropdown/ListboxDropdown.tsx
 import "react";
-import { jsx as jsx145, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs52 } from "react/jsx-runtime";
 var ListboxDropdown = ({
   contentClassName,
   disabled,
@@ -4198,11 +4038,11 @@ var ListboxDropdown = ({
   triggerClassName,
   widthFull
 }) => {
-  return /* @__PURE__ */ jsxs54(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx145(DropdownMenu.Trigger, { asChild: true, className: cn("w-full", triggerClassName), disabled, children: /* @__PURE__ */ jsx145(DropdownButton, { children: title }) }),
-    /* @__PURE__ */ jsx145(DropdownMenu.Content, { align: "start", className: contentClassName, widthFull, children: options.map((option) => {
+  return /* @__PURE__ */ jsxs52(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__ */ jsx145(
+      return /* @__PURE__ */ jsx136(
         DropdownMenu.CheckboxItem,
         {
           checked,
@@ -4227,15 +4067,15 @@ var ListboxDropdown = ({
 };
 
 // src/components/MenuBar/MenuBar.tsx
-import { Group as Group4, Menu, Portal as Portal10, RadioGroup as RadioGroup5, Sub as Sub3 } from "@radix-ui/react-menubar";
+import { Group as Group4, Menu, Portal as Portal9, RadioGroup as RadioGroup5, Sub as Sub3 } from "@radix-ui/react-menubar";
 
 // src/components/MenuBar/MenuBarCheckboxItem.tsx
-import { forwardRef as forwardRef86 } from "react";
+import { forwardRef as forwardRef80 } from "react";
 import { CheckboxItem as CheckboxItem3, ItemIndicator as ItemIndicator6 } from "@radix-ui/react-menubar";
 import { CheckIcon as CheckIcon5 } from "lucide-react";
-import { jsx as jsx146, jsxs as jsxs55 } from "react/jsx-runtime";
-var MenuBarCheckboxItem = forwardRef86(function MenuBarCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs55(
+import { jsx as jsx137, jsxs as jsxs53 } from "react/jsx-runtime";
+var MenuBarCheckboxItem = forwardRef80(function MenuBarCheckboxItem2({ checked, children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs53(
     CheckboxItem3,
     {
       checked,
@@ -4246,7 +4086,7 @@ var MenuBarCheckboxItem = forwardRef86(function MenuBarCheckboxItem2({ checked,
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx146("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx146(ItemIndicator6, { children: /* @__PURE__ */ jsx146(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
       ]
     }
@@ -4254,12 +4094,12 @@ var MenuBarCheckboxItem = forwardRef86(function MenuBarCheckboxItem2({ checked,
 });
 
 // src/components/MenuBar/MenuBarContent.tsx
-import { forwardRef as forwardRef87 } from "react";
-import { Content as Content10, Portal as Portal9 } from "@radix-ui/react-menubar";
-import { jsx as jsx147 } from "react/jsx-runtime";
-var MenuBarContent = forwardRef87(function MenuBarContent2({ align = "start", alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
-  return /* @__PURE__ */ jsx147(Portal9, { children: /* @__PURE__ */ jsx147(
-    Content10,
+import { forwardRef as forwardRef81 } from "react";
+import { Content as Content9, Portal as Portal8 } from "@radix-ui/react-menubar";
+import { jsx as jsx138 } from "react/jsx-runtime";
+var MenuBarContent = forwardRef81(function MenuBarContent2({ align = "start", alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
+  return /* @__PURE__ */ jsx138(Portal8, { children: /* @__PURE__ */ jsx138(
+    Content9,
     {
       align,
       alignOffset,
@@ -4275,11 +4115,11 @@ var MenuBarContent = forwardRef87(function MenuBarContent2({ align = "start", al
 });
 
 // src/components/MenuBar/MenuBarItem.tsx
-import { forwardRef as forwardRef88 } from "react";
+import { forwardRef as forwardRef82 } from "react";
 import { Item as Item6 } from "@radix-ui/react-menubar";
-import { jsx as jsx148 } from "react/jsx-runtime";
-var MenuBarItem = forwardRef88(function MenuBarItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx148(
+import { jsx as jsx139 } from "react/jsx-runtime";
+var MenuBarItem = forwardRef82(function MenuBarItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx139(
     Item6,
     {
       className: cn(
@@ -4294,20 +4134,20 @@ var MenuBarItem = forwardRef88(function MenuBarItem2({ className, inset, ...prop
 });
 
 // src/components/MenuBar/MenuBarLabel.tsx
-import { forwardRef as forwardRef89 } from "react";
+import { forwardRef as forwardRef83 } from "react";
 import { Label as Label7 } from "@radix-ui/react-menubar";
-import { jsx as jsx149 } from "react/jsx-runtime";
-var MenuBarLabel = forwardRef89(function MenuBarLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx149(Label7, { className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ref, ...props });
+import { jsx as jsx140 } from "react/jsx-runtime";
+var MenuBarLabel = forwardRef83(function MenuBarLabel2({ className, inset, ...props }, ref) {
+  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 forwardRef90 } from "react";
+import { forwardRef as forwardRef84 } from "react";
 import { ItemIndicator as ItemIndicator7, RadioItem as RadioItem3 } from "@radix-ui/react-menubar";
 import { CircleIcon as CircleIcon4 } from "lucide-react";
-import { jsx as jsx150, jsxs as jsxs56 } from "react/jsx-runtime";
-var MenuBarRadioItem = forwardRef90(function MenuBarRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs56(
+import { jsx as jsx141, jsxs as jsxs54 } from "react/jsx-runtime";
+var MenuBarRadioItem = forwardRef84(function MenuBarRadioItem2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs54(
     RadioItem3,
     {
       className: cn(
@@ -4317,7 +4157,7 @@ var MenuBarRadioItem = forwardRef90(function MenuBarRadioItem2({ children, class
       ref,
       ...props,
       children: [
-        /* @__PURE__ */ jsx150("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx150(ItemIndicator7, { children: /* @__PURE__ */ jsx150(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
       ]
     }
@@ -4325,13 +4165,13 @@ var MenuBarRadioItem = forwardRef90(function MenuBarRadioItem2({ children, class
 });
 
 // src/components/MenuBar/MenuBarRoot.tsx
-import { forwardRef as forwardRef91 } from "react";
-import { Root as Root16 } from "@radix-ui/react-menubar";
-import { jsx as jsx151 } from "react/jsx-runtime";
-var MenuBarRoot = forwardRef91(
+import { forwardRef as forwardRef85 } from "react";
+import { Root as Root15 } from "@radix-ui/react-menubar";
+import { jsx as jsx142 } from "react/jsx-runtime";
+var MenuBarRoot = forwardRef85(
   function MenuBarRoot2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx151(
-      Root16,
+    return /* @__PURE__ */ jsx142(
+      Root15,
       {
         className: cn("bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-xs", className),
         ref,
@@ -4342,26 +4182,26 @@ var MenuBarRoot = forwardRef91(
 );
 
 // src/components/MenuBar/MenuBarSeparator.tsx
-import { forwardRef as forwardRef92 } from "react";
+import { forwardRef as forwardRef86 } from "react";
 import { Separator as Separator6 } from "@radix-ui/react-menubar";
-import { jsx as jsx152 } from "react/jsx-runtime";
-var MenuBarSeparator = forwardRef92(function MenuBarSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx152(Separator6, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
+import { jsx as jsx143 } from "react/jsx-runtime";
+var MenuBarSeparator = forwardRef86(function MenuBarSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx143(Separator6, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
 });
 
 // src/components/MenuBar/MenuBarShortcut.tsx
 import "react";
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 var MenuBarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx153("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 forwardRef93 } from "react";
+import { forwardRef as forwardRef87 } from "react";
 import { SubContent as SubContent3 } from "@radix-ui/react-menubar";
-import { jsx as jsx154 } from "react/jsx-runtime";
-var MenuBarSubContent = forwardRef93(function MenuBarSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx154(
+import { jsx as jsx145 } from "react/jsx-runtime";
+var MenuBarSubContent = forwardRef87(function MenuBarSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx145(
     SubContent3,
     {
       className: cn(
@@ -4375,12 +4215,12 @@ var MenuBarSubContent = forwardRef93(function MenuBarSubContent2({ className, ..
 });
 
 // src/components/MenuBar/MenuBarSubTrigger.tsx
-import { forwardRef as forwardRef94 } from "react";
+import { forwardRef as forwardRef88 } from "react";
 import { SubTrigger as SubTrigger3 } from "@radix-ui/react-menubar";
 import { ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
-import { jsx as jsx155, jsxs as jsxs57 } from "react/jsx-runtime";
-var MenuBarSubTrigger = forwardRef94(function MenuBarSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs57(
+import { jsx as jsx146, jsxs as jsxs55 } from "react/jsx-runtime";
+var MenuBarSubTrigger = forwardRef88(function MenuBarSubTrigger2({ children, className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsxs55(
     SubTrigger3,
     {
       className: cn(
@@ -4392,19 +4232,19 @@ var MenuBarSubTrigger = forwardRef94(function MenuBarSubTrigger2({ children, cla
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx155(ChevronRightIcon5, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx146(ChevronRightIcon5, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
 });
 
 // src/components/MenuBar/MenuBarTrigger.tsx
-import { forwardRef as forwardRef95 } from "react";
-import { Trigger as Trigger9 } from "@radix-ui/react-menubar";
-import { jsx as jsx156 } from "react/jsx-runtime";
-var MenuBarTrigger = forwardRef95(function MenuBarTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx156(
-    Trigger9,
+import { forwardRef as forwardRef89 } from "react";
+import { Trigger as Trigger8 } from "@radix-ui/react-menubar";
+import { jsx as jsx147 } from "react/jsx-runtime";
+var MenuBarTrigger = forwardRef89(function MenuBarTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx147(
+    Trigger8,
     {
       className: cn(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-3 py-1 text-sm font-medium outline-hidden select-none",
@@ -4424,7 +4264,7 @@ var MenuBar = Object.assign(MenuBarRoot, {
   Item: MenuBarItem,
   Label: MenuBarLabel,
   Menu,
-  Portal: Portal10,
+  Portal: Portal9,
   RadioGroup: RadioGroup5,
   RadioItem: MenuBarRadioItem,
   Separator: MenuBarSeparator,
@@ -4435,150 +4275,9 @@ var MenuBar = Object.assign(MenuBarRoot, {
   Trigger: MenuBarTrigger
 });
 
-// src/components/NotificationHub/NotificationHub.tsx
-import { XIcon as XIcon2 } from "lucide-react";
-import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
-
-// src/components/NotificationHub/NotificationIcon.tsx
-import { jsx as jsx157 } from "react/jsx-runtime";
-var NotificationIcon = ({ type }) => {
-  switch (type) {
-    case "error":
-      return /* @__PURE__ */ jsx157(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: "h-6 w-6 text-red-500",
-          "data-slot": "icon",
-          fill: "currentColor",
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx157(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
-              fillRule: "evenodd"
-            }
-          )
-        }
-      );
-    case "info":
-      return /* @__PURE__ */ jsx157(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: "h-6 w-6 text-blue-500",
-          "data-slot": "icon",
-          fill: "currentColor",
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx157(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
-              fillRule: "evenodd"
-            }
-          )
-        }
-      );
-    case "success":
-      return /* @__PURE__ */ jsx157(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: "h-6 w-6 text-green-500",
-          "data-slot": "icon",
-          fill: "currentColor",
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx157(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
-              fillRule: "evenodd"
-            }
-          )
-        }
-      );
-    case "warning":
-      return /* @__PURE__ */ jsx157(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: "h-6 w-6 text-yellow-500",
-          "data-slot": "icon",
-          fill: "currentColor",
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx157(
-            "path",
-            {
-              clipRule: "evenodd",
-              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
-              fillRule: "evenodd"
-            }
-          )
-        }
-      );
-  }
-};
-
-// src/components/NotificationHub/NotificationHub.tsx
-import { jsx as jsx158, jsxs as jsxs58 } from "react/jsx-runtime";
-var NotificationHub = ({ timeout = 5e3 }) => {
-  const { t } = useTranslation("libui");
-  const { dismissNotification, notifications } = useNotificationsStore();
-  return /* @__PURE__ */ jsx158("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx158(AnimatePresence4, { children: notifications.map((item) => /* @__PURE__ */ jsx158(
-    motion5.div,
-    {
-      animate: { height: "auto", opacity: 1 },
-      className: "relative max-w-sm",
-      exit: { height: 0, opacity: 0 },
-      initial: { height: 0, opacity: 0 },
-      transition: { bounce: 0.1, type: "spring" },
-      children: /* @__PURE__ */ jsx158("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxs58(Card, { className: "w-full rounded-lg p-0", children: [
-        /* @__PURE__ */ jsxs58("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsxs58("div", { className: "mb-2 flex items-center", children: [
-            /* @__PURE__ */ jsx158(NotificationIcon, { type: item.type }),
-            /* @__PURE__ */ jsx158("h5", { className: "ml-3 grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
-            /* @__PURE__ */ jsx158(
-              "button",
-              {
-                className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600",
-                type: "button",
-                onClick: () => {
-                  dismissNotification(item.id);
-                },
-                children: /* @__PURE__ */ jsx158(XIcon2, { "aria-hidden": "true", className: "h-5 w-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx158("p", { className: "text-muted-foreground my-2", children: item.message })
-        ] }),
-        /* @__PURE__ */ jsx158(
-          motion5.div,
-          {
-            animate: { width: "100%" },
-            className: "h-1 bg-slate-500",
-            initial: { width: "0%" },
-            transition: { duration: timeout / 1e3, ease: "linear" },
-            onAnimationComplete: () => {
-              dismissNotification(item.id);
-            }
-          }
-        )
-      ] }) })
-    },
-    item.id
-  )) }) });
-};
-
 // src/components/OneTimePasswordInput/OneTimePasswordInput.tsx
 import { useEffect as useEffect12, useRef as useRef5, useState as useState10 } from "react";
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var CODE_LENGTH = 6;
 var EMPTY_CODE = Object.freeze(Array(CODE_LENGTH).fill(null));
 function getUpdatedDigits(digits, index, value) {
@@ -4638,7 +4337,7 @@ var OneTimePasswordInput = ({ className, onComplete, ...props }) => {
       });
     }
   };
-  return /* @__PURE__ */ jsx159("div", { className: cn("flex gap-2", className), ...props, children: digits.map((_, index) => /* @__PURE__ */ jsx159(
+  return /* @__PURE__ */ jsx148("div", { className: cn("flex gap-2", className), ...props, children: digits.map((_, index) => /* @__PURE__ */ jsx148(
     "input",
     {
       className: "w-1/6 rounded-md border border-slate-300 bg-transparent p-2 text-center shadow-xs hover:border-slate-300 focus:border-sky-800 focus:outline-hidden dark:border-slate-600 dark:hover:border-slate-400 dark:focus:border-sky-500",
@@ -4659,17 +4358,17 @@ var OneTimePasswordInput = ({ className, onComplete, ...props }) => {
 };
 
 // src/components/Progress/Progress.tsx
-import { forwardRef as forwardRef96 } from "react";
+import { forwardRef as forwardRef90 } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx160 } from "react/jsx-runtime";
-var Progress = forwardRef96(function Progress2({ className, value, ...props }, ref) {
-  return /* @__PURE__ */ jsx160(
+import { jsx as jsx149 } from "react/jsx-runtime";
+var Progress = forwardRef90(function Progress2({ className, value, ...props }, ref) {
+  return /* @__PURE__ */ jsx149(
     ProgressPrimitive.Root,
     {
       className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
       ref,
       ...props,
-      children: /* @__PURE__ */ jsx160(
+      children: /* @__PURE__ */ jsx149(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -4688,8 +4387,8 @@ import { Panel } from "react-resizable-panels";
 import "react";
 import { GripVertical } from "lucide-react";
 import { PanelResizeHandle } from "react-resizable-panels";
-import { jsx as jsx161 } from "react/jsx-runtime";
-var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx161(
+import { jsx as jsx150 } from "react/jsx-runtime";
+var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx150(
   PanelResizeHandle,
   {
     className: cn(
@@ -4697,15 +4396,15 @@ var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ j
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx161("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx161(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx150("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx150(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/Resizable/ResizablePanelGroup.tsx
 import "react";
 import { PanelGroup } from "react-resizable-panels";
-import { jsx as jsx162 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx162(
+import { jsx as jsx151 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx151(
   PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -4714,8 +4413,8 @@ var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx162(
 );
 
 // src/components/Resizable/Resizable.tsx
-import { Fragment as Fragment3, jsx as jsx163 } from "react/jsx-runtime";
-var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx163(Fragment3, { children });
+import { Fragment as Fragment3, jsx as jsx152 } from "react/jsx-runtime";
+var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx152(Fragment3, { children });
 var Resizable = Object.assign(ResizableRoot, {
   Handle: ResizableHandle,
   Panel,
@@ -4723,32 +4422,32 @@ var Resizable = Object.assign(ResizableRoot, {
 });
 
 // src/components/Sheet/Sheet.tsx
-import { Close as Close3, Portal as Portal12, Root as Root18, Trigger as Trigger10 } from "@radix-ui/react-dialog";
+import { Close as Close2, Portal as Portal11, Root as Root17, Trigger as Trigger9 } from "@radix-ui/react-dialog";
 
 // src/components/Sheet/SheetBody.tsx
 import "react";
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx153 } from "react/jsx-runtime";
 var SheetBody = ({
   children,
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx164("div", { className: cn("py-4", className), ...props, children });
+  return /* @__PURE__ */ jsx153("div", { className: cn("py-4", className), ...props, children });
 };
 
 // src/components/Sheet/SheetContent.tsx
-import * as React43 from "react";
-import { Close as Close2, Content as Content11, Portal as Portal11 } from "@radix-ui/react-dialog";
-import { cva as cva5 } from "class-variance-authority";
-import { XIcon as XIcon3 } from "lucide-react";
+import * as React38 from "react";
+import { Close, Content as Content10, Portal as Portal10 } from "@radix-ui/react-dialog";
+import { cva as cva4 } from "class-variance-authority";
+import { XIcon } from "lucide-react";
 
 // src/components/Sheet/SheetOverlay.tsx
-import { forwardRef as forwardRef97 } from "react";
-import { Overlay as Overlay3 } from "@radix-ui/react-dialog";
-import { jsx as jsx165 } from "react/jsx-runtime";
-var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx165(
-    Overlay3,
+import { forwardRef as forwardRef91 } from "react";
+import { Overlay as Overlay2 } from "@radix-ui/react-dialog";
+import { jsx as jsx154 } from "react/jsx-runtime";
+var SheetOverlay = forwardRef91(function SheetOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx154(
+    Overlay2,
     {
       className: cn(
         "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -4761,8 +4460,8 @@ var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props },
 });
 
 // src/components/Sheet/SheetContent.tsx
-import { jsx as jsx166, jsxs as jsxs59 } from "react/jsx-runtime";
-var sheetVariants = cva5(
+import { jsx as jsx155, jsxs as jsxs56 } from "react/jsx-runtime";
+var sheetVariants = cva4(
   "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",
   {
     defaultVariants: {
@@ -4778,64 +4477,64 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetContent = React43.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
-  return /* @__PURE__ */ jsxs59(Portal11, { children: [
-    /* @__PURE__ */ jsx166(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs59(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
+var SheetContent = React38.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
+  return /* @__PURE__ */ jsxs56(Portal10, { children: [
+    /* @__PURE__ */ jsx155(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs56(Content10, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
       children,
-      /* @__PURE__ */ jsxs59(Close2, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-        /* @__PURE__ */ jsx166(XIcon3, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx166("span", { className: "sr-only", children: "Close" })
+      /* @__PURE__ */ jsxs56(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsx155(XIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx155("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] });
 });
 
 // src/components/Sheet/SheetDescription.tsx
-import { forwardRef as forwardRef99 } from "react";
-import { Description as Description3 } from "@radix-ui/react-dialog";
-import { jsx as jsx167 } from "react/jsx-runtime";
-var SheetDescription = forwardRef99(function SheetDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx167(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+import { forwardRef as forwardRef93 } from "react";
+import { Description as Description2 } from "@radix-ui/react-dialog";
+import { jsx as jsx156 } from "react/jsx-runtime";
+var SheetDescription = forwardRef93(function SheetDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx156(Description2, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
 });
 
 // src/components/Sheet/SheetFooter.tsx
 import "react";
-import { jsx as jsx168 } from "react/jsx-runtime";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx168("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+import { jsx as jsx157 } from "react/jsx-runtime";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx157("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 jsx169 } from "react/jsx-runtime";
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx169("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+import { jsx as jsx158 } from "react/jsx-runtime";
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx158("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 
 // src/components/Sheet/SheetTitle.tsx
-import { forwardRef as forwardRef100 } from "react";
-import { Title as Title3 } from "@radix-ui/react-dialog";
-import { jsx as jsx170 } from "react/jsx-runtime";
-var SheetTitle = forwardRef100(
+import { forwardRef as forwardRef94 } from "react";
+import { Title as Title2 } from "@radix-ui/react-dialog";
+import { jsx as jsx159 } from "react/jsx-runtime";
+var SheetTitle = forwardRef94(
   function SheetTitle2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx170(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
+    return /* @__PURE__ */ jsx159(Title2, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
   }
 );
 
 // src/components/Sheet/Sheet.tsx
-var Sheet = Object.assign(Root18.bind(null), {
+var Sheet = Object.assign(Root17.bind(null), {
   Body: SheetBody,
-  Close: Close3,
+  Close: Close2,
   Content: SheetContent,
   Description: SheetDescription,
   Footer: SheetFooter,
   Header: SheetHeader,
-  Portal: Portal12,
+  Portal: Portal11,
   Title: SheetTitle,
-  Trigger: Trigger10
+  Trigger: Trigger9
 });
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 var Spinner = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx171("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx171(
+  return /* @__PURE__ */ jsx160("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx160(
     "span",
     {
       className: "relative animate-spinner overflow-hidden text-slate-900 dark:text-slate-100",
@@ -4853,8 +4552,8 @@ var Spinner = ({ className, ...props }) => {
 
 // src/components/SpinnerIcon/SpinnerIcon.tsx
 import "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
-var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx172(
+import { jsx as jsx161 } from "react/jsx-runtime";
+var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx161(
   "svg",
   {
     className: cn("animate-spin", className),
@@ -4868,35 +4567,35 @@ var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx172(
     width: "24",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx172("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    children: /* @__PURE__ */ jsx161("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
 );
 
 // src/components/StatisticCard/StatisticCard.tsx
 import { useEffect as useEffect13 } from "react";
-import { motion as motion6, useSpring, useTransform } from "motion/react";
-import { jsx as jsx173, jsxs as jsxs60 } from "react/jsx-runtime";
+import { motion as motion5, useSpring, useTransform } from "motion/react";
+import { jsx as jsx162, 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));
   useEffect13(() => {
     spring.set(value);
   }, [spring, value]);
-  return /* @__PURE__ */ jsxs60(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
-    icon && /* @__PURE__ */ jsx173("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
-    /* @__PURE__ */ jsxs60("div", { className: "w-full text-center", children: [
-      /* @__PURE__ */ jsx173(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
-      /* @__PURE__ */ jsx173("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__ */ jsx162("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
+    /* @__PURE__ */ jsxs57("div", { className: "w-full text-center", children: [
+      /* @__PURE__ */ jsx162(motion5.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
+      /* @__PURE__ */ jsx162("p", { className: "font-medium leading-relaxed", children: label })
     ] })
   ] });
 };
 
 // src/components/Switch/Switch.tsx
-import { forwardRef as forwardRef101 } from "react";
+import { forwardRef as forwardRef95 } from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx174 } from "react/jsx-runtime";
-var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx174(
+import { jsx as jsx163 } from "react/jsx-runtime";
+var Switch = forwardRef95(function Switch2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx163(
     SwitchPrimitives.Root,
     {
       className: cn(
@@ -4905,7 +4604,7 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
       ),
       ...props,
       ref,
-      children: /* @__PURE__ */ jsx174(
+      children: /* @__PURE__ */ jsx163(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4918,11 +4617,11 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
 });
 
 // src/components/Tabs/TabsContent.tsx
-import { forwardRef as forwardRef102 } from "react";
+import { forwardRef as forwardRef96 } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx175 } from "react/jsx-runtime";
-var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx175(
+import { jsx as jsx164 } from "react/jsx-runtime";
+var TabsContent = forwardRef96(function TabsContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx164(
     TabsPrimitive.Content,
     {
       className: cn(
@@ -4936,11 +4635,11 @@ var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, r
 });
 
 // src/components/Tabs/TabsList.tsx
-import { forwardRef as forwardRef103 } from "react";
+import { forwardRef as forwardRef97 } from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
-import { jsx as jsx176 } from "react/jsx-runtime";
-var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx176(
+import { jsx as jsx165 } from "react/jsx-runtime";
+var TabsList = forwardRef97(function TabsList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx165(
     TabsPrimitive2.List,
     {
       className: cn(
@@ -4954,21 +4653,21 @@ var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
 });
 
 // src/components/Tabs/TabsRoot.tsx
-import { forwardRef as forwardRef104 } from "react";
-import { Root as Root20 } from "@radix-ui/react-tabs";
-import { jsx as jsx177 } from "react/jsx-runtime";
-var TabsRoot = forwardRef104(
+import { forwardRef as forwardRef98 } from "react";
+import { Root as Root19 } from "@radix-ui/react-tabs";
+import { jsx as jsx166 } from "react/jsx-runtime";
+var TabsRoot = forwardRef98(
   function TabsRoot2(props, ref) {
-    return /* @__PURE__ */ jsx177(Root20, { ref, ...props });
+    return /* @__PURE__ */ jsx166(Root19, { ref, ...props });
   }
 );
 
 // src/components/Tabs/TabsTrigger.tsx
-import { forwardRef as forwardRef105 } from "react";
+import { forwardRef as forwardRef99 } from "react";
 import * as TabsPrimitive3 from "@radix-ui/react-tabs";
-import { jsx as jsx178 } from "react/jsx-runtime";
-var TabsTrigger = forwardRef105(function TabsTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx178(
+import { jsx as jsx167 } from "react/jsx-runtime";
+var TabsTrigger = forwardRef99(function TabsTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx167(
     TabsPrimitive3.Trigger,
     {
       className: cn(
@@ -4990,13 +4689,13 @@ var Tabs = Object.assign(TabsRoot, {
 
 // src/components/ThemeToggle/ThemeToggle.tsx
 import { MoonIcon, SunIcon } from "lucide-react";
-import { jsx as jsx179, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx168, 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__ */ jsxs61(
+  return /* @__PURE__ */ jsxs58(
     Button,
     {
       size: "icon",
@@ -5007,21 +4706,21 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx179(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx179(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        /* @__PURE__ */ jsx168(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx168(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
 };
 
 // src/components/Tooltip/TooltipContent.tsx
-import * as React47 from "react";
-import { Content as Content13 } from "@radix-ui/react-tooltip";
-import { jsx as jsx180 } from "react/jsx-runtime";
-var TooltipContent = React47.forwardRef(
+import * as React42 from "react";
+import { Content as Content12 } from "@radix-ui/react-tooltip";
+import { jsx as jsx169 } from "react/jsx-runtime";
+var TooltipContent = React42.forwardRef(
   function TooltipContent2({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx180(
-      Content13,
+    return /* @__PURE__ */ jsx169(
+      Content12,
       {
         className: cn(
           "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -5038,8 +4737,8 @@ var TooltipContent = React47.forwardRef(
 
 // src/components/Tooltip/TooltipRoot.tsx
 import "react";
-import { Provider, Root as Root21 } from "@radix-ui/react-tooltip";
-import { jsx as jsx181 } from "react/jsx-runtime";
+import { Provider, Root as Root20 } from "@radix-ui/react-tooltip";
+import { jsx as jsx170 } from "react/jsx-runtime";
 var TooltipRoot = ({
   children,
   delayDuration = 0,
@@ -5047,15 +4746,15 @@ var TooltipRoot = ({
   open,
   skipDelayDuration = 300
 }) => {
-  return /* @__PURE__ */ jsx181(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx181(Root21, { open, onOpenChange, children }) });
+  return /* @__PURE__ */ jsx170(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx170(Root20, { open, onOpenChange, children }) });
 };
 
 // src/components/Tooltip/TooltipTrigger.tsx
-import { forwardRef as forwardRef107 } from "react";
-import { Trigger as Trigger12 } from "@radix-ui/react-tooltip";
-import { jsx as jsx182 } from "react/jsx-runtime";
-var TooltipTrigger = forwardRef107(function TooltipTrigger2({ variant = "outline", ...props }, ref) {
-  return /* @__PURE__ */ jsx182(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx182(Button, { variant, ...props }) });
+import { forwardRef as forwardRef101 } from "react";
+import { Trigger as Trigger11 } from "@radix-ui/react-tooltip";
+import { jsx as jsx171 } from "react/jsx-runtime";
+var TooltipTrigger = forwardRef101(function TooltipTrigger2({ variant = "outline", ...props }, ref) {
+  return /* @__PURE__ */ jsx171(Trigger11, { asChild: true, ref, children: /* @__PURE__ */ jsx171(Button, { variant, ...props }) });
 });
 
 // src/components/Tooltip/Tooltip.tsx