@douglasneuroinformatics/libui 2.0.2 → 2.0.4

package/dist/components/index.js

@@ -1,4141 +0,0 @@
-import {
-  LegacyStepperContext,
-  useNotificationsStore,
-  useTheme,
-  useWindowSize
-} from "../chunk-IP3LSCUG.js";
-import {
-  cn
-} from "../chunk-PAAJ5AH3.js";
-
-// src/components/Accordion/AccordionContent.tsx
-import React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { jsx } from "react/jsx-runtime";
-var AccordionContent = React.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Content,
-    {
-      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
-    }
-  );
-});
-
-// src/components/Accordion/AccordionItem.tsx
-import React2 from "react";
-import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AccordionItem = React2.forwardRef(function AccordionItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx2(AccordionPrimitive2.Item, { className: cn("border-b", className), ref, ...props });
-});
-
-// src/components/Accordion/AccordionRoot.tsx
-import React3 from "react";
-import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var AccordionRoot = React3.forwardRef(function AccordionRoot2(props, ref) {
-  return /* @__PURE__ */ jsx3(AccordionPrimitive3.Root, { "data-testid": "accordion", ref, ...props });
-});
-
-// src/components/Accordion/AccordionTrigger.tsx
-import React4 from "react";
-import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "lucide-react";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var AccordionTrigger = React4.forwardRef(function AccordionTrigger2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx4(AccordionPrimitive4.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-    AccordionPrimitive4.Trigger,
-    {
-      className: cn(
-        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-      ]
-    }
-  ) });
-});
-
-// src/components/Accordion/Accordion.tsx
-var Accordion = Object.assign(AccordionRoot, {
-  Content: AccordionContent,
-  Item: AccordionItem,
-  Trigger: AccordionTrigger
-});
-
-// src/components/AlertDialog/AlertDialog.tsx
-import { Root as Root2 } from "@radix-ui/react-alert-dialog";
-import { Trigger as Trigger2 } from "@radix-ui/react-alert-dialog";
-
-// src/components/AlertDialog/AlertDialogAction.tsx
-import React6 from "react";
-import { Action } from "@radix-ui/react-alert-dialog";
-
-// src/components/Button/Button.tsx
-import React5 from "react";
-import { Slot, Slottable } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var BUTTON_ICON_SIZE = {
-  lg: 18,
-  md: 16,
-  sm: 14
-};
-var buttonVariants = cva(
-  "flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none 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",
-        md: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs"
-      },
-      variant: {
-        danger: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-        outline: "border border-input bg-inherit shadow-sm",
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        secondary: "bg-secondary border text-secondary-foreground shadow-sm hover:bg-secondary/80"
-      }
-    }
-  }
-);
-var Button = React5.forwardRef(function Button2({ asChild, children, className, label, size = "md", variant = "primary", ...props }, ref) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxs2(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props, children: [
-    label,
-    /* @__PURE__ */ jsx5(Slottable, { children })
-  ] });
-});
-
-// src/components/AlertDialog/AlertDialogAction.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var AlertDialogAction = React6.forwardRef(function AlertDialogAction2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx6(Action, { className: cn(buttonVariants(), className), ref, ...props });
-});
-
-// src/components/AlertDialog/AlertDialogCancel.tsx
-import React7 from "react";
-import { Cancel } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var AlertDialogCancel = React7.forwardRef(function AlertDialogCancel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx7(Cancel, { className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ref, ...props });
-});
-
-// src/components/AlertDialog/AlertDialogContent.tsx
-import React9 from "react";
-import { Content as Content2, Portal } from "@radix-ui/react-alert-dialog";
-
-// src/components/AlertDialog/AlertDialogOverlay.tsx
-import React8 from "react";
-import { Overlay } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var AlertDialogOverlay = React8.forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx8(
-    Overlay,
-    {
-      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",
-        className
-      ),
-      ...props,
-      ref
-    }
-  );
-});
-
-// src/components/AlertDialog/AlertDialogContent.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var AlertDialogContent = React9.forwardRef(function AlertDialogContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs3(Portal, { children: [
-    /* @__PURE__ */ jsx9(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx9(
-      Content2,
-      {
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-          className
-        ),
-        ref,
-        ...props
-      }
-    )
-  ] });
-});
-
-// src/components/AlertDialog/AlertDialogDescription.tsx
-import React10 from "react";
-import { Description } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var AlertDialogDescription = React10.forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx10(Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
-});
-
-// src/components/AlertDialog/AlertDialogFooter.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-
-// src/components/AlertDialog/AlertDialogHeader.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-
-// src/components/AlertDialog/AlertDialogTitle.tsx
-import React11 from "react";
-import { Title } from "@radix-ui/react-alert-dialog";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AlertDialogTitle = React11.forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx13(Title, { className: cn("text-lg font-semibold", className), ref, ...props });
-});
-
-// src/components/AlertDialog/AlertDialog.tsx
-var AlertDialog = Object.assign(Root2, {
-  Action: AlertDialogAction,
-  Cancel: AlertDialogCancel,
-  Content: AlertDialogContent,
-  Description: AlertDialogDescription,
-  Footer: AlertDialogFooter,
-  Header: AlertDialogHeader,
-  Overlay: AlertDialogOverlay,
-  Title: AlertDialogTitle,
-  Trigger: Trigger2
-});
-
-// src/components/ArrowToggle/ArrowToggle.tsx
-import React12, { useMemo } from "react";
-import { ChevronUpIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
-var ArrowToggle = React12.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) {
-      case "up":
-        return 0 + toggleRotation;
-      case "right":
-        return 90 + toggleRotation;
-      case "down":
-        return 180 + toggleRotation;
-      case "left":
-        return 270 + toggleRotation;
-    }
-  }, [position, rotation, isToggled]);
-  return /* @__PURE__ */ jsxs4(
-    Button,
-    {
-      className: cn(size === "icon" && "h-6 w-6", className),
-      "data-testid": "arrow-toggle",
-      ref,
-      size,
-      type: "button",
-      variant,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx14(
-          ChevronUpIcon,
-          {
-            className: "transform-gpu transition-transform",
-            "data-testid": "arrow-up-icon",
-            style: { transform: `rotate(${computedRotation}deg)` }
-          }
-        ),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/Avatar/AvatarFallback.tsx
-import React13 from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var AvatarFallback = React13.forwardRef(function AvatarFallback2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx15(
-    AvatarPrimitive.Fallback,
-    {
-      className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Avatar/AvatarImage.tsx
-import React14 from "react";
-import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var AvatarImage = React14.forwardRef(function AvatarImage2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx16(AvatarPrimitive2.Image, { className: cn("aspect-square h-full w-full", className), ref, ...props });
-});
-
-// src/components/Avatar/AvatarRoot.tsx
-import React15 from "react";
-import * as AvatarPrimitive3 from "@radix-ui/react-avatar";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var AvatarRoot = React15.forwardRef(function AvatarRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx17(
-    AvatarPrimitive3.Root,
-    {
-      className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
-      "data-testid": "avatar",
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Avatar/Avatar.tsx
-var Avatar = Object.assign(AvatarRoot, {
-  Fallback: AvatarFallback,
-  Image: AvatarImage
-});
-
-// src/components/Badge/Badge.tsx
-import "react";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center rounded-sm border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    defaultVariants: {
-      variant: "default"
-    },
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80"
-      }
-    }
-  }
-);
-var Badge = ({ className, variant, ...props }) => {
-  return /* @__PURE__ */ jsx18("div", { className: cn(badgeVariants({ variant }), className), "data-testid": "badge", ...props });
-};
-
-// src/components/Breadcrumb/BreadcrumbEllipsis.tsx
-import { MoreHorizontalIcon } from "lucide-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx19(
-  "span",
-  {
-    "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center", className),
-    role: "presentation",
-    ...props,
-    children: /* @__PURE__ */ jsx19(MoreHorizontalIcon, { className: "h-4 w-4" })
-  }
-);
-
-// src/components/Breadcrumb/BreadcrumbItem.tsx
-import React17 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var BreadcrumbItem = React17.forwardRef(
-  function BreadcrumbItem2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx20("li", { className: cn("inline-flex items-center gap-1.5", className), ref, ...props });
-  }
-);
-
-// src/components/Breadcrumb/BreadcrumbLink.tsx
-import React18 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var BreadcrumbLink = React18.forwardRef(function BreadcrumbLink2({ asChild, className, ...props }, ref) {
-  const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx21(Comp, { className: cn("transition-colors hover:text-foreground", className), ref, ...props });
-});
-
-// src/components/Breadcrumb/BreadcrumbList.tsx
-import React19 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var BreadcrumbList = React19.forwardRef(
-  function BreadcrumbList2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx22(
-      "ol",
-      {
-        className: cn(
-          "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Breadcrumb/BreadcrumbPage.tsx
-import React20 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var BreadcrumbPage = React20.forwardRef(
-  function BreadcrumbPage2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx23(
-      "span",
-      {
-        "aria-current": "page",
-        "aria-disabled": "true",
-        className: cn("font-normal text-foreground", className),
-        ref,
-        role: "link",
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Breadcrumb/BreadcrumbRoot.tsx
-import React21 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var BreadcrumbRoot = React21.forwardRef(function BreadcrumbRoot2({ ...props }, ref) {
-  return /* @__PURE__ */ jsx24("nav", { "aria-label": "breadcrumb", ref, ...props });
-});
-
-// src/components/Breadcrumb/BreadcrumbSeparator.tsx
-import { ChevronRightIcon } from "lucide-react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx25("li", { "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), role: "presentation", ...props, children: children ?? /* @__PURE__ */ jsx25(ChevronRightIcon, {}) });
-
-// src/components/Breadcrumb/Breadcrumb.tsx
-var Breadcrumb = Object.assign(BreadcrumbRoot, {
-  Ellipsis: BreadcrumbEllipsis,
-  Item: BreadcrumbItem,
-  Link: BreadcrumbLink,
-  List: BreadcrumbList,
-  Page: BreadcrumbPage,
-  Separator: BreadcrumbSeparator
-});
-
-// src/components/Card/Card.tsx
-import React22 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var CardRoot = React22.forwardRef(function CardRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx26(
-    "div",
-    {
-      className: cn("rounded-xl border bg-card text-card-foreground shadow", className),
-      "data-testid": "card",
-      ref,
-      ...props
-    }
-  );
-});
-var Card = Object.assign(CardRoot, {
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx26("div", { className: cn("p-6 pt-0", className), ...props }),
-  Description: ({ className, ...props }) => /* @__PURE__ */ jsx26("p", { className: cn("text-sm text-muted-foreground", className), ...props }),
-  Footer: ({ className, ...props }) => {
-    return /* @__PURE__ */ jsx26("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
-  },
-  Header: ({ className, ...props }) => /* @__PURE__ */ jsx26("div", { className: cn("flex flex-col space-y-1.5 p-6", className), ...props }),
-  Title: ({ children, className, ...props }) => /* @__PURE__ */ jsx26("h3", { className: cn("font-semibold leading-none tracking-tight", className), ...props, children })
-});
-
-// src/components/Checkbox/Checkbox.tsx
-import React23 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Checkbox = React23.forwardRef(function Checkbox2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx27(
-    CheckboxPrimitive.Root,
-    {
-      className: cn(
-        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-        className
-      ),
-      "data-testid": "checkbox",
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx27(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx27(CheckIcon, { className: "h-4 w-4" }) })
-    }
-  );
-});
-
-// src/components/Collapsible/Collapsible.tsx
-import { Content as Content3, Root as Root5, Trigger as Trigger3 } from "@radix-ui/react-collapsible";
-var Collapsible = Object.assign(Root5, {
-  Content: Content3,
-  Trigger: Trigger3
-});
-
-// src/components/Command/Command.tsx
-import React31 from "react";
-import { Command as CommandPrimitive7 } from "cmdk";
-
-// src/components/Command/CommandEmpty.tsx
-import React24 from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var CommandEmpty = React24.forwardRef(function CommandEmpty2(props, ref) {
-  return /* @__PURE__ */ jsx28(CommandPrimitive.Empty, { className: "py-6 text-center text-sm", ref, ...props });
-});
-
-// src/components/Command/CommandGroup.tsx
-import React25 from "react";
-import { Command as CommandPrimitive2 } from "cmdk";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var CommandGroup = React25.forwardRef(function CommandGroup2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx29(
-    CommandPrimitive2.Group,
-    {
-      className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Command/CommandInput.tsx
-import React26 from "react";
-import { Command as CommandPrimitive3 } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs5 } from "react/jsx-runtime";
-var CommandInput = React26.forwardRef(function CommandInput2({ className, ...props }, ref) {
-  return (
-    // eslint-disable-next-line react/no-unknown-property
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-      /* @__PURE__ */ jsx30(SearchIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ jsx30(
-        CommandPrimitive3.Input,
-        {
-          className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ref,
-          ...props
-        }
-      )
-    ] })
-  );
-});
-
-// src/components/Command/CommandItem.tsx
-import React27 from "react";
-import { Command as CommandPrimitive4 } from "cmdk";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var CommandItem = React27.forwardRef(function CommandItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx31(
-    CommandPrimitive4.Item,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Command/CommandList.tsx
-import React28 from "react";
-import { Command as CommandPrimitive5 } from "cmdk";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var CommandList = React28.forwardRef(function CommandList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx32(
-    CommandPrimitive5.List,
-    {
-      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Command/CommandSeparator.tsx
-import React29 from "react";
-import { Command as CommandPrimitive6 } from "cmdk";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var CommandSeparator = React29.forwardRef(function CommandSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx33(CommandPrimitive6.Separator, { className: cn("-mx-1 h-px bg-border", className), ref, ...props });
-});
-
-// src/components/Command/CommandShortcut.tsx
-import "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx34("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
-};
-
-// src/components/Command/Command.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var CommandRoot = React31.forwardRef(function Command({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx35(
-    CommandPrimitive7,
-    {
-      className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-var Command2 = Object.assign(CommandRoot, {
-  Empty: CommandEmpty,
-  Group: CommandGroup,
-  Input: CommandInput,
-  Item: CommandItem,
-  List: CommandList,
-  Separator: CommandSeparator,
-  Shortcut: CommandShortcut
-});
-
-// src/components/ContextMenu/ContextMenu.tsx
-import { Group, Portal as Portal3, RadioGroup, Root as Root6, Sub, Trigger as Trigger4 } from "@radix-ui/react-context-menu";
-
-// src/components/ContextMenu/ContextMenuCheckboxItem.tsx
-import React32 from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs6 } from "react/jsx-runtime";
-var ContextMenuCheckboxItem = React32.forwardRef(function ContextMenuCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs6(
-    ContextMenuPrimitive.CheckboxItem,
-    {
-      checked,
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx36("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon2, { className: "h-4 w-4" }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenuContent.tsx
-import React33 from "react";
-import * as ContextMenuPrimitive2 from "@radix-ui/react-context-menu";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var ContextMenuContent = React33.forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(ContextMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx37(
-    ContextMenuPrimitive2.Content,
-    {
-      className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 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",
-        className
-      ),
-      ref,
-      ...props
-    }
-  ) });
-});
-
-// src/components/ContextMenu/ContextMenuItem.tsx
-import React34 from "react";
-import * as ContextMenuPrimitive3 from "@radix-ui/react-context-menu";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var ContextMenuItem = React34.forwardRef(function ContextMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx38(
-    ContextMenuPrimitive3.Item,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenuLabel.tsx
-import React35 from "react";
-import * as ContextMenuPrimitive4 from "@radix-ui/react-context-menu";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var ContextMenuLabel = React35.forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx39(
-    ContextMenuPrimitive4.Label,
-    {
-      className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenuRadioItem.tsx
-import React36 from "react";
-import * as ContextMenuPrimitive5 from "@radix-ui/react-context-menu";
-import { CircleIcon } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs7 } from "react/jsx-runtime";
-var ContextMenuRadioItem = React36.forwardRef(function ContextMenuRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs7(
-    ContextMenuPrimitive5.RadioItem,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx40("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx40(ContextMenuPrimitive5.ItemIndicator, { children: /* @__PURE__ */ jsx40(CircleIcon, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenuSeparator.tsx
-import React37 from "react";
-import * as ContextMenuPrimitive6 from "@radix-ui/react-context-menu";
-import { jsx as jsx41 } from "react/jsx-runtime";
-var ContextMenuSeparator = React37.forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx41(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 jsx42 } from "react/jsx-runtime";
-var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx42("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
-};
-
-// src/components/ContextMenu/ContextMenuSubContent.tsx
-import React39 from "react";
-import * as ContextMenuPrimitive7 from "@radix-ui/react-context-menu";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var ContextMenuSubContent = React39.forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx43(
-    ContextMenuPrimitive7.SubContent,
-    {
-      className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 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",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenuSubTrigger.tsx
-import React40 from "react";
-import * as ContextMenuPrimitive8 from "@radix-ui/react-context-menu";
-import { ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs8 } from "react/jsx-runtime";
-var ContextMenuSubTrigger = React40.forwardRef(function ContextMenuSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs8(
-    ContextMenuPrimitive8.SubTrigger,
-    {
-      className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx44(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
-      ]
-    }
-  );
-});
-
-// src/components/ContextMenu/ContextMenu.tsx
-var ContextMenu = Object.assign(Root6, {
-  CheckboxItem: ContextMenuCheckboxItem,
-  Content: ContextMenuContent,
-  Group,
-  Item: ContextMenuItem,
-  Label: ContextMenuLabel,
-  Portal: Portal3,
-  RadioGroup,
-  RadioItem: ContextMenuRadioItem,
-  Separator: ContextMenuSeparator,
-  Shortcut: ContextMenuShortcut,
-  Sub,
-  SubContent: ContextMenuSubContent,
-  SubTrigger: ContextMenuSubTrigger,
-  Trigger: Trigger4
-});
-
-// src/components/DatePicker/DatePicker.tsx
-import React44, { useReducer, useState } from "react";
-import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-motion";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/components/DatePicker/Calendar.tsx
-import React41 from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { range } from "lodash-es";
-import { useTranslation } from "react-i18next";
-import { jsx as jsx45, jsxs as jsxs9 } from "react/jsx-runtime";
-var CALENDAR_ANIMATION_DURATION = 0.2;
-var Calendar = React41.forwardRef(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();
-  const days = range(1, lastDay + 1);
-  const daysOfWeek = [
-    t("days.sunday"),
-    t("days.monday"),
-    t("days.tuesday"),
-    t("days.wednesday"),
-    t("days.thursday"),
-    t("days.friday"),
-    t("days.saturday")
-  ];
-  return /* @__PURE__ */ jsx45(AnimatePresence, { initial: false, mode: "wait", children: /* @__PURE__ */ jsx45(
-    motion.div,
-    {
-      animate: { opacity: 1, x: 0 },
-      exit: { opacity: 0, x: -20 },
-      initial: { opacity: 0, x: 20 },
-      transition: { duration: CALENDAR_ANIMATION_DURATION },
-      children: /* @__PURE__ */ jsxs9("div", { className: "grid h-56 w-56 grid-cols-7 text-sm", ref, children: [
-        daysOfWeek.map((label) => /* @__PURE__ */ jsx45("div", { className: "flex h-8 w-8 items-center justify-center text-muted-foreground", children: label.charAt(0).toUpperCase() }, label)),
-        /* @__PURE__ */ jsx45("div", { style: { gridColumn: `span ${firstDay} / span ${firstDay}` } }),
-        days.map((day) => /* @__PURE__ */ jsx45(
-          "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",
-            tabIndex: -1,
-            type: "button",
-            onClick: () => {
-              props.onSelection(new Date(props.year, props.month, day));
-            },
-            children: day
-          },
-          day
-        ))
-      ] })
-    },
-    `${props.year}-${props.month}`
-  ) });
-});
-
-// src/components/DatePicker/YearSelector.tsx
-import { useEffect, useRef } from "react";
-import { range as range2 } from "lodash-es";
-
-// src/components/ScrollArea/ScrollArea.tsx
-import React43 from "react";
-import { Corner, Root as Root7, Viewport } from "@radix-ui/react-scroll-area";
-
-// src/components/ScrollArea/ScrollBar.tsx
-import React42 from "react";
-import { ScrollAreaScrollbar, ScrollAreaThumb } from "@radix-ui/react-scroll-area";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var ScrollBar = React42.forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
-  return /* @__PURE__ */ jsx46(
-    ScrollAreaScrollbar,
-    {
-      className: cn(
-        "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-        className
-      ),
-      orientation,
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx46(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-    }
-  );
-});
-
-// src/components/ScrollArea/ScrollArea.tsx
-import { jsx as jsx47, jsxs as jsxs10 } from "react/jsx-runtime";
-var ScrollArea = React43.forwardRef(
-  function ScrollArea2({ children, className, ...props }, ref) {
-    return /* @__PURE__ */ jsxs10(Root7, { className: cn("relative overflow-hidden", className), "data-testid": "scroll-area", ref, ...props, children: [
-      /* @__PURE__ */ jsx47(Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx47(ScrollBar, {}),
-      /* @__PURE__ */ jsx47(Corner, {})
-    ] });
-  }
-);
-
-// src/components/DatePicker/YearSelector.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
-var YearSelector = (props) => {
-  const selectedRef = useRef(null);
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const years = Array.from(range2(currentYear - 100, currentYear + 8)).reverse();
-  useEffect(() => {
-    if (selectedRef.current) {
-      selectedRef.current.scrollIntoView({ block: "center" });
-    }
-  }, []);
-  return /* @__PURE__ */ jsx48(ScrollArea, { className: "h-56 w-56", children: /* @__PURE__ */ jsx48("div", { className: "grid grid-cols-3 gap-x-2 gap-y-1 text-sm text-muted-foreground", children: years.map((year) => /* @__PURE__ */ jsx48("div", { className: "flex h-7 items-center justify-center", children: /* @__PURE__ */ jsx48(
-    "button",
-    {
-      className: cn(
-        "h-full w-full rounded-md hover:bg-slate-200 dark:hover:bg-slate-700",
-        year === props.selected.getFullYear() && "bg-primary text-primary-foreground hover:bg-primary dark:hover:bg-primary"
-      ),
-      ref: year === props.selected.getFullYear() ? selectedRef : null,
-      tabIndex: -1,
-      type: "button",
-      onClick: () => {
-        props.onSelection(new Date(year, 0));
-      },
-      children: year
-    }
-  ) }, year)) }) });
-};
-
-// src/components/DatePicker/DatePicker.tsx
-import { jsx as jsx49, jsxs as jsxs11 } from "react/jsx-runtime";
-var MONTHS = [
-  "january",
-  "february",
-  "march",
-  "april",
-  "may",
-  "june",
-  "july",
-  "august",
-  "september",
-  "october",
-  "november",
-  "december"
-];
-var reducer = (previousDate, action) => {
-  const newDate = new Date(previousDate.valueOf());
-  switch (action.type) {
-    case "increment":
-      newDate.setMonth(newDate.getMonth() + 1);
-      break;
-    case "decrement":
-      newDate.setMonth(newDate.getMonth() - 1);
-      break;
-    case "set-year":
-      newDate.setFullYear(action.value);
-  }
-  return newDate;
-};
-var DatePicker = React44.forwardRef(function DatePicker2({ onSelection, ...props }, ref) {
-  const [date, dispatch] = useReducer(reducer, /* @__PURE__ */ new Date());
-  const [showYearSelector, setShowYearSelector] = useState(false);
-  const { t } = useTranslation2("libui");
-  const [canSetMonth, setCanSetMonth] = useState(true);
-  const monthName = t(`months.${MONTHS[date.getMonth()]}`);
-  const handleYearSelection = (date2) => {
-    dispatch({ type: "set-year", value: date2.getFullYear() });
-    setShowYearSelector(false);
-  };
-  return /* @__PURE__ */ jsxs11(Card, { className: "w-fit p-3", "data-testid": "datepicker", ref, ...props, children: [
-    /* @__PURE__ */ jsxs11("div", { className: "mb-3 flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx49("span", { className: "mx-1 text-sm font-medium tracking-tight", children: `${monthName} ${date.getFullYear()}` }),
-        /* @__PURE__ */ jsx49(
-          ArrowToggle,
-          {
-            className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
-            isToggled: showYearSelector,
-            position: "up",
-            rotation: 180,
-            tabIndex: -1,
-            onClick: () => {
-              setShowYearSelector(!showYearSelector);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs11("div", { className: cn("flex", { hidden: showYearSelector }), children: [
-        /* @__PURE__ */ jsx49(
-          ArrowToggle,
-          {
-            className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
-            position: "left",
-            tabIndex: -1,
-            onClick: () => {
-              if (canSetMonth) {
-                setCanSetMonth(false);
-                dispatch({ type: "decrement" });
-                setTimeout(() => {
-                  setCanSetMonth(true);
-                }, CALENDAR_ANIMATION_DURATION * 2e3);
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx49(
-          ArrowToggle,
-          {
-            className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700",
-            position: "right",
-            tabIndex: -1,
-            onClick: () => {
-              if (canSetMonth) {
-                setCanSetMonth(false);
-                dispatch({ type: "increment" });
-                setTimeout(() => {
-                  setCanSetMonth(true);
-                }, CALENDAR_ANIMATION_DURATION * 2e3);
-              }
-            }
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsx49(AnimatePresence2, { initial: false, mode: "wait", children: showYearSelector ? /* @__PURE__ */ jsx49(
-      motion2.div,
-      {
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: 10 },
-        initial: { opacity: 0, y: 10 },
-        transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsx49(YearSelector, { selected: date, onSelection: handleYearSelection })
-      },
-      0
-    ) : /* @__PURE__ */ jsx49(
-      motion2.div,
-      {
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: -10 },
-        initial: { opacity: 0, y: -10 },
-        transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsx49(Calendar, { month: date.getMonth(), year: date.getFullYear(), onSelection })
-      },
-      1
-    ) }) })
-  ] });
-});
-
-// src/components/Dialog/Dialog.tsx
-import { Root as Root8, Trigger as Trigger5 } from "@radix-ui/react-dialog";
-
-// src/components/Dialog/DialogContent.tsx
-import React46 from "react";
-import { Close, Content as Content5, Portal as Portal4 } from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-
-// src/components/Dialog/DialogOverlay.tsx
-import React45 from "react";
-import { Overlay as Overlay2 } from "@radix-ui/react-dialog";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var DialogOverlay = React45.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx50(
-    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",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Dialog/DialogContent.tsx
-import { jsx as jsx51, jsxs as jsxs12 } from "react/jsx-runtime";
-var DialogContent = React46.forwardRef(function DialogContent2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs12(Portal4, { children: [
-    /* @__PURE__ */ jsx51(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs12(
-      Content5,
-      {
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-          className
-        ),
-        ref,
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsx51(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: /* @__PURE__ */ jsx51(XIcon, { className: "h-4 w-4" }) })
-        ]
-      }
-    )
-  ] });
-});
-
-// src/components/Dialog/DialogDescription.tsx
-import React47 from "react";
-import { Description as Description2 } from "@radix-ui/react-dialog";
-import { jsx as jsx52 } from "react/jsx-runtime";
-var DialogDescription = React47.forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx52(Description2, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
-});
-
-// src/components/Dialog/DialogFooter.tsx
-import "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx53("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-
-// src/components/Dialog/DialogHeader.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx54("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-
-// src/components/Dialog/DialogTitle.tsx
-import React49 from "react";
-import { Title as Title2 } from "@radix-ui/react-dialog";
-import { jsx as jsx55 } from "react/jsx-runtime";
-var DialogTitle = React49.forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx55(Title2, { className: cn("text-lg font-semibold leading-none tracking-tight", className), ref, ...props });
-});
-
-// src/components/Dialog/Dialog.tsx
-var Dialog = Object.assign(Root8, {
-  Content: DialogContent,
-  Description: DialogDescription,
-  Footer: DialogFooter,
-  Header: DialogHeader,
-  Title: DialogTitle,
-  Trigger: Trigger5
-});
-
-// src/components/Drawer/Drawer.tsx
-import "react";
-import { Drawer as DrawerPrimitive4 } from "vaul";
-
-// src/components/Drawer/DrawerContent.tsx
-import React50 from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx56, jsxs as jsxs13 } from "react/jsx-runtime";
-var DrawerContent = React50.forwardRef(function DrawerContent2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs13(DrawerPrimitive.Portal, { children: [
-    /* @__PURE__ */ jsx56(DrawerPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80", className), ref, ...props }),
-    /* @__PURE__ */ jsxs13(
-      DrawerPrimitive.Content,
-      {
-        className: cn(
-          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-          className
-        ),
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx56("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
-          children
-        ]
-      }
-    )
-  ] });
-});
-
-// src/components/Drawer/DrawerDescription.tsx
-import React51 from "react";
-import { Drawer as DrawerPrimitive2 } from "vaul";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var DrawerDescription = React51.forwardRef(function DrawerDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx57(DrawerPrimitive2.Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
-});
-
-// src/components/Drawer/DrawerFooter.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx58("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
-
-// src/components/Drawer/DrawerHeader.tsx
-import "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx59("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
-
-// src/components/Drawer/DrawerTitle.tsx
-import React53 from "react";
-import { Drawer as DrawerPrimitive3 } from "vaul";
-import { jsx as jsx60 } from "react/jsx-runtime";
-var DrawerTitle = React53.forwardRef(function DrawerTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx60(
-    DrawerPrimitive3.Title,
-    {
-      className: cn("text-lg font-semibold leading-none tracking-tight", className),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Drawer/Drawer.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var DrawerRoot = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx61(DrawerPrimitive4.Root, { shouldScaleBackground, ...props });
-var Drawer = Object.assign(DrawerRoot, {
-  Close: DrawerPrimitive4.Close,
-  Content: DrawerContent,
-  Description: DrawerDescription,
-  Footer: DrawerFooter,
-  Header: DrawerHeader,
-  Title: DrawerTitle,
-  Trigger: DrawerPrimitive4.Trigger
-});
-
-// src/components/DropdownButton/DropdownButton.tsx
-import React55 from "react";
-import { ChevronDownIcon as ChevronDownIcon2 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs14 } from "react/jsx-runtime";
-var DropdownButton = React55.forwardRef(
-  function DropdownButton2({ children, className, ...props }, ref) {
-    return /* @__PURE__ */ jsxs14(
-      "button",
-      {
-        className: cn(
-          "flex h-9 w-full items-center whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-          children ? "justify-between" : "justify-end",
-          className
-        ),
-        ref,
-        type: "button",
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsx62(ChevronDownIcon2, { className: "h-4 w-4 opacity-50" })
-        ]
-      }
-    );
-  }
-);
-
-// src/components/DropdownMenu/DropdownMenu.tsx
-import * as DropdownMenuPrimitive9 from "@radix-ui/react-dropdown-menu";
-
-// src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx
-import React56 from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as CheckIcon3 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs15 } from "react/jsx-runtime";
-var DropdownMenuCheckboxItem = React56.forwardRef(function DropdownMenuCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs15(
-    DropdownMenuPrimitive.CheckboxItem,
-    {
-      checked,
-      className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx63("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx63(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx63(CheckIcon3, { className: "h-4 w-4" }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenuContent.tsx
-import React57 from "react";
-import * as DropdownMenuPrimitive2 from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx64 } from "react/jsx-runtime";
-var DropdownMenuContent = React57.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, widthFull = false, ...props }, ref) {
-  return /* @__PURE__ */ jsx64(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx64(
-    DropdownMenuPrimitive2.Content,
-    {
-      className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-        "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 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",
-        widthFull && "w-[var(--radix-dropdown-menu-trigger-width)]",
-        className
-      ),
-      ref,
-      sideOffset,
-      ...props
-    }
-  ) });
-});
-
-// src/components/DropdownMenu/DropdownMenuItem.tsx
-import React58 from "react";
-import * as DropdownMenuPrimitive3 from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var DropdownMenuItem = React58.forwardRef(function DropdownMenuItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx65(
-    DropdownMenuPrimitive3.Item,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenuLabel.tsx
-import React59 from "react";
-import * as DropdownMenuPrimitive4 from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx66 } from "react/jsx-runtime";
-var DropdownMenuLabel = React59.forwardRef(function DropdownMenuLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx66(
-    DropdownMenuPrimitive4.Label,
-    {
-      className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenuRadioItem.tsx
-import React60 from "react";
-import * as DropdownMenuPrimitive5 from "@radix-ui/react-dropdown-menu";
-import { CircleIcon as CircleIcon2 } from "lucide-react";
-import { jsx as jsx67, jsxs as jsxs16 } from "react/jsx-runtime";
-var DropdownMenuRadioItem = React60.forwardRef(function DropdownMenuRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs16(
-    DropdownMenuPrimitive5.RadioItem,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx67("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx67(DropdownMenuPrimitive5.ItemIndicator, { children: /* @__PURE__ */ jsx67(CircleIcon2, { className: "h-4 w-4 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenuSeparator.tsx
-import React61 from "react";
-import * as DropdownMenuPrimitive6 from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx68 } from "react/jsx-runtime";
-var DropdownMenuSeparator = React61.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx68(DropdownMenuPrimitive6.Separator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
-});
-
-// src/components/DropdownMenu/DropdownMenuShortcut.tsx
-import "react";
-import { jsx as jsx69 } from "react/jsx-runtime";
-var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx69("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
-};
-
-// src/components/DropdownMenu/DropdownMenuSubContent.tsx
-import React63 from "react";
-import * as DropdownMenuPrimitive7 from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx70 } from "react/jsx-runtime";
-var DropdownMenuSubContent = React63.forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx70(
-    DropdownMenuPrimitive7.SubContent,
-    {
-      className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 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",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenuSubTrigger.tsx
-import React64 from "react";
-import * as DropdownMenuPrimitive8 from "@radix-ui/react-dropdown-menu";
-import { ChevronRightIcon as ChevronRightIcon3 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs17 } from "react/jsx-runtime";
-var DropdownMenuSubTrigger = React64.forwardRef(function DropdownMenuSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs17(
-    DropdownMenuPrimitive8.SubTrigger,
-    {
-      className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx71(ChevronRightIcon3, { className: "ml-auto h-4 w-4" })
-      ]
-    }
-  );
-});
-
-// src/components/DropdownMenu/DropdownMenu.tsx
-var DropdownMenu = Object.assign(DropdownMenuPrimitive9.Root, {
-  CheckboxItem: DropdownMenuCheckboxItem,
-  Content: DropdownMenuContent,
-  Group: DropdownMenuPrimitive9.Group,
-  Item: DropdownMenuItem,
-  Label: DropdownMenuLabel,
-  Portal: DropdownMenuPrimitive9.Portal,
-  RadioGroup: DropdownMenuPrimitive9.RadioGroup,
-  RadioItem: DropdownMenuRadioItem,
-  Separator: DropdownMenuSeparator,
-  Shortcut: DropdownMenuShortcut,
-  Sub: DropdownMenuPrimitive9.Sub,
-  SubContent: DropdownMenuSubContent,
-  SubTrigger: DropdownMenuSubTrigger,
-  Trigger: DropdownMenuPrimitive9.Trigger
-});
-
-// src/components/ErrorBoundary/ErrorBoundary.tsx
-import { ErrorBoundary as ReactErrorBoundary } from "react-error-boundary";
-
-// src/components/ErrorFallback/ErrorFallback.tsx
-import { useEffect as useEffect2 } from "react";
-import { jsx as jsx72, jsxs as jsxs18 } from "react/jsx-runtime";
-var ErrorFallback = ({ error }) => {
-  useEffect2(() => {
-    console.error(error);
-  }, [error]);
-  return /* @__PURE__ */ jsxs18("div", { className: "flex min-h-screen  flex-col items-center justify-center gap-1 p-3 text-center", children: [
-    /* @__PURE__ */ jsx72("h1", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Unexpected Error" }),
-    /* @__PURE__ */ jsx72("h3", { className: "text-3xl font-extrabold tracking-tight sm:text-4xl md:text-5xl", children: "Something Went Wrong" }),
-    /* @__PURE__ */ jsx72("p", { className: "mt-2 max-w-prose text-sm text-muted-foreground sm:text-base", children: "We apologize for the inconvenience. Please contact us for further assistance." }),
-    /* @__PURE__ */ jsx72("div", { className: "mt-6", children: /* @__PURE__ */ jsxs18(
-      "button",
-      {
-        className: "text-sky-800 underline-offset-4 hover:text-sky-700 hover:underline dark:text-sky-200 dark:hover:text-sky-300",
-        type: "button",
-        onClick: () => {
-          window.location.assign(window.location.origin);
-        },
-        children: [
-          "Reload Page",
-          /* @__PURE__ */ jsx72("span", { "aria-hidden": "true", children: " \u2192" })
-        ]
-      }
-    ) })
-  ] });
-};
-
-// src/components/ErrorBoundary/ErrorBoundary.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
-var ErrorBoundary = ({ children }) => {
-  return /* @__PURE__ */ jsx73(ReactErrorBoundary, { FallbackComponent: ErrorFallback, children });
-};
-
-// src/components/Form/Form.tsx
-import { useState as useState5 } from "react";
-import { set } from "lodash-es";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { twMerge } from "tailwind-merge";
-import "zod";
-
-// src/components/Heading/Heading.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
-var Heading = ({ children, className, variant }) => {
-  switch (variant) {
-    case "h1":
-      return /* @__PURE__ */ jsx74("h1", { className: cn("text-3xl font-bold tracking-tight", className), children });
-    case "h2":
-      return /* @__PURE__ */ jsx74("h2", { className: cn("text-2xl font-semibold tracking-tight", className), children });
-    case "h3":
-      return /* @__PURE__ */ jsx74("h3", { className: cn("text-xl font-semibold tracking-tight", className), children });
-    case "h4":
-      return /* @__PURE__ */ jsx74("h4", { className: cn("text-lg font-semibold tracking-tight", className), children });
-    case "h5":
-      return /* @__PURE__ */ jsx74("h4", { className: cn("text-base font-semibold tracking-tight", className), children });
-    default:
-      throw new Error(`Unhandled heading variant: ${variant}`);
-  }
-};
-
-// src/components/Form/ErrorMessage.tsx
-import { CircleAlertIcon } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs19 } from "react/jsx-runtime";
-var ErrorMessage = ({ error }) => error ? /* @__PURE__ */ jsxs19("div", { className: "flex w-full items-center text-sm font-medium text-destructive", children: [
-  /* @__PURE__ */ jsx75(CircleAlertIcon, { className: "mr-1", style: { strokeWidth: "2px" } }),
-  /* @__PURE__ */ jsx75("span", { children: error })
-] }) : null;
-
-// src/components/Form/DynamicField.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useState as useState4 } from "react";
-import { pick } from "lodash-es";
-
-// src/components/Form/StaticField.tsx
-import { useCallback as useCallback2 } from "react";
-import { match as match6 } from "ts-pattern";
-
-// src/components/Form/NumberRecordField.tsx
-import { useEffect as useEffect3 } from "react";
-
-// src/components/Form/NumberField/NumberField.tsx
-import { match } from "ts-pattern";
-
-// src/components/Input/Input.tsx
-import React65 from "react";
-import { jsx as jsx76 } from "react/jsx-runtime";
-var Input = React65.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx76(
-    "input",
-    {
-      autoComplete: "off",
-      className: cn(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      "data-testid": "input",
-      ref,
-      type,
-      ...props
-    }
-  );
-});
-
-// src/components/Label/Label.tsx
-import React66 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx77 } from "react/jsx-runtime";
-var labelVariants = cva3(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label3 = React66.forwardRef(function Label4({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx77(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
-});
-
-// src/components/Form/FieldGroup/FieldGroupDescription.tsx
-import { CircleHelpIcon } from "lucide-react";
-
-// src/components/Popover/Popover.tsx
-import { Root as PopoverRoot, Trigger as PopoverTrigger } from "@radix-ui/react-popover";
-
-// src/components/Popover/PopoverContent.tsx
-import React67 from "react";
-import { Content as Content7, Portal as Portal7 } from "@radix-ui/react-popover";
-import { jsx as jsx78 } from "react/jsx-runtime";
-var PopoverContent = React67.forwardRef(
-  function PopoverContent2({ align = "center", asChild, autofocus = true, className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx78(Portal7, { children: /* @__PURE__ */ jsx78(
-      Content7,
-      {
-        align,
-        asChild,
-        className: cn(
-          "z-50 w-72 rounded-md border bg-popover px-3 py-1.5 text-popover-foreground shadow-md outline-none 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 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",
-          className
-        ),
-        collisionPadding,
-        ref,
-        sideOffset,
-        onOpenAutoFocus: autofocus === false ? (event) => event.preventDefault() : void 0,
-        ...props
-      }
-    ) });
-  }
-);
-
-// src/components/Popover/Popover.tsx
-var Popover = Object.assign(PopoverRoot, {
-  Content: PopoverContent,
-  Trigger: PopoverTrigger
-});
-
-// src/components/Form/FieldGroup/FieldGroupDescription.tsx
-import { jsx as jsx79, jsxs as jsxs20 } from "react/jsx-runtime";
-var FieldGroupDescription = ({ description }) => description ? /* @__PURE__ */ jsxs20(Popover, { children: [
-  /* @__PURE__ */ jsx79(Popover.Trigger, { children: /* @__PURE__ */ jsx79(CircleHelpIcon, { className: "text-muted-foreground" }) }),
-  /* @__PURE__ */ jsx79(Popover.Content, { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx79("p", { children: description }) })
-] }) : null;
-
-// src/components/Form/FieldGroup/FieldGroupRoot.tsx
-import "react";
-import { jsx as jsx80 } from "react/jsx-runtime";
-var FieldGroupRoot = ({ children }) => /* @__PURE__ */ jsx80("div", { className: "flex flex-col gap-2 @container", children });
-
-// src/components/Form/FieldGroup/FieldGroupRow.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
-var FieldGroupRow = ({ children }) => /* @__PURE__ */ jsx81("div", { className: "relative flex items-center gap-2", children });
-
-// src/components/Form/FieldGroup/FieldGroup.tsx
-var FieldGroup = Object.assign(FieldGroupRoot, {
-  Description: FieldGroupDescription,
-  Error: ErrorMessage,
-  Row: FieldGroupRow
-});
-
-// src/components/Form/NumberField/NumberFieldInput.tsx
-import { jsx as jsx82, jsxs as jsxs21 } from "react/jsx-runtime";
-var NumberFieldInput = ({
-  description,
-  error,
-  label,
-  max,
-  min,
-  name,
-  setValue,
-  value
-}) => {
-  const handleChange = (event) => {
-    const newValue = parseFloat(event.target.value);
-    if (Number.isNaN(newValue)) {
-      setValue(void 0);
-    } else if (newValue >= (min ?? -Infinity) && newValue <= (max ?? Infinity)) {
-      setValue(newValue);
-    }
-  };
-  return /* @__PURE__ */ jsxs21(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs21(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx82(Label3, { children: label }),
-      /* @__PURE__ */ jsx82(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsx82(Input, { max, min, name, type: "text", value: value ?? "", onChange: handleChange }),
-    /* @__PURE__ */ jsx82(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/RadioGroup/RadioGroup.tsx
-import React70 from "react";
-import * as RadioGroupPrimitive2 from "@radix-ui/react-radio-group";
-
-// src/components/RadioGroup/RadioGroupItem.tsx
-import React69 from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx83 } from "react/jsx-runtime";
-var RadioGroupItem = React69.forwardRef(function RadioGroupItem2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx83(
-    RadioGroupPrimitive.Item,
-    {
-      className: cn(
-        "flex aspect-square h-4 w-4 items-center justify-center rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx83(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx83(
-        CircleIcon3,
-        {
-          className: "fill-current text-current",
-          style: { height: "0.625rem", strokeWidth: "2px", width: "0.625rem" }
-        }
-      ) })
-    }
-  );
-});
-
-// src/components/RadioGroup/RadioGroup.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
-var RadioGroupRoot = React70.forwardRef(function RadioGroup3({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx84(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 jsx85, jsxs as jsxs22 } from "react/jsx-runtime";
-var NumberFieldRadio = ({
-  description,
-  error,
-  label,
-  name,
-  options,
-  setValue,
-  value
-}) => {
-  const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs22(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs22(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx85(Label3, { children: label }),
-      /* @__PURE__ */ jsx85(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsx85(
-      RadioGroup4,
-      {
-        className: cn(
-          "flex",
-          optionsCount > 5 ? "flex-col" : "flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between"
-        ),
-        name,
-        value: value?.toString() ?? "",
-        onValueChange: (value2) => setValue(parseInt(value2)),
-        children: Object.keys(options).map((val) => parseInt(val)).toSorted((a, b) => a - b).map((key) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx85(RadioGroup4.Item, { id: `${name}-${key}`, value: key.toString() }),
-          /* @__PURE__ */ jsx85(Label3, { className: "font-normal", htmlFor: `${name}-${key}`, children: options[key] })
-        ] }, key))
-      }
-    ),
-    /* @__PURE__ */ jsx85(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Slider/Slider.tsx
-import React71 from "react";
-import { Range, Root as Root12, Thumb, Track } from "@radix-ui/react-slider";
-import { jsx as jsx86, jsxs as jsxs23 } from "react/jsx-runtime";
-var Slider = React71.forwardRef(
-  function Slider2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxs23(
-      Root12,
-      {
-        className: cn("relative flex w-full touch-none select-none items-center py-1.5", className),
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx86(Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary opacity-15", children: /* @__PURE__ */ jsx86(Range, { className: "absolute h-full bg-primary" }) }),
-          /* @__PURE__ */ jsx86(Thumb, { className: "block h-4 w-4 rounded-full border border-slate-500 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
-        ]
-      }
-    );
-  }
-);
-
-// src/components/Form/NumberField/NumberFieldSlider.tsx
-import { jsx as jsx87, jsxs as jsxs24 } from "react/jsx-runtime";
-var NumberFieldSlider = ({
-  description,
-  error,
-  label,
-  max,
-  min,
-  name,
-  setValue,
-  value
-}) => {
-  return /* @__PURE__ */ jsxs24(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs24(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx87(Label3, { children: label }),
-      /* @__PURE__ */ jsx87(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsxs24(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx87(Slider, { max, min, name, value: [value ?? 0], onValueChange: ([value2]) => setValue(value2) }),
-      /* @__PURE__ */ jsx87("span", { className: "flex h-full w-8 items-center justify-center text-sm text-muted-foreground", children: value ?? "NA" })
-    ] }),
-    /* @__PURE__ */ jsx87(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/NumberField/NumberField.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
-var NumberField = (props) => {
-  return match(props).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx88(NumberFieldInput, { ...props2 })).with({ variant: "slider" }, (props2) => /* @__PURE__ */ jsx88(NumberFieldSlider, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx88(NumberFieldRadio, { ...props2 })).exhaustive();
-};
-
-// src/components/Form/NumberRecordField.tsx
-import { jsx as jsx89, jsxs as jsxs25 } from "react/jsx-runtime";
-var NumberRecordField = ({
-  error: recordError,
-  items,
-  label,
-  options,
-  setError: setRecordError,
-  setValue: setRecordValue,
-  value: recordValue
-}) => {
-  useEffect3(() => {
-    setRecordValue({});
-  }, [options]);
-  if (!recordValue) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs25("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx89(Heading, { variant: "h5", children: label }),
-    /* @__PURE__ */ jsx89("div", { className: "space-y-6", children: Object.keys(items).map((name) => {
-      const item = items[name];
-      return /* @__PURE__ */ jsx89(
-        NumberField,
-        {
-          error: recordError?.[name],
-          kind: "number",
-          name,
-          options,
-          setError: (error) => setRecordError({ ...recordError, [name]: error }),
-          setValue: (value) => setRecordValue({ ...recordValue, [name]: value }),
-          value: recordValue?.[name],
-          variant: "radio",
-          ...item
-        },
-        name
-      );
-    }) })
-  ] });
-};
-
-// src/components/Form/RecordArrayField.tsx
-import { memo, useEffect as useEffect6 } from "react";
-import { MinusCircleIcon, PlusCircleIcon } from "lucide-react";
-import { useTranslation as useTranslation4 } from "react-i18next";
-
-// src/components/Form/BooleanField/BooleanField.tsx
-import { match as match3 } from "ts-pattern";
-
-// src/components/Form/BooleanField/BooleanFieldCheckbox.tsx
-import { jsx as jsx90, jsxs as jsxs26 } from "react/jsx-runtime";
-var BooleanFieldCheckbox = ({ error, label, name, setValue, value }) => {
-  return /* @__PURE__ */ jsxs26(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs26(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx90(
-        Checkbox,
-        {
-          checked: value,
-          id: name,
-          name,
-          onCheckedChange: (value2) => {
-            if (typeof value2 === "boolean") {
-              setValue(value2);
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx90(Label3, { htmlFor: name, children: label })
-    ] }),
-    /* @__PURE__ */ jsx90(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/BooleanField/BooleanFieldRadio.tsx
-import { useCallback } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { match as match2 } from "ts-pattern";
-import { jsx as jsx91, jsxs as jsxs27 } from "react/jsx-runtime";
-var stringifyBoolean = (value) => match2(value).with(void 0, () => "").with(true, () => "true").with(false, () => "false").exhaustive();
-var BooleanFieldRadio = ({ error, label, name, options, setValue, value }) => {
-  const { t } = useTranslation3("libui");
-  const handleValueChange = useCallback(
-    (value2) => {
-      match2(value2).with("", () => setValue(void 0)).with("true", () => setValue(true)).with("false", () => setValue(false)).otherwise((value3) => console.error(`Unexpected value for boolean field '${name}': ${value3}`));
-    },
-    [match2, setValue]
-  );
-  return /* @__PURE__ */ jsxs27(FieldGroup, { children: [
-    /* @__PURE__ */ jsx91(Label3, { children: label }),
-    /* @__PURE__ */ jsxs27(RadioGroup4, { name, value: stringifyBoolean(value), onValueChange: handleValueChange, children: [
-      /* @__PURE__ */ jsxs27(FieldGroup.Row, { children: [
-        /* @__PURE__ */ jsx91(RadioGroup4.Item, { id: `${name}-true`, value: "true" }),
-        /* @__PURE__ */ jsx91(Label3, { className: "font-normal", htmlFor: `${name}-true`, children: options?.true ?? t("form.radioLabels.true") })
-      ] }),
-      /* @__PURE__ */ jsxs27(FieldGroup.Row, { children: [
-        /* @__PURE__ */ jsx91(RadioGroup4.Item, { id: `${name}-false`, value: "false" }),
-        /* @__PURE__ */ jsx91(Label3, { className: "font-normal", htmlFor: `${name}-false`, children: options?.false ?? t("form.radioLabels.false") })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx91(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/BooleanField/BooleanField.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
-var BooleanField = (props) => {
-  return match3(props).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx92(BooleanFieldRadio, { ...props2 })).with({ variant: "checkbox" }, (props2) => /* @__PURE__ */ jsx92(BooleanFieldCheckbox, { ...props2 })).exhaustive();
-};
-
-// src/components/Form/DateField/DateField.tsx
-import { useEffect as useEffect4, useState as useState2 } from "react";
-import { toBasicISOString } from "@douglasneuroinformatics/libjs";
-import { jsx as jsx93, jsxs as jsxs28 } 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 = ({ error, label, name, setValue, value }) => {
-  const [isDatePickerOpen, setIsDatePickerOpen] = useState2(false);
-  const [isInputFocused, setIsInputFocused] = useState2(false);
-  const [inputValue, setInputValue] = useState2("");
-  useEffect4(() => {
-    const isSelecting = isDatePickerOpen || isInputFocused;
-    if (isSelecting) {
-      return;
-    } else if (isValidDateString(inputValue)) {
-      setValue(new Date(inputValue));
-    } else {
-      setInputValue("");
-    }
-  }, [isDatePickerOpen, isInputFocused]);
-  useEffect4(() => {
-    setInputValue(value ? toBasicISOString(value) : "");
-  }, [value]);
-  return /* @__PURE__ */ jsxs28(FieldGroup, { children: [
-    /* @__PURE__ */ jsx93(Label3, { htmlFor: name, children: label }),
-    /* @__PURE__ */ jsxs28(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [
-      /* @__PURE__ */ jsx93(Popover.Trigger, { children: /* @__PURE__ */ jsx93(
-        Input,
-        {
-          autoComplete: "off",
-          "data-cy": "date-input",
-          "data-testid": "date-input",
-          name,
-          placeholder: "YYYY-MM-DD",
-          type: "text",
-          value: inputValue,
-          onBlur: () => setIsInputFocused(false),
-          onChange: (event) => setInputValue(event.target.value),
-          onFocus: () => setIsInputFocused(true)
-        }
-      ) }),
-      /* @__PURE__ */ jsx93(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: /* @__PURE__ */ jsx93(
-        DatePicker,
-        {
-          onSelection: (value2) => {
-            setInputValue(toBasicISOString(value2));
-            setIsDatePickerOpen(false);
-          }
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx93(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/SetField/SetField.tsx
-import { useEffect as useEffect5 } from "react";
-import { match as match4 } from "ts-pattern";
-
-// src/components/Form/SetField/SetFieldListbox.tsx
-import { jsx as jsx94, jsxs as jsxs29 } from "react/jsx-runtime";
-var SetFieldListbox = ({
-  description,
-  error,
-  label,
-  name,
-  onCheckedChange,
-  options,
-  value
-}) => {
-  return /* @__PURE__ */ jsxs29(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs29(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx94(Label3, { children: label }),
-      /* @__PURE__ */ jsx94(FieldGroup.Description, { description })
-    ] }),
-    Object.keys(options).map((option) => /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx94(
-        Checkbox,
-        {
-          checked: value?.has(option) ?? false,
-          id: `${name}-${option}`,
-          onCheckedChange: (checked) => {
-            onCheckedChange(option, !checked);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx94(Label3, { className: "font-normal", htmlFor: `${name}-${option}`, children: options[option] })
-    ] }, option)),
-    /* @__PURE__ */ jsx94(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/SetField/SetFieldSelect.tsx
-import { jsx as jsx95, jsxs as jsxs30 } from "react/jsx-runtime";
-var SetFieldSelect = ({
-  description,
-  error,
-  label,
-  onCheckedChange,
-  options,
-  value
-}) => {
-  return value ? /* @__PURE__ */ jsxs30(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs30(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx95(Label3, { children: label }),
-      /* @__PURE__ */ jsx95(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx95(DropdownMenu.Trigger, { asChild: true, className: "w-full", children: /* @__PURE__ */ jsx95(DropdownButton, { children: value.size ? /* @__PURE__ */ jsx95("div", { className: "flex items-center gap-2", children: Array.from(value).map((option) => /* @__PURE__ */ jsx95(Badge, { className: "font-normal", variant: "outline", children: options[option] }, option)) }) : null }) }),
-      /* @__PURE__ */ jsx95(DropdownMenu.Content, { widthFull: true, align: "start", children: Object.keys(options).map((option) => {
-        const checked = value.has(option);
-        return /* @__PURE__ */ jsx95(
-          DropdownMenu.CheckboxItem,
-          {
-            checked,
-            onSelect: (event) => {
-              event.preventDefault();
-              onCheckedChange(option, value.has(option));
-            },
-            children: options[option]
-          },
-          option
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ jsx95(FieldGroup.Error, { error })
-  ] }) : null;
-};
-
-// src/components/Form/SetField/SetField.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
-var SetField = (props) => {
-  useEffect5(() => {
-    if (!props.value) {
-      props.setValue(/* @__PURE__ */ new Set([]));
-    }
-  }, [props.value]);
-  const handleCheckedChange = (option, isChecked) => {
-    if (isChecked) {
-      const updatedValue = new Set(props.value);
-      updatedValue.delete(option);
-      props.setValue(updatedValue);
-    } else {
-      const updatedValue = new Set(props.value);
-      updatedValue.add(option);
-      props.setValue(updatedValue);
-    }
-  };
-  return match4(props).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx96(SetFieldSelect, { onCheckedChange: handleCheckedChange, ...props2 })).with({ variant: "listbox" }, (props2) => /* @__PURE__ */ jsx96(SetFieldListbox, { onCheckedChange: handleCheckedChange, ...props2 })).exhaustive();
-};
-
-// src/components/Form/StringField/StringField.tsx
-import { match as match5 } from "ts-pattern";
-
-// src/components/Form/StringField/StringFieldInput.tsx
-import { jsx as jsx97, jsxs as jsxs31 } from "react/jsx-runtime";
-var StringFieldInput = ({ description, error, label, name, setValue, value }) => {
-  return /* @__PURE__ */ jsxs31(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs31(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx97(Label3, { children: label }),
-      /* @__PURE__ */ jsx97(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsx97(Input, { name, type: "text", value: value ?? "", onChange: (event) => setValue(event.target.value) }),
-    /* @__PURE__ */ jsx97(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/StringField/StringFieldPassword.tsx
-import { useState as useState3 } from "react";
-import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { jsx as jsx98, jsxs as jsxs32 } from "react/jsx-runtime";
-var StringFieldPassword = ({ description, error, label, name, setValue, value }) => {
-  const [show, setShow] = useState3(false);
-  return /* @__PURE__ */ jsxs32(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs32(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx98(Label3, { children: label }),
-      /* @__PURE__ */ jsx98(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsxs32(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx98(
-        Input,
-        {
-          name,
-          type: show ? "text" : "password",
-          value: value ?? "",
-          onChange: (event) => setValue(event.target.value)
-        }
-      ),
-      /* @__PURE__ */ jsxs32(
-        "button",
-        {
-          className: "absolute right-0 flex h-full w-8 items-center justify-center text-muted-foreground",
-          type: "button",
-          onClick: () => setShow(!show),
-          children: [
-            /* @__PURE__ */ jsx98(EyeIcon, { className: cn("absolute transition-all", show ? "-rotate-90 scale-0" : "rotate-0 scale-100") }),
-            /* @__PURE__ */ jsx98(EyeOffIcon, { className: cn("absolute transition-all", !show ? "rotate-90 scale-0" : "rotate-0 scale-100") })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx98(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/BaseRadioField.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx99, jsxs as jsxs33 } from "react/jsx-runtime";
-var baseRadioFieldVariants = cva4("flex", {
-  defaultVariants: {
-    orientation: "vertical"
-  },
-  variants: {
-    orientation: {
-      horizontal: "flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between",
-      vertical: "flex-col"
-    }
-  }
-});
-var BaseRadioField = ({
-  description,
-  error,
-  label,
-  name,
-  options,
-  orientation = "vertical",
-  setValue,
-  value
-}) => {
-  const optionsCount = Object.keys(options).length;
-  return /* @__PURE__ */ jsxs33(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs33(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx99(Label3, { children: label }),
-      /* @__PURE__ */ jsx99(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsx99(
-      RadioGroup4,
-      {
-        className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? "vertical" : orientation }),
-        name,
-        value: value ?? "",
-        onValueChange: (value2) => setValue(value2),
-        children: Object.keys(options).map((option) => /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx99(RadioGroup4.Item, { id: `${name}-${option}`, value: option }),
-          /* @__PURE__ */ jsx99(Label3, { className: "font-normal", htmlFor: `${name}-${option}`, children: options[option] })
-        ] }, option))
-      }
-    ),
-    /* @__PURE__ */ jsx99(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/StringField/StringFieldRadio.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
-var StringFieldRadio = (props) => {
-  return /* @__PURE__ */ jsx100(BaseRadioField, { ...props });
-};
-
-// src/components/Select/Select.tsx
-import * as SelectPrimitive8 from "@radix-ui/react-select";
-
-// src/components/Select/SelectContent.tsx
-import React74 from "react";
-import * as SelectPrimitive3 from "@radix-ui/react-select";
-
-// src/components/Select/SelectScrollDownButton.tsx
-import React72 from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
-import { jsx as jsx101 } from "react/jsx-runtime";
-var SelectScrollDownButton = React72.forwardRef(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__ */ jsx101(ChevronDownIcon3, {})
-    }
-  );
-});
-
-// src/components/Select/SelectScrollUpButton.tsx
-import React73 from "react";
-import * as SelectPrimitive2 from "@radix-ui/react-select";
-import { ChevronUpIcon as ChevronUpIcon2 } from "lucide-react";
-import { jsx as jsx102 } from "react/jsx-runtime";
-var SelectScrollUpButton = React73.forwardRef(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__ */ jsx102(ChevronUpIcon2, {})
-    }
-  );
-});
-
-// src/components/Select/SelectContent.tsx
-import { jsx as jsx103, jsxs as jsxs34 } from "react/jsx-runtime";
-var SelectContent = React74.forwardRef(function SelectContent2({ children, className, position = "popper", ...props }, ref) {
-  return /* @__PURE__ */ jsx103(SelectPrimitive3.Portal, { children: /* @__PURE__ */ jsxs34(
-    SelectPrimitive3.Content,
-    {
-      className: cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 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",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx103(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx103(
-          SelectPrimitive3.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx103(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-});
-
-// src/components/Select/SelectItem.tsx
-import React75 from "react";
-import * as SelectPrimitive4 from "@radix-ui/react-select";
-import { CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx104, jsxs as jsxs35 } from "react/jsx-runtime";
-var SelectItem = React75.forwardRef(function SelectItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs35(
-    SelectPrimitive4.Item,
-    {
-      className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      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 React76 from "react";
-import * as SelectPrimitive5 from "@radix-ui/react-select";
-import { jsx as jsx105 } from "react/jsx-runtime";
-var SelectLabel = React76.forwardRef(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 React77 from "react";
-import * as SelectPrimitive6 from "@radix-ui/react-select";
-import { jsx as jsx106 } from "react/jsx-runtime";
-var SelectSeparator = React77.forwardRef(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 React78 from "react";
-import * as SelectPrimitive7 from "@radix-ui/react-select";
-import { jsx as jsx107 } from "react/jsx-runtime";
-var SelectTrigger = React78.forwardRef(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
-var Select = Object.assign(SelectPrimitive8.Root, {
-  Content: SelectContent,
-  Group: SelectPrimitive8.Group,
-  Item: SelectItem,
-  Label: SelectLabel,
-  ScrollDownButton: SelectScrollDownButton,
-  ScrollUpButton: SelectScrollUpButton,
-  Separator: SelectSeparator,
-  Trigger: SelectTrigger,
-  Value: SelectPrimitive8.Value
-});
-
-// src/components/Form/StringField/StringFieldSelect.tsx
-import { jsx as jsx108, jsxs as jsxs36 } from "react/jsx-runtime";
-var StringFieldSelect = ({
-  description,
-  error,
-  label,
-  name,
-  options,
-  setValue,
-  value
-}) => {
-  return /* @__PURE__ */ jsxs36(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs36(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx108(Label3, { children: label }),
-      /* @__PURE__ */ jsx108(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsxs36(Select, { name, value: value ?? "", onValueChange: (value2) => setValue(value2), children: [
-      /* @__PURE__ */ jsx108(Select.Trigger, { "data-cy": `${name}-select-trigger`, "data-testid": `${name}-select-trigger`, children: /* @__PURE__ */ jsx108(Select.Value, {}) }),
-      /* @__PURE__ */ jsx108(Select.Content, { "data-cy": `${name}-select-content`, "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx108(Select.Item, { value: option, children: options[option] }, option)) })
-    ] }),
-    /* @__PURE__ */ jsx108(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/TextArea/TextArea.tsx
-import React79 from "react";
-import { jsx as jsx109 } from "react/jsx-runtime";
-var TextArea = React79.forwardRef(function TextArea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx109(
-    "textarea",
-    {
-      autoComplete: "off",
-      className: cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      "data-testid": "text-area",
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Form/StringField/StringFieldTextArea.tsx
-import { jsx as jsx110, jsxs as jsxs37 } from "react/jsx-runtime";
-var StringFieldTextArea = ({ description, error, label, name, setValue, value }) => {
-  return /* @__PURE__ */ jsxs37(FieldGroup, { children: [
-    /* @__PURE__ */ jsxs37(FieldGroup.Row, { children: [
-      /* @__PURE__ */ jsx110(Label3, { children: label }),
-      /* @__PURE__ */ jsx110(FieldGroup.Description, { description })
-    ] }),
-    /* @__PURE__ */ jsx110(TextArea, { name, rows: 5, value: value ?? "", onChange: (event) => setValue(event.target.value) }),
-    /* @__PURE__ */ jsx110(FieldGroup.Error, { error })
-  ] });
-};
-
-// src/components/Form/StringField/StringField.tsx
-import { jsx as jsx111 } from "react/jsx-runtime";
-var StringField = (props) => {
-  return match5(props).with({ variant: "textarea" }, (props2) => /* @__PURE__ */ jsx111(StringFieldTextArea, { ...props2 })).with({ variant: "password" }, (props2) => /* @__PURE__ */ jsx111(StringFieldPassword, { ...props2 })).with({ variant: "input" }, (props2) => /* @__PURE__ */ jsx111(StringFieldInput, { ...props2 })).with({ variant: "select" }, (props2) => /* @__PURE__ */ jsx111(StringFieldSelect, { ...props2 })).with({ variant: "radio" }, (props2) => /* @__PURE__ */ jsx111(StringFieldRadio, { ...props2 })).exhaustive();
-};
-
-// src/components/Form/ScalarField.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
-var ScalarField = ({ field, ...props }) => {
-  switch (field.kind) {
-    case "string":
-      return /* @__PURE__ */ jsx112(StringField, { ...field, ...props });
-    case "number":
-      return /* @__PURE__ */ jsx112(NumberField, { ...field, ...props });
-    case "date":
-      return /* @__PURE__ */ jsx112(DateField, { ...field, ...props });
-    case "boolean":
-      return /* @__PURE__ */ jsx112(BooleanField, { ...field, ...props });
-    case "set":
-      return /* @__PURE__ */ jsx112(SetField, { ...field, ...props });
-    default:
-      throw new Error(`Unexpected value for kind: ${Reflect.get(field, "kind")}`);
-  }
-};
-
-// src/components/Form/RecordArrayField.tsx
-import { jsx as jsx113, jsxs as jsxs38 } from "react/jsx-runtime";
-var RecordArrayField = memo(function RecordArrayField2({
-  error: arrayError,
-  fieldset,
-  label,
-  setError: setArrayError,
-  setValue: setArrayValue,
-  value: arrayValue
-}) {
-  const { t } = useTranslation4("libui");
-  const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, void 0]));
-  useEffect6(() => {
-    setArrayValue([createNewRecord()]);
-  }, [fieldset]);
-  if (!arrayValue) {
-    return null;
-  }
-  const appendField = () => {
-    setArrayValue([...arrayValue, createNewRecord()]);
-  };
-  const removeField = () => {
-    if (arrayValue.length > 1) {
-      setArrayValue(arrayValue.slice(0, arrayValue.length - 1));
-    }
-  };
-  return /* @__PURE__ */ jsxs38("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx113(Heading, { variant: "h5", children: label }),
-    /* @__PURE__ */ jsx113("div", { className: "space-y-6", children: arrayValue.map((fields, i) => /* @__PURE__ */ jsxs38("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx113(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(fields) : field;
-        if (!fieldProps) {
-          return null;
-        }
-        return /* @__PURE__ */ jsx113(
-          ScalarField,
-          {
-            error: arrayError?.[i]?.[name],
-            field: fieldProps,
-            name,
-            setError: (error) => {
-              const newArrayError = arrayError ? [...arrayError] : [];
-              if (!newArrayError[i]) {
-                newArrayError[i] = {};
-              }
-              newArrayError[i][name] = error;
-              setArrayError(newArrayError);
-            },
-            setValue: (value) => {
-              const newArrayValue = [...arrayValue];
-              newArrayValue[i][name] = value;
-              setArrayValue(newArrayValue);
-            },
-            value: arrayValue?.[i]?.[name]
-          },
-          name
-        );
-      })
-    ] }, i)) }),
-    /* @__PURE__ */ jsxs38("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxs38(Button, { type: "button", variant: "outline", onClick: appendField, children: [
-        t("form.append"),
-        /* @__PURE__ */ jsx113(PlusCircleIcon, { className: "ml-2" })
-      ] }),
-      /* @__PURE__ */ jsxs38(Button, { type: "button", variant: "outline", onClick: removeField, children: [
-        t("form.remove"),
-        /* @__PURE__ */ jsx113(MinusCircleIcon, { className: "ml-2" })
-      ] })
-    ] })
-  ] });
-});
-
-// src/components/Form/StaticField.tsx
-import { jsx as jsx114 } from "react/jsx-runtime";
-var StaticField = ({
-  errors,
-  field,
-  name,
-  setErrors,
-  setValues,
-  values
-}) => {
-  const setError = useCallback2(
-    (error) => {
-      return setErrors((prevErrors) => ({ ...prevErrors, [name]: error }));
-    },
-    [setErrors]
-  );
-  const setValue = useCallback2(
-    (value) => {
-      return setValues((prevValues) => ({ ...prevValues, [name]: value }));
-    },
-    [setValues]
-  );
-  return match6(field).with({ kind: "record-array" }, (field2) => /* @__PURE__ */ jsx114(
-    RecordArrayField,
-    {
-      ...field2,
-      error: errors[name],
-      name,
-      setError,
-      setValue,
-      value: values[name]
-    }
-  )).with({ kind: "number-record" }, (field2) => /* @__PURE__ */ jsx114(
-    NumberRecordField,
-    {
-      ...field2,
-      error: errors[name],
-      name,
-      setError,
-      setValue,
-      value: values[name]
-    }
-  )).otherwise((field2) => /* @__PURE__ */ jsx114(
-    ScalarField,
-    {
-      error: errors[name],
-      field: field2,
-      name,
-      setError,
-      setValue,
-      value: values[name]
-    }
-  ));
-};
-
-// src/components/Form/DynamicField.tsx
-import { jsx as jsx115 } from "react/jsx-runtime";
-var DynamicField = ({
-  field,
-  name,
-  values,
-  ...props
-}) => {
-  const [dependentValues, setDependentValues] = useState4(pick(values, field.deps));
-  const staticField = useMemo2(() => {
-    return field.render(values);
-  }, [dependentValues, field.render]);
-  useEffect7(() => {
-    for (const key of field.deps) {
-      if (dependentValues[key] !== values[key]) {
-        setDependentValues(pick(values, field.deps));
-        break;
-      }
-    }
-  }, [field.deps, values]);
-  if (!staticField) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx115(StaticField, { ...props, field: staticField, name, values });
-};
-
-// src/components/Form/FieldsComponent.tsx
-import { createElement } from "react";
-var FieldsComponent = ({ fields, ...props }) => {
-  return Object.keys(fields).map((name) => {
-    const field = fields[name];
-    if (field.kind === "dynamic") {
-      return /* @__PURE__ */ createElement(DynamicField, { ...props, field, key: name, name });
-    }
-    return /* @__PURE__ */ createElement(StaticField, { ...props, field, key: name, name });
-  });
-};
-
-// src/components/Form/utils.ts
-function getInitialValues(values) {
-  const initialValues = {};
-  for (const key in values) {
-    const value = values[key];
-    if (value === null || value === void 0) {
-      continue;
-    } else if (Array.isArray(value)) {
-      initialValues[key] = value.map(getInitialValues);
-    } else {
-      initialValues[key] = value;
-    }
-  }
-  return initialValues;
-}
-
-// src/components/Form/Form.tsx
-import { jsx as jsx116, jsxs as jsxs39 } from "react/jsx-runtime";
-var Form = ({
-  className,
-  content,
-  id,
-  initialValues,
-  onError,
-  onSubmit,
-  resetBtn,
-  submitBtnLabel,
-  validationSchema,
-  ...props
-}) => {
-  const { t } = useTranslation5("libui");
-  const [rootError, setRootError] = useState5(null);
-  const [errors, setErrors] = useState5({});
-  const [values, setValues] = useState5(
-    initialValues ? getInitialValues(initialValues) : {}
-  );
-  const handleError = (error) => {
-    const fieldErrors = {};
-    const rootErrors = [];
-    for (const issue of error.issues) {
-      if (issue.path.length > 0) {
-        set(fieldErrors, issue.path, issue.message);
-      } else {
-        rootErrors.push(issue.message);
-      }
-    }
-    setRootError(rootErrors.join("\n"));
-    setErrors(fieldErrors);
-    if (onError) {
-      onError(error);
-    }
-  };
-  const reset = () => {
-    setRootError(null);
-    setErrors({});
-    setValues({});
-  };
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    const result = validationSchema.safeParse(values);
-    if (result.success) {
-      reset();
-      onSubmit(result.data);
-    } else {
-      console.error(result.error.issues);
-      handleError(result.error);
-    }
-  };
-  const isGrouped = Array.isArray(content);
-  return /* @__PURE__ */ jsxs39(
-    "form",
-    {
-      autoComplete: "off",
-      className: twMerge("w-full", isGrouped ? "space-y-8 divide-y" : "space-y-6", className),
-      id,
-      onSubmit: handleSubmit,
-      ...props,
-      children: [
-        isGrouped ? content.map((fieldGroup, i) => {
-          return /* @__PURE__ */ jsxs39("div", { className: "space-y-6 [&:not(:first-child)]:pt-8", children: [
-            /* @__PURE__ */ jsxs39("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx116(Heading, { variant: "h4", children: fieldGroup.title }),
-              fieldGroup.description && /* @__PURE__ */ jsx116("p", { className: "text-sm italic leading-tight text-muted-foreground", children: fieldGroup.description })
-            ] }),
-            /* @__PURE__ */ jsx116(
-              FieldsComponent,
-              {
-                errors,
-                fields: fieldGroup.fields,
-                setErrors,
-                setValues,
-                values
-              }
-            )
-          ] }, i);
-        }) : /* @__PURE__ */ jsx116(FieldsComponent, { errors, fields: content, setErrors, setValues, values }),
-        /* @__PURE__ */ jsxs39("div", { className: "flex w-full gap-3", children: [
-          /* @__PURE__ */ jsx116(
-            Button,
-            {
-              "aria-label": "Submit Button",
-              className: "block w-full",
-              "data-cy": "submit-form",
-              type: "submit",
-              variant: "primary",
-              children: submitBtnLabel ?? t("form.submit")
-            }
-          ),
-          resetBtn && /* @__PURE__ */ jsx116(Button, { "aria-label": "Reset Button", className: "block w-full", type: "button", variant: "secondary", onClick: reset, children: t("form.reset") })
-        ] }),
-        rootError && /* @__PURE__ */ jsx116(ErrorMessage, { error: rootError })
-      ]
-    }
-  );
-};
-
-// src/components/HoverCard/HoverCard.tsx
-import { Root as Root14, Trigger as Trigger8 } from "@radix-ui/react-hover-card";
-
-// src/components/HoverCard/HoverCardContent.tsx
-import React81 from "react";
-import { Content as Content9 } from "@radix-ui/react-hover-card";
-import { jsx as jsx117 } from "react/jsx-runtime";
-var HoverCardContent = React81.forwardRef(function HoverCardContent2({ align = "center", className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx117(
-    Content9,
-    {
-      align,
-      className: cn(
-        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 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",
-        className
-      ),
-      ref,
-      sideOffset,
-      ...props
-    }
-  );
-});
-
-// src/components/HoverCard/HoverCard.tsx
-var HoverCard = Object.assign(Root14, {
-  Content: HoverCardContent,
-  Trigger: Trigger8
-});
-
-// src/components/LanguageToggle/LanguageToggle.tsx
-import { LanguagesIcon } from "lucide-react";
-import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx118, jsxs as jsxs40 } from "react/jsx-runtime";
-var LanguageToggle = ({
-  align = "start",
-  options = {},
-  triggerClassName,
-  variant = "outline"
-}) => {
-  const { i18n } = useTranslation6("libui");
-  return /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx118(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx118(Button, { className: triggerClassName, size: "icon", variant, children: /* @__PURE__ */ jsx118(LanguagesIcon, {}) }) }),
-    /* @__PURE__ */ jsx118(DropdownMenu.Content, { align, children: Object.keys(options).map((option) => /* @__PURE__ */ jsx118(DropdownMenu.Item, { onClick: () => void i18n.changeLanguage(option), children: options[option] }, option)) })
-  ] });
-};
-
-// src/components/LegacyDropdown/LegacyDropdown.tsx
-import { Menu, Transition } from "@headlessui/react";
-import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx119, jsxs as jsxs41 } from "react/jsx-runtime";
-function LegacyDropdown({
-  className,
-  onSelection,
-  options,
-  title
-}) {
-  const optionKeys = options instanceof Array ? options : Object.keys(options);
-  return /* @__PURE__ */ jsxs41(Menu, { as: "div", className: twMerge2("relative w-full whitespace-nowrap", className), children: [
-    /* @__PURE__ */ jsx119(
-      Menu.Button,
-      {
-        as: DropdownButton,
-        className: "h-full w-full",
-        disabled: options.length === 0,
-        style: { width: "100%" },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx119(
-      Transition,
-      {
-        as: "div",
-        className: "absolute bottom-0 z-10 w-full",
-        enter: "transition ease-out duration-100",
-        enterFrom: "transform opacity-0 scale-95",
-        enterTo: "transform opacity-100 scale-100",
-        leave: "transition ease-in duration-75",
-        leaveFrom: "transform opacity-100 scale-100",
-        leaveTo: "transform opacity-0 scale-95",
-        children: /* @__PURE__ */ jsx119(Menu.Items, { as: Card, className: "absolute z-10 mt-2 flex w-fit min-w-full flex-col overflow-hidden rounded-md", children: optionKeys.map((option) => /* @__PURE__ */ jsx119(Menu.Item, { children: /* @__PURE__ */ jsx119(
-          "button",
-          {
-            className: "p-2 text-left text-sm hover:bg-slate-200 dark:hover:bg-slate-700",
-            "data-cy": "dropdown-menu-option",
-            style: { minWidth: 100 },
-            onClick: () => {
-              onSelection(option);
-            },
-            children: Array.isArray(options) ? option : options[option]
-          }
-        ) }, option)) })
-      }
-    )
-  ] });
-}
-
-// src/components/LegacyModal/LegacyModal.tsx
-import React82 from "react";
-import { Dialog as Dialog2, Transition as Transition2 } from "@headlessui/react";
-import { XMarkIcon } from "@heroicons/react/24/solid";
-import { clsx } from "clsx";
-import { jsx as jsx120, jsxs as jsxs42 } from "react/jsx-runtime";
-var LegacyModal = ({ children, onClose, open, showCloseButton, title, width = "md" }) => {
-  return /* @__PURE__ */ jsx120(Transition2, { appear: true, as: React82.Fragment, show: open, children: /* @__PURE__ */ jsxs42(Dialog2, { as: "div", className: "relative z-10", onClose, children: [
-    /* @__PURE__ */ jsx120(
-      Transition2.Child,
-      {
-        as: React82.Fragment,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx120("div", { className: "fixed inset-0 bg-black bg-opacity-50" })
-      }
-    ),
-    /* @__PURE__ */ jsx120("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ jsx120("div", { className: "flex min-h-full items-center justify-center p-4 text-center", children: /* @__PURE__ */ jsx120(
-      Transition2.Child,
-      {
-        as: React82.Fragment,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0 scale-95",
-        enterTo: "opacity-100 scale-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100 scale-100",
-        leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ jsxs42(
-          Dialog2.Panel,
-          {
-            className: clsx(
-              "relative w-full transform overflow-visible rounded-2xl bg-slate-100 p-6 text-left align-middle text-slate-900 shadow-xl transition-all dark:bg-slate-800 dark:text-slate-100",
-              {
-                "max-w-lg": width === "lg",
-                "max-w-md": width === "md",
-                "max-w-sm": width === "sm",
-                "max-w-xl": width === "xl"
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx120(Dialog2.Title, { as: "h3", className: "p-0.5 text-xl font-bold leading-6", children: title }),
-                showCloseButton && /* @__PURE__ */ jsx120(
-                  "button",
-                  {
-                    className: "flex items-center justify-center rounded-md p-0.5 hover:bg-slate-200 dark:hover:bg-slate-700",
-                    type: "button",
-                    onClick: onClose,
-                    children: /* @__PURE__ */ jsx120(XMarkIcon, { height: 24, width: 24 })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx120("div", { className: "my-2 p-0.5", children })
-            ]
-          }
-        )
-      }
-    ) }) })
-  ] }) });
-};
-
-// src/components/LegacySelectDropdown/LegacySelectDropdown.tsx
-import { Listbox, Transition as Transition3 } from "@headlessui/react";
-import { CheckIcon as CheckIcon5 } from "@heroicons/react/24/solid";
-import { clsx as clsx2 } from "clsx";
-import { jsx as jsx121, jsxs as jsxs43 } from "react/jsx-runtime";
-var LegacySelectDropdown = ({
-  checkPosition = "right",
-  className,
-  options,
-  selected,
-  setSelected,
-  title
-}) => {
-  return /* @__PURE__ */ jsxs43(
-    Listbox,
-    {
-      multiple: true,
-      as: "div",
-      by: "key",
-      className: clsx2("relative flex w-full", className),
-      value: selected,
-      onChange: setSelected,
-      children: [
-        /* @__PURE__ */ jsx121(Listbox.Button, { as: DropdownButton, className: "h-full w-full", children: title }),
-        /* @__PURE__ */ jsx121(
-          Transition3,
-          {
-            as: "div",
-            className: "absolute bottom-0 z-10 w-full",
-            enter: "transition ease-out duration-100",
-            enterFrom: "transform opacity-0 scale-95",
-            enterTo: "transform opacity-100 scale-100",
-            leave: "transition ease-in duration-75",
-            leaveFrom: "transform opacity-100 scale-100",
-            leaveTo: "transform opacity-0 scale-95",
-            children: /* @__PURE__ */ jsx121(
-              Listbox.Options,
-              {
-                as: Card,
-                className: "absolute z-10 mt-2 flex max-h-80 min-w-full flex-col overflow-scroll rounded-md scrollbar-none",
-                children: options.map((option) => /* @__PURE__ */ jsxs43(
-                  Listbox.Option,
-                  {
-                    className: "flex w-full items-center whitespace-nowrap bg-slate-50 p-2 text-sm hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700 ",
-                    "data-cy": "select-dropdown-option",
-                    value: option,
-                    children: [
-                      checkPosition === "left" && /* @__PURE__ */ jsx121(CheckIcon5, { className: "invisible mr-2 h-6 ui-selected:visible", height: 16, width: 16 }),
-                      /* @__PURE__ */ jsx121("span", { className: "ui-selected:font-medium", "data-cy": "select-dropdown-option-label", children: option.label }),
-                      checkPosition === "right" && /* @__PURE__ */ jsx121(CheckIcon5, { className: "invisible ml-2 ui-selected:visible", height: 16, width: 16 })
-                    ]
-                  },
-                  option.key
-                ))
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/LegacySlider/LegacySlider.tsx
-import React83 from "react";
-import { Dialog as Dialog3, Transition as Transition4 } from "@headlessui/react";
-import { XMarkIcon as XMarkIcon2 } from "@heroicons/react/24/outline";
-import { jsx as jsx122, jsxs as jsxs44 } from "react/jsx-runtime";
-var LegacySlider = ({ children, isOpen, setIsOpen, title }) => {
-  return /* @__PURE__ */ jsx122(Transition4, { as: React83.Fragment, show: isOpen, children: /* @__PURE__ */ jsx122(Dialog3, { as: "div", className: "fixed inset-0 z-10 overflow-hidden", onClose: setIsOpen, children: /* @__PURE__ */ jsxs44("div", { className: "absolute inset-0 overflow-hidden", children: [
-    /* @__PURE__ */ jsx122(
-      Transition4.Child,
-      {
-        as: React83.Fragment,
-        enter: "transition-opacity ease-linear duration-500",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "transition-opacity ease-linear duration-500",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx122("div", { className: "fixed inset-0 bg-black/30" })
-      }
-    ),
-    /* @__PURE__ */ jsx122("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10", children: /* @__PURE__ */ jsx122(
-      Transition4.Child,
-      {
-        as: React83.Fragment,
-        enter: "transform transition ease-in-out duration-500",
-        enterFrom: "translate-x-full",
-        enterTo: "translate-x-0",
-        leave: "transform transition ease-in-out duration-500",
-        leaveFrom: "translate-x-0",
-        leaveTo: "translate-x-full",
-        children: /* @__PURE__ */ jsx122("div", { className: "pointer-events-auto w-screen max-w-md", children: /* @__PURE__ */ jsxs44("div", { className: "flex h-full flex-col overflow-y-scroll bg-slate-50 py-6 shadow-xl dark:bg-slate-800", children: [
-          /* @__PURE__ */ jsx122("div", { className: "px-4 sm:px-6", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx122(Dialog3.Title, { className: "font-semibold text-slate-900 dark:text-slate-100", children: title }),
-            /* @__PURE__ */ jsx122(
-              "button",
-              {
-                className: "text-muted-foreground hover:text-slate-500",
-                type: "button",
-                onClick: () => {
-                  setIsOpen(false);
-                },
-                children: /* @__PURE__ */ jsx122(XMarkIcon2, { "aria-hidden": "true", className: "h-6 w-6" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx122("hr", { className: "mx-4 my-4 border-slate-300" }),
-          /* @__PURE__ */ jsx122("div", { className: "relative flex-1 px-4 sm:px-6", children })
-        ] }) })
-      }
-    ) })
-  ] }) }) });
-};
-
-// src/components/LegacyStepper/LegacyStepper.tsx
-import React84, { useEffect as useEffect8, useReducer as useReducer2, useRef as useRef2, useState as useState6 } from "react";
-import clsx3 from "clsx";
-import { jsx as jsx123, jsxs as jsxs45 } from "react/jsx-runtime";
-var LegacyStepper = ({ className, steps }) => {
-  const icons = useRef2([]);
-  const [divideStyles, setDivideStyles] = useState6([]);
-  const { height, width } = useWindowSize();
-  useEffect8(() => {
-    const styles = [];
-    for (let i = 0; i < steps.length - 1; i++) {
-      const current = icons.current[i];
-      const next = icons.current[i + 1];
-      const left = current.offsetLeft + current.offsetWidth;
-      styles.push({
-        left,
-        width: next.offsetLeft - left
-      });
-    }
-    setDivideStyles(styles);
-  }, [height, width]);
-  const [index, updateIndex] = useReducer2((prevIndex, action) => {
-    if (action === "decrement" && prevIndex > 0) {
-      return prevIndex - 1;
-    } else if (action === "increment" && prevIndex < steps.length - 1) {
-      return prevIndex + 1;
-    }
-    return prevIndex;
-  }, 0);
-  return /* @__PURE__ */ jsx123(LegacyStepperContext.Provider, { value: { index, updateIndex }, children: /* @__PURE__ */ jsxs45("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx123("div", { className: "relative mb-12 flex items-center justify-between print:hidden", children: steps.map((step, i) => {
-      return /* @__PURE__ */ jsxs45(React84.Fragment, { children: [
-        /* @__PURE__ */ jsx123("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ jsx123(
-            "div",
-            {
-              className: clsx3(
-                "h-12 w-12 rounded-full bg-sky-700 py-3  text-white transition duration-500 ease-in-out [&>*]:h-full [&>*]:w-full",
-                i > index && "bg-slate-200 dark:bg-slate-700"
-              ),
-              ref: (e) => {
-                icons.current[i] = e;
-              },
-              children: step.icon
-            }
-          ),
-          /* @__PURE__ */ jsx123("span", { className: "mt-2 text-xs font-medium uppercase text-muted-foreground", children: step.label })
-        ] }) }),
-        i !== steps.length - 1 && /* @__PURE__ */ jsx123(
-          "div",
-          {
-            className: clsx3(
-              "absolute top-6 flex-auto border-t-2 transition duration-500 ease-in-out",
-              i >= index ? "border-slate-200 dark:border-slate-700" : "border-sky-700"
-            ),
-            style: divideStyles[i]
-          }
-        )
-      ] }, i);
-    }) }),
-    /* @__PURE__ */ jsx123("div", { className: "flex-grow", children: steps[index]?.element })
-  ] }) });
-};
-
-// src/components/LegacyTable/LegacyClientTable.tsx
-import { useState as useState7 } from "react";
-import { useTranslation as useTranslation7 } from "react-i18next";
-
-// src/components/LegacyTable/LegacyTable.tsx
-import { range as range3, toBasicISOString as toBasicISOString2 } from "@douglasneuroinformatics/libjs";
-import { clsx as clsx5 } from "clsx";
-import { twMerge as twMerge3 } from "tailwind-merge";
-
-// src/components/LegacyTable/LegacyTableColumnHeader.tsx
-import React85 from "react";
-import { Menu as Menu2, Transition as Transition5 } from "@headlessui/react";
-import { ChevronDownIcon as ChevronDownIcon4 } from "@heroicons/react/24/solid";
-import { clsx as clsx4 } from "clsx";
-import { jsx as jsx124, jsxs as jsxs46 } from "react/jsx-runtime";
-var LegacyTableColumnHeader = ({
-  column,
-  dropdownOptions
-}) => {
-  return /* @__PURE__ */ jsxs46(Menu2, { as: "div", className: "relative", children: [
-    /* @__PURE__ */ jsxs46(
-      Menu2.Button,
-      {
-        className: clsx4(
-          "flex min-w-[10rem] flex-shrink-0 items-center justify-between px-6 py-3 text-sm font-semibold text-slate-800 dark:text-slate-200",
-          { "cursor-default": !dropdownOptions }
-        ),
-        children: [
-          column.label,
-          dropdownOptions && /* @__PURE__ */ jsx124(ChevronDownIcon4, { className: "ml-3", height: 16, width: 16 })
-        ]
-      }
-    ),
-    dropdownOptions && /* @__PURE__ */ jsx124(
-      Transition5,
-      {
-        as: React85.Fragment,
-        enter: "transition ease-out duration-100",
-        enterFrom: "transform opacity-0 scale-95",
-        enterTo: "transform opacity-100 scale-100",
-        leave: "transition ease-in duration-75",
-        leaveFrom: "transform opacity-100 scale-100",
-        leaveTo: "transform opacity-0 scale-95",
-        children: /* @__PURE__ */ jsx124(Menu2.Items, { className: "absolute right-4 z-50 mt-2 w-32 origin-top-right overflow-hidden rounded-md bg-slate-50 shadow-sm ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-700", children: dropdownOptions.map((option) => {
-          const Icon = option.icon;
-          return /* @__PURE__ */ jsxs46(
-            Menu2.Item,
-            {
-              as: "button",
-              className: "flex w-full items-center text-ellipsis whitespace-nowrap px-3 py-2 hover:backdrop-brightness-95 dark:hover:backdrop-brightness-150",
-              type: "button",
-              onClick: () => {
-                option.onSelection(column);
-              },
-              children: [
-                Icon && /* @__PURE__ */ jsx124(Icon, { className: "mr-2", height: 16, width: 16 }),
-                option.label
-              ]
-            },
-            option.label
-          );
-        }) })
-      }
-    )
-  ] });
-};
-
-// src/components/LegacyTable/LegacyTable.tsx
-import { jsx as jsx125, jsxs as jsxs47 } from "react/jsx-runtime";
-function defaultFormatter(value) {
-  if (typeof value === "string") {
-    return value;
-  } else if (typeof value === "number") {
-    return value.toFixed(2).toString();
-  } else if (typeof value === "undefined") {
-    return "NA";
-  }
-  if (value instanceof Date) {
-    return toBasicISOString2(value);
-  }
-  return JSON.stringify(value);
-}
-var LegacyTable = ({
-  className,
-  columnDropdownOptions,
-  columns,
-  data,
-  minRows,
-  onEntryClick
-}) => {
-  const nRows = Math.max(data.length, minRows ?? -1);
-  return /* @__PURE__ */ jsx125("div", { className: twMerge3("min-w-full overflow-hidden rounded-md bg-slate-50 shadow dark:bg-slate-800", className), children: /* @__PURE__ */ jsx125("div", { className: "w-full overflow-x-scroll", children: /* @__PURE__ */ jsxs47("table", { className: "w-full table-auto", children: [
-    /* @__PURE__ */ jsx125("thead", { className: "border-b border-slate-300 bg-slate-50 dark:border-0 dark:bg-slate-700", children: /* @__PURE__ */ jsx125("tr", { children: columns.map((column, i) => /* @__PURE__ */ jsx125(
-      "th",
-      {
-        className: "whitespace-nowrap text-left  text-sm font-semibold text-slate-800 dark:text-slate-200",
-        children: /* @__PURE__ */ jsx125(LegacyTableColumnHeader, { column, dropdownOptions: columnDropdownOptions })
-      },
-      i
-    )) }) }),
-    /* @__PURE__ */ jsx125("tbody", { className: "divide-y dark:divide-slate-600", children: nRows > 0 && range3(nRows).map((i) => {
-      const entry = data[i];
-      return /* @__PURE__ */ jsx125(
-        "tr",
-        {
-          className: clsx5("whitespace-nowrap p-4 text-sm text-muted-foreground", {
-            "cursor-pointer hover:backdrop-brightness-95": entry && typeof onEntryClick === "function"
-          }),
-          "data-cy": "table-row",
-          onClick: () => {
-            entry && onEntryClick && onEntryClick(entry);
-          },
-          children: columns.map(({ field, formatter }, j) => {
-            let value;
-            if (!entry) {
-              value = "";
-            } else if (typeof field === "function") {
-              value = field(entry);
-            } else {
-              value = entry[field];
-            }
-            const formattedValue = entry && formatter ? formatter(value) : defaultFormatter(value);
-            return /* @__PURE__ */ jsx125("td", { className: "whitespace-nowrap px-6", "data-cy": "table-data-item", style: { height: 42 }, children: /* @__PURE__ */ jsx125("span", { className: "block text-ellipsis leading-none", children: formattedValue }) }, j);
-          })
-        },
-        i
-      );
-    }) })
-  ] }) }) });
-};
-
-// src/components/LegacyTable/LegacyClientTable.tsx
-import { jsx as jsx126, jsxs as jsxs48 } from "react/jsx-runtime";
-var LegacyClientTable = ({ data, ...props }) => {
-  const [currentPage, setCurrentPage] = useState7(1);
-  const [entriesPerPage] = useState7(10);
-  const { t } = useTranslation7("libui");
-  const pageCount = Math.ceil(data.length / entriesPerPage);
-  const firstEntry = data.length === 0 ? 0 : (currentPage - 1) * entriesPerPage + 1;
-  const lastEntry = Math.min(firstEntry + entriesPerPage - 1, data.length);
-  const currentEntries = data.slice(firstEntry - 1, lastEntry);
-  return /* @__PURE__ */ jsxs48("div", { children: [
-    /* @__PURE__ */ jsx126(LegacyTable, { data: currentEntries, ...props }),
-    /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between px-1 py-3", children: [
-      /* @__PURE__ */ jsx126("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx126("p", { className: "text-sm font-medium text-muted-foreground", children: t("pagination.info", {
-        first: firstEntry,
-        last: lastEntry,
-        total: data.length
-      }) }) }),
-      /* @__PURE__ */ jsxs48("div", { className: "flex flex-1 justify-between sm:justify-end", children: [
-        /* @__PURE__ */ jsx126(
-          "button",
-          {
-            className: "relative inline-flex items-center rounded-md border border-slate-300 bg-slate-50 px-4 py-2 text-sm font-medium text-muted-foreground disabled:opacity-75 dark:border-slate-600 dark:bg-slate-800",
-            disabled: currentPage === 1,
-            onClick: () => {
-              setCurrentPage(currentPage - 1);
-            },
-            children: t("pagination.previous")
-          }
-        ),
-        /* @__PURE__ */ jsx126(
-          "button",
-          {
-            className: "relative ml-3 inline-flex items-center rounded-md border border-slate-300 bg-slate-50 px-4 py-2 text-sm font-medium text-muted-foreground disabled:opacity-75 dark:border-slate-600 dark:bg-slate-800",
-            disabled: currentPage === pageCount,
-            onClick: () => {
-              setCurrentPage(currentPage + 1);
-            },
-            children: t("pagination.next")
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-
-// src/components/LineGraph/LineGraph.tsx
-import React86 from "react";
-import { toBasicISOString as toBasicISOString3 } from "@douglasneuroinformatics/libjs";
-import { useTranslation as useTranslation8 } from "react-i18next";
-import {
-  CartesianGrid,
-  ErrorBar,
-  Label as Label6,
-  Legend,
-  Line,
-  LineChart,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis
-} from "recharts";
-import { jsx as jsx127, jsxs as jsxs49 } from "react/jsx-runtime";
-import { createElement as createElement2 } from "react";
-var strokeColors = {
-  dark: "#cbd5e1",
-  // slate-300
-  light: "#475569"
-  // slate-600
-};
-var tooltipStyles = {
-  dark: {
-    backgroundColor: "#0f172a",
-    // slate-900
-    borderColor: strokeColors.light,
-    borderRadius: "2px"
-  },
-  light: {
-    backgroundColor: "#f1f5f9",
-    // slate-100
-    borderColor: strokeColors.dark,
-    borderRadius: "2px"
-  }
-};
-function LineGraphComponent({
-  data,
-  lines,
-  xAxis
-}) {
-  const { i18n } = useTranslation8("libui");
-  const [theme] = useTheme();
-  return /* @__PURE__ */ jsx127(ResponsiveContainer, { height: 400, width: "100%", children: /* @__PURE__ */ jsxs49(LineChart, { data: [...data], margin: { bottom: 5, left: 15, right: 15, top: 5 }, children: [
-    /* @__PURE__ */ jsx127(CartesianGrid, { stroke: "#64748b", strokeDasharray: "5 5" }),
-    /* @__PURE__ */ jsx127(
-      XAxis,
-      {
-        axisLine: { stroke: "#64748b" },
-        dataKey: xAxis?.key,
-        domain: ["auto", "auto"],
-        height: 50,
-        interval: "preserveStartEnd",
-        padding: { left: 20, right: 20 },
-        stroke: strokeColors[theme],
-        tickFormatter: (time) => toBasicISOString3(new Date(time)),
-        tickLine: { stroke: "#64748b" },
-        tickMargin: 8,
-        tickSize: 8,
-        type: "number",
-        children: /* @__PURE__ */ jsx127(Label6, { fill: strokeColors[theme], offset: 0, position: "insideBottom", value: xAxis?.label })
-      }
-    ),
-    /* @__PURE__ */ jsx127(
-      YAxis,
-      {
-        axisLine: { stroke: "#64748b" },
-        stroke: strokeColors[theme],
-        tickLine: { stroke: "#64748b" },
-        tickMargin: 5,
-        tickSize: 8,
-        width: 40
-      }
-    ),
-    /* @__PURE__ */ jsx127(
-      Tooltip,
-      {
-        contentStyle: tooltipStyles[theme],
-        labelFormatter: (time) => {
-          const date = new Date(time);
-          return new Intl.DateTimeFormat(i18n.resolvedLanguage, {
-            dateStyle: "full",
-            timeStyle: "medium"
-          }).format(date);
-        },
-        labelStyle: { color: strokeColors[theme], fontWeight: 500, whiteSpace: "pre-wrap" }
-      }
-    ),
-    lines.map(({ err, name, stroke, type, val, ...props }) => /* @__PURE__ */ createElement2(
-      Line,
-      {
-        ...props,
-        dataKey: val,
-        key: val,
-        name,
-        stroke: stroke ?? strokeColors[theme],
-        type: type ?? "linear"
-      },
-      err && /* @__PURE__ */ jsx127(ErrorBar, { dataKey: err, stroke: "#64748b" })
-    )),
-    /* @__PURE__ */ jsx127(Legend, { wrapperStyle: { paddingLeft: 40, paddingTop: 10 } })
-  ] }) });
-}
-var LineGraph = React86.memo(LineGraphComponent);
-
-// src/components/MenuBar/MenuBar.tsx
-import { Group as Group4, Menu as Menu3, Portal as Portal10, RadioGroup as RadioGroup5, Sub as Sub3 } from "@radix-ui/react-menubar";
-
-// src/components/MenuBar/MenuBarCheckboxItem.tsx
-import React87 from "react";
-import { CheckboxItem as CheckboxItem3, ItemIndicator as ItemIndicator6 } from "@radix-ui/react-menubar";
-import { CheckIcon as CheckIcon6 } from "lucide-react";
-import { jsx as jsx128, jsxs as jsxs50 } from "react/jsx-runtime";
-var MenuBarCheckboxItem = React87.forwardRef(function MenuBarCheckboxItem2({ checked, children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs50(
-    CheckboxItem3,
-    {
-      checked,
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx128("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx128(ItemIndicator6, { children: /* @__PURE__ */ jsx128(CheckIcon6, { className: "h-4 w-4" }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBarContent.tsx
-import React88 from "react";
-import { Content as Content10, Portal as Portal9 } from "@radix-ui/react-menubar";
-import { jsx as jsx129 } from "react/jsx-runtime";
-var MenuBarContent = React88.forwardRef(function MenuBarContent2({ align = "start", alignOffset = -4, className, sideOffset = 8, ...props }, ref) {
-  return /* @__PURE__ */ jsx129(Portal9, { children: /* @__PURE__ */ jsx129(
-    Content10,
-    {
-      align,
-      alignOffset,
-      className: cn(
-        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-        className
-      ),
-      ref,
-      sideOffset,
-      ...props
-    }
-  ) });
-});
-
-// src/components/MenuBar/MenuBarItem.tsx
-import React89 from "react";
-import { Item as Item6 } from "@radix-ui/react-menubar";
-import { jsx as jsx130 } from "react/jsx-runtime";
-var MenuBarItem = React89.forwardRef(function MenuBarItem2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx130(
-    Item6,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBarLabel.tsx
-import React90 from "react";
-import { Label as Label7 } from "@radix-ui/react-menubar";
-import { jsx as jsx131 } from "react/jsx-runtime";
-var MenuBarLabel = React90.forwardRef(function MenuBarLabel2({ className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsx131(Label7, { className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ref, ...props });
-});
-
-// src/components/MenuBar/MenuBarRadioItem.tsx
-import React91 from "react";
-import { ItemIndicator as ItemIndicator7, RadioItem as RadioItem3 } from "@radix-ui/react-menubar";
-import { CircleIcon as CircleIcon4 } from "lucide-react";
-import { jsx as jsx132, jsxs as jsxs51 } from "react/jsx-runtime";
-var MenuBarRadioItem = React91.forwardRef(function MenuBarRadioItem2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs51(
-    RadioItem3,
-    {
-      className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx132("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx132(ItemIndicator7, { children: /* @__PURE__ */ jsx132(CircleIcon4, { className: "fill-current", style: { height: 8, width: 8 } }) }) }),
-        children
-      ]
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBarRoot.tsx
-import React92 from "react";
-import { Root as Root15 } from "@radix-ui/react-menubar";
-import { jsx as jsx133 } from "react/jsx-runtime";
-var MenuBarRoot = React92.forwardRef(
-  function MenuBarRoot2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx133(
-      Root15,
-      {
-        className: cn("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/MenuBar/MenuBarSeparator.tsx
-import React93 from "react";
-import { Separator as Separator4 } from "@radix-ui/react-menubar";
-import { jsx as jsx134 } from "react/jsx-runtime";
-var MenuBarSeparator = React93.forwardRef(function MenuBarSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx134(Separator4, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref, ...props });
-});
-
-// src/components/MenuBar/MenuBarShortcut.tsx
-import "react";
-import { jsx as jsx135 } from "react/jsx-runtime";
-var MenuBarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx135("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
-};
-
-// src/components/MenuBar/MenuBarSubContent.tsx
-import React95 from "react";
-import { SubContent as SubContent3 } from "@radix-ui/react-menubar";
-import { jsx as jsx136 } from "react/jsx-runtime";
-var MenuBarSubContent = React95.forwardRef(function MenuBarSubContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx136(
-    SubContent3,
-    {
-      className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 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",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBarSubTrigger.tsx
-import React96 from "react";
-import { SubTrigger as SubTrigger3 } from "@radix-ui/react-menubar";
-import { ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
-import { jsx as jsx137, jsxs as jsxs52 } from "react/jsx-runtime";
-var MenuBarSubTrigger = React96.forwardRef(function MenuBarSubTrigger2({ children, className, inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxs52(
-    SubTrigger3,
-    {
-      className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-        inset && "pl-8",
-        className
-      ),
-      ref,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx137(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
-      ]
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBarTrigger.tsx
-import React97 from "react";
-import { Trigger as Trigger9 } from "@radix-ui/react-menubar";
-import { jsx as jsx138 } from "react/jsx-runtime";
-var MenuBarTrigger = React97.forwardRef(function MenuBarTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx138(
-    Trigger9,
-    {
-      className: cn(
-        "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/MenuBar/MenuBar.tsx
-var MenuBar = Object.assign(MenuBarRoot, {
-  CheckboxItem: MenuBarCheckboxItem,
-  Content: MenuBarContent,
-  Group: Group4,
-  Item: MenuBarItem,
-  Label: MenuBarLabel,
-  Menu: Menu3,
-  Portal: Portal10,
-  RadioGroup: RadioGroup5,
-  RadioItem: MenuBarRadioItem,
-  Separator: MenuBarSeparator,
-  Shortcut: MenuBarShortcut,
-  Sub: Sub3,
-  SubContent: MenuBarSubContent,
-  SubTrigger: MenuBarSubTrigger,
-  Trigger: MenuBarTrigger
-});
-
-// src/components/NotificationHub/NotificationHub.tsx
-import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
-import { XIcon as XIcon2 } from "lucide-react";
-import { useTranslation as useTranslation9 } from "react-i18next";
-
-// src/components/NotificationHub/NotificationIcon.tsx
-import { CheckCircleIcon, ExclamationCircleIcon, InformationCircleIcon, XCircleIcon } from "@heroicons/react/24/solid";
-import { jsx as jsx139 } from "react/jsx-runtime";
-var NotificationIcon = ({ type }) => {
-  switch (type) {
-    case "info":
-      return /* @__PURE__ */ jsx139(InformationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-blue-500" });
-    case "success":
-      return /* @__PURE__ */ jsx139(CheckCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-green-500" });
-    case "warning":
-      return /* @__PURE__ */ jsx139(ExclamationCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-yellow-500" });
-    case "error":
-      return /* @__PURE__ */ jsx139(XCircleIcon, { "aria-hidden": "true", className: "h-6 w-6 text-red-500" });
-  }
-};
-
-// src/components/NotificationHub/NotificationHub.tsx
-import { jsx as jsx140, jsxs as jsxs53 } from "react/jsx-runtime";
-var NotificationHub = ({ timeout = 5e3 }) => {
-  const { t } = useTranslation9("libui");
-  const { dismissNotification, notifications } = useNotificationsStore();
-  return /* @__PURE__ */ jsx140("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx140(AnimatePresence3, { children: notifications.map((item) => /* @__PURE__ */ jsx140(
-    motion3.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__ */ jsx140("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxs53(Card, { className: "w-full rounded-lg p-0", children: [
-        /* @__PURE__ */ jsxs53("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsxs53("div", { className: "mb-2 flex items-center", children: [
-            /* @__PURE__ */ jsx140(NotificationIcon, { type: item.type }),
-            /* @__PURE__ */ jsx140("h5", { className: "ml-3 flex-grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
-            /* @__PURE__ */ jsx140(
-              "button",
-              {
-                className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:outline-none focus:ring-1 focus:ring-sky-500 dark:focus:ring-sky-600",
-                type: "button",
-                onClick: () => {
-                  dismissNotification(item.id);
-                },
-                children: /* @__PURE__ */ jsx140(XIcon2, { "aria-hidden": "true", className: "h-5 w-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx140("p", { className: "my-2 text-muted-foreground", children: item.message })
-        ] }),
-        /* @__PURE__ */ jsx140(
-          motion3.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/Pagination/PaginationContent.tsx
-import "react";
-import { jsx as jsx141 } from "react/jsx-runtime";
-var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx141("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
-
-// src/components/Pagination/PaginationEllipsis.tsx
-import "react";
-import { MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx142, jsxs as jsxs54 } from "react/jsx-runtime";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs54("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx142(MoreHorizontalIcon2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx142("span", { className: "sr-only", children: "More pages" })
-] });
-
-// src/components/Pagination/PaginationItem.tsx
-import { jsx as jsx143 } from "react/jsx-runtime";
-var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx143("li", { className, ...props });
-
-// src/components/Pagination/PaginationLink.tsx
-import "react";
-import { jsx as jsx144 } from "react/jsx-runtime";
-var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx144(
-  "a",
-  {
-    "aria-current": isActive ? "page" : void 0,
-    className: cn(
-      buttonVariants({
-        size,
-        variant: isActive ? "outline" : "ghost"
-      }),
-      className
-    ),
-    ...props,
-    children
-  }
-);
-
-// src/components/Pagination/PaginationNext.tsx
-import "react";
-import { ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
-import { useTranslation as useTranslation10 } from "react-i18next";
-import { jsx as jsx145, jsxs as jsxs55 } from "react/jsx-runtime";
-var PaginationNext = ({ className, ...props }) => {
-  const { t } = useTranslation10("libui");
-  return /* @__PURE__ */ jsxs55(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pr-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx145("span", { children: t("pagination.next") }),
-    /* @__PURE__ */ jsx145(ChevronRightIcon5, { className: "h-4 w-4" })
-  ] });
-};
-
-// src/components/Pagination/PaginationPrevious.tsx
-import { ChevronLeftIcon } from "lucide-react";
-import { useTranslation as useTranslation11 } from "react-i18next";
-import { jsx as jsx146, jsxs as jsxs56 } from "react/jsx-runtime";
-var PaginationPrevious = ({ className, ...props }) => {
-  const { t } = useTranslation11("libui");
-  return /* @__PURE__ */ jsxs56(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5", className), size: "md", ...props, children: [
-    /* @__PURE__ */ jsx146(ChevronLeftIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx146("span", { children: t("pagination.previous") })
-  ] });
-};
-
-// src/components/Pagination/PaginationRoot.tsx
-import "react";
-import { jsx as jsx147 } from "react/jsx-runtime";
-var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx147(
-  "nav",
-  {
-    "aria-label": "pagination",
-    className: cn("mx-auto flex w-full justify-center", className),
-    role: "navigation",
-    ...props
-  }
-);
-
-// src/components/Pagination/Pagination.tsx
-var Pagination = Object.assign(PaginationRoot, {
-  Content: PaginationContent,
-  Ellipsis: PaginationEllipsis,
-  Item: PaginationItem,
-  Link: PaginationLink,
-  Next: PaginationNext,
-  Previous: PaginationPrevious
-});
-
-// src/components/Progress/Progress.tsx
-import React103 from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx148 } from "react/jsx-runtime";
-var Progress = React103.forwardRef(function Progress2({ className, value, ...props }, ref) {
-  return /* @__PURE__ */ jsx148(
-    ProgressPrimitive.Root,
-    {
-      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx148(
-        ProgressPrimitive.Indicator,
-        {
-          className: "h-full w-full flex-1 bg-primary transition-all",
-          style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
-        }
-      )
-    }
-  );
-});
-
-// src/components/Resizable/Resizable.tsx
-import "react";
-import { Panel } from "react-resizable-panels";
-
-// src/components/Resizable/ResizableHandle.tsx
-import { GripVertical } from "lucide-react";
-import { PanelResizeHandle } from "react-resizable-panels";
-import { jsx as jsx149 } from "react/jsx-runtime";
-var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx149(
-  PanelResizeHandle,
-  {
-    className: cn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      className
-    ),
-    ...props,
-    children: withHandle && /* @__PURE__ */ jsx149("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx149(GripVertical, { className: "h-2.5 w-2.5" }) })
-  }
-);
-
-// src/components/Resizable/ResizablePanelGroup.tsx
-import { PanelGroup } from "react-resizable-panels";
-import { jsx as jsx150 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx150(
-  PanelGroup,
-  {
-    className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
-    ...props
-  }
-);
-
-// src/components/Resizable/Resizable.tsx
-import { Fragment, jsx as jsx151 } from "react/jsx-runtime";
-var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx151(Fragment, { children });
-var Resizable = Object.assign(ResizableRoot, {
-  Handle: ResizableHandle,
-  Panel,
-  PanelGroup: ResizablePanelGroup
-});
-
-// src/components/SearchBar/SearchBar.tsx
-import { SearchIcon as SearchIcon2 } from "lucide-react";
-import { useTranslation as useTranslation12 } from "react-i18next";
-import { jsx as jsx152, jsxs as jsxs57 } from "react/jsx-runtime";
-var SearchBar = ({ className, onClick, onValueChange, placeholder, value }) => {
-  const { t } = useTranslation12("libui");
-  return /* @__PURE__ */ jsxs57("form", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx152(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ jsx152(
-      Input,
-      {
-        className: "pl-8",
-        placeholder: placeholder ?? t("searchBar.placeholder"),
-        type: "search",
-        value,
-        onChange: (event) => {
-          onValueChange?.(event.target.value);
-        },
-        onClick: () => onClick?.()
-      }
-    )
-  ] });
-};
-
-// src/components/Separator/Separator.tsx
-import React105 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx153 } from "react/jsx-runtime";
-var Separator5 = React105.forwardRef(function Separator6({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ jsx153(
-    SeparatorPrimitive.Root,
-    {
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      "data-testid": "separator",
-      decorative,
-      orientation,
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Sheet/Sheet.tsx
-import { Close as Close3, Portal as Portal12, Root as Root18, Trigger as Trigger10 } from "@radix-ui/react-dialog";
-
-// src/components/Sheet/SheetContent.tsx
-import React106 from "react";
-import { Close as Close2, Content as Content11, Overlay as Overlay3, Portal as Portal11 } from "@radix-ui/react-dialog";
-import { cva as cva5 } from "class-variance-authority";
-import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx154, jsxs as jsxs58 } from "react/jsx-runtime";
-var sheetVariants = cva5(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-  {
-    defaultVariants: {
-      side: "right"
-    },
-    variants: {
-      side: {
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top"
-      }
-    }
-  }
-);
-var SheetContent = React106.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
-  return /* @__PURE__ */ jsxs58(Portal11, { children: [
-    /* @__PURE__ */ jsx154(Overlay3, {}),
-    /* @__PURE__ */ jsxs58(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
-      children,
-      /* @__PURE__ */ jsxs58(Close2, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-        /* @__PURE__ */ jsx154(XIcon3, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx154("span", { className: "sr-only", children: "Close" })
-      ] })
-    ] })
-  ] });
-});
-
-// src/components/Sheet/SheetDescription.tsx
-import React107 from "react";
-import { Description as Description3 } from "@radix-ui/react-dialog";
-import { jsx as jsx155 } from "react/jsx-runtime";
-var SheetDescription = React107.forwardRef(function SheetDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx155(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
-});
-
-// src/components/Sheet/SheetFooter.tsx
-import "react";
-import { jsx as jsx156 } from "react/jsx-runtime";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx156("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 jsx157 } from "react/jsx-runtime";
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx157("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-
-// src/components/Sheet/SheetOverlay.tsx
-import React110 from "react";
-import { Overlay as Overlay4 } from "@radix-ui/react-dialog";
-import { jsx as jsx158 } from "react/jsx-runtime";
-var SheetOverlay = React110.forwardRef(function SheetOverlay2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx158(
-    Overlay4,
-    {
-      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",
-        className
-      ),
-      ...props,
-      ref
-    }
-  );
-});
-
-// src/components/Sheet/SheetTitle.tsx
-import React111 from "react";
-import { Title as Title3 } from "@radix-ui/react-dialog";
-import { jsx as jsx159 } from "react/jsx-runtime";
-var SheetTitle = React111.forwardRef(function SheetTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx159(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
-});
-
-// src/components/Sheet/Sheet.tsx
-var Sheet = Object.assign(Root18, {
-  Close: Close3,
-  Content: SheetContent,
-  Description: SheetDescription,
-  Footer: SheetFooter,
-  Header: SheetHeader,
-  Overlay: SheetOverlay,
-  Portal: Portal12,
-  Title: SheetTitle,
-  Trigger: Trigger10
-});
-
-// src/components/Spinner/Spinner.tsx
-import { jsx as jsx160 } from "react/jsx-runtime";
-var Spinner = ({ className, ...props }) => {
-  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",
-      style: {
-        borderRadius: "50%",
-        fontSize: "45px",
-        height: "1em",
-        textIndent: "-9999em",
-        transform: "translateZ(0)",
-        width: "1em"
-      }
-    }
-  ) });
-};
-
-// src/components/SpinnerIcon/SpinnerIcon.tsx
-import { jsx as jsx161 } from "react/jsx-runtime";
-var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx161(
-  "svg",
-  {
-    className: cn("animate-spin", className),
-    fill: "none",
-    height: "24",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    viewBox: "0 0 24 24",
-    width: "24",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsx161("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  }
-);
-
-// src/components/Switch/Switch.tsx
-import React112 from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx162 } from "react/jsx-runtime";
-var Switch = React112.forwardRef(function Switch2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx162(
-    SwitchPrimitives.Root,
-    {
-      className: cn(
-        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-        className
-      ),
-      ...props,
-      ref,
-      children: /* @__PURE__ */ jsx162(
-        SwitchPrimitives.Thumb,
-        {
-          className: cn(
-            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
-    }
-  );
-});
-
-// src/components/Table/TableBody.tsx
-import React113 from "react";
-import { jsx as jsx163 } from "react/jsx-runtime";
-var TableBody = React113.forwardRef(
-  function TableBody2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx163("tbody", { className: cn("[&_tr:last-child]:border-0", className), ref, ...props });
-  }
-);
-
-// src/components/Table/TableCaption.tsx
-import React114 from "react";
-import { jsx as jsx164 } from "react/jsx-runtime";
-var TableCaption = React114.forwardRef(
-  function TableCaption2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx164("caption", { className: cn("mt-4 text-sm text-muted-foreground", className), ref, ...props });
-  }
-);
-
-// src/components/Table/TableCell.tsx
-import React115 from "react";
-import { jsx as jsx165 } from "react/jsx-runtime";
-var TableCell = React115.forwardRef(
-  function TableCell2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx165("td", { className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ref, ...props });
-  }
-);
-
-// src/components/Table/TableFooter.tsx
-import React116 from "react";
-import { jsx as jsx166 } from "react/jsx-runtime";
-var TableFooter = React116.forwardRef(
-  function TableFooter2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx166(
-      "tfoot",
-      {
-        className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Table/TableHead.tsx
-import React117 from "react";
-import { jsx as jsx167 } from "react/jsx-runtime";
-var TableHead = React117.forwardRef(
-  function TableHead2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx167(
-      "th",
-      {
-        className: cn(
-          "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Table/TableHeader.tsx
-import React118 from "react";
-import { jsx as jsx168 } from "react/jsx-runtime";
-var TableHeader = React118.forwardRef(
-  function TableHeader2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx168("thead", { className: cn("[&_tr]:border-b", className), ref, ...props });
-  }
-);
-
-// src/components/Table/TableRoot.tsx
-import React119 from "react";
-import { jsx as jsx169 } from "react/jsx-runtime";
-var TableRoot = React119.forwardRef(function TableRoot2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx169("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx169("table", { className: cn("w-full caption-bottom text-sm", className), ref, ...props }) });
-});
-
-// src/components/Table/TableRow.tsx
-import React120 from "react";
-import { jsx as jsx170 } from "react/jsx-runtime";
-var TableRow = React120.forwardRef(
-  function TableRow2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx170(
-      "tr",
-      {
-        className: cn("hover:bg-muted/50 border-b transition-colors data-[state=selected]:bg-muted", className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Table/Table.tsx
-var Table = Object.assign(TableRoot, {
-  Body: TableBody,
-  Caption: TableCaption,
-  Cell: TableCell,
-  Footer: TableFooter,
-  Head: TableHead,
-  Header: TableHeader,
-  Row: TableRow
-});
-
-// src/components/Tabs/Tabs.tsx
-import * as TabsPrimitive4 from "@radix-ui/react-tabs";
-
-// src/components/Tabs/TabsContent.tsx
-import React121 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx171 } from "react/jsx-runtime";
-var TabsContent = React121.forwardRef(function TabsContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx171(
-    TabsPrimitive.Content,
-    {
-      className: cn(
-        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Tabs/TabsList.tsx
-import React122 from "react";
-import * as TabsPrimitive2 from "@radix-ui/react-tabs";
-import { jsx as jsx172 } from "react/jsx-runtime";
-var TabsList = React122.forwardRef(function TabsList2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx172(
-    TabsPrimitive2.List,
-    {
-      className: cn(
-        "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Tabs/TabsTrigger.tsx
-import React123 from "react";
-import * as TabsPrimitive3 from "@radix-ui/react-tabs";
-import { jsx as jsx173 } from "react/jsx-runtime";
-var TabsTrigger = React123.forwardRef(function TabsTrigger2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx173(
-    TabsPrimitive3.Trigger,
-    {
-      className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-
-// src/components/Tabs/Tabs.tsx
-var Tabs = Object.assign(TabsPrimitive4.Root, {
-  Content: TabsContent,
-  List: TabsList,
-  Trigger: TabsTrigger
-});
-
-// src/components/ThemeToggle/ThemeToggle.tsx
-import { MoonIcon, SunIcon } from "lucide-react";
-import { jsx as jsx174, jsxs as jsxs59 } from "react/jsx-runtime";
-var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
-  const [theme, setTheme] = useTheme();
-  const toggleTheme = () => {
-    setTheme(theme === "dark" ? "light" : "dark");
-  };
-  return /* @__PURE__ */ jsxs59(
-    Button,
-    {
-      size: "icon",
-      variant,
-      onClick: (event) => {
-        toggleTheme();
-        onClick?.(event);
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx174(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx174(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
-      ]
-    }
-  );
-};
-
-// src/components/Tooltip/TooltipContent.tsx
-import React124 from "react";
-import { Content as Content13 } from "@radix-ui/react-tooltip";
-import { jsx as jsx175 } from "react/jsx-runtime";
-var TooltipContent = React124.forwardRef(
-  function TooltipContent2({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
-    return /* @__PURE__ */ jsx175(
-      Content13,
-      {
-        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",
-          className
-        ),
-        collisionPadding,
-        ref,
-        sideOffset,
-        ...props
-      }
-    );
-  }
-);
-
-// src/components/Tooltip/TooltipRoot.tsx
-import "react";
-import { Provider, Root as Root21 } from "@radix-ui/react-tooltip";
-import { jsx as jsx176 } from "react/jsx-runtime";
-var TooltipRoot = ({ children, delayDuration = 0, skipDelayDuration = 300 }) => {
-  return /* @__PURE__ */ jsx176(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx176(Root21, { children }) });
-};
-
-// src/components/Tooltip/TooltipTrigger.tsx
-import React126 from "react";
-import { Trigger as Trigger12 } from "@radix-ui/react-tooltip";
-import { jsx as jsx177 } from "react/jsx-runtime";
-var TooltipTrigger = React126.forwardRef(
-  function TooltipTrigger2({ variant = "outline", ...props }, ref) {
-    return /* @__PURE__ */ jsx177(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx177(Button, { variant, ...props }) });
-  }
-);
-
-// src/components/Tooltip/Tooltip.tsx
-var Tooltip2 = Object.assign(TooltipRoot, {
-  Content: TooltipContent,
-  Trigger: TooltipTrigger
-});
-export {
-  Accordion,
-  AlertDialog,
-  ArrowToggle,
-  Avatar,
-  BUTTON_ICON_SIZE,
-  Badge,
-  Breadcrumb,
-  Button,
-  Card,
-  Checkbox,
-  Collapsible,
-  Command2 as Command,
-  ContextMenu,
-  DatePicker,
-  Dialog,
-  Drawer,
-  DropdownButton,
-  DropdownMenu,
-  ErrorBoundary,
-  ErrorFallback,
-  Form,
-  Heading,
-  HoverCard,
-  Input,
-  Label3 as Label,
-  LanguageToggle,
-  LegacyClientTable,
-  LegacyDropdown,
-  LegacyModal,
-  LegacySelectDropdown,
-  LegacySlider,
-  LegacyStepper,
-  LegacyTable,
-  LineGraph,
-  MenuBar,
-  NotificationHub,
-  Pagination,
-  Popover,
-  Progress,
-  RadioGroup4 as RadioGroup,
-  Resizable,
-  ScrollArea,
-  SearchBar,
-  Select,
-  Separator5 as Separator,
-  Sheet,
-  Slider,
-  Spinner,
-  SpinnerIcon,
-  Switch,
-  Table,
-  Tabs,
-  TextArea,
-  ThemeToggle,
-  Tooltip2 as Tooltip,
-  badgeVariants,
-  buttonVariants,
-  labelVariants
-};
-//# sourceMappingURL=index.js.map