@carlonicora/nextjs-jsonapi 1.0.4 → 1.0.6

package/dist/components/index.mjs

@@ -1,2438 +1,154 @@
 "use client";
 import {
-  errorToast
-} from "../chunk-DZXDB3K2.mjs";
-import {
-  ContributorsList,
-  UserAvatar
-} from "../chunk-A3J3AAYM.mjs";
-import {
-  AlertDialog,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
+  AcceptInvitation,
+  ActivateAccount,
+  AddUserToRole,
+  AdminCompanyContainer,
+  AdminUsersList,
+  AllowedUsersDetails,
+  AttributeElement,
+  AuthContainer,
+  BlockNoteEditorContainer,
   Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbList,
-  BreadcrumbSeparator,
-  Button,
-  Calendar,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Checkbox,
-  Command,
-  CommandDialog,
-  CommandEmpty,
-  CommandInput,
-  CommandList,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  Input,
-  Label,
-  Link,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  ResizableHandle,
-  ResizablePanel,
-  ResizablePanelGroup,
-  ScrollArea,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  SidebarTrigger,
-  Slider,
-  Switch,
-  Table,
-  TableBody,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  Textarea,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-  buttonVariants,
-  useSidebar
-} from "../chunk-IWFGEPAA.mjs";
-import {
-  cn
-} from "../chunk-2LM6LCJW.mjs";
-import {
-  useDebounce,
-  usePageUrlGenerator,
-  useTableGenerator,
-  useUrlRewriter
-} from "../chunk-WWWMJZEF.mjs";
-import {
-  useI18nDateFnsLocale,
-  useI18nLocale,
-  useI18nRouter,
-  useI18nTranslations
-} from "../chunk-X4BIHJ2B.mjs";
-import {
-  recentPagesAtom
-} from "../chunk-Q2N6SQYW.mjs";
-import {
-  useCurrentUserContext,
-  useSharedContext
-} from "../chunk-5W6AKZE6.mjs";
-import "../chunk-DD3KISNB.mjs";
+  CommonAssociationCommandDialog,
+  CommonAssociationTrigger,
+  CommonDeleter,
+  CommonEditorButtons,
+  CommonEditorHeader,
+  CommonEditorTrigger,
+  CompaniesList,
+  CompanyConfigurationEditor,
+  CompanyConfigurationSecurityForm,
+  CompanyContainer,
+  CompanyDeleter,
+  CompanyDetails,
+  CompanyEditor,
+  CompanyUsersList,
+  ContentListTable,
+  ContentTableSearch,
+  ContentTitle,
+  ContributorsList,
+  Cookies,
+  DatePickerPopover,
+  DateRangeSelector,
+  ErrorDetails,
+  FileInput,
+  FileUploader,
+  FileUploaderContent,
+  FileUploaderItem,
+  ForgotPassword,
+  FormCheckbox,
+  FormContainerGeneric,
+  FormDate,
+  FormDateTime,
+  FormFeatures,
+  FormInput,
+  FormPassword,
+  FormPlaceAutocomplete,
+  FormRoles,
+  FormSelect,
+  FormSlider,
+  FormSwitch,
+  FormTextarea,
+  Header,
+  LandingComponent,
+  Login,
+  Logout,
+  ModeToggleSwitch,
+  NotificationErrorBoundary,
+  NotificationMenuItem,
+  NotificationModal,
+  NotificationToast,
+  NotificationsList,
+  NotificationsListContainer,
+  PageContainer,
+  PageContainerContentDetails,
+  PageContentContainer,
+  PageSection,
+  PasswordInput,
+  PushNotificationProvider,
+  ReactMarkdownContainer,
+  RecentPagesNavigator,
+  RefreshUser,
+  RelevantUsersList,
+  RemoveUserFromRole,
+  ResetPassword,
+  RoleContainer,
+  RoleDetails,
+  RoleUsersList,
+  RolesList,
+  TabsContainer,
+  UserAvatar,
+  UserAvatarEditor,
+  UserContainer,
+  UserDeleter,
+  UserDetails,
+  UserEditor,
+  UserIndexContainer,
+  UserIndexDetails,
+  UserListInAdd,
+  UserMultiSelect,
+  UserReactivator,
+  UserResentInvitationEmail,
+  UserRoleAdd,
+  UserRolesList,
+  UserSelector,
+  UsersList,
+  UsersListByContentIds,
+  UsersListContainer,
+  cellComponent,
+  cellDate,
+  cellId,
+  cellLink,
+  cellUrl,
+  errorToast,
+  generateNotificationData,
+  triggerAssociationToast,
+  useFileUpload
+} from "../chunk-3APORDYP.mjs";
+import "../chunk-C7C7VY4F.mjs";
+import "../chunk-IWFGEPAA.mjs";
+import "../chunk-2LM6LCJW.mjs";
+import "../chunk-7C5RAEBO.mjs";
+import "../chunk-AUXK7QSA.mjs";
+import "../chunk-SM63SZCP.mjs";
+import "../chunk-74F6BBHH.mjs";
 import "../chunk-BLWVZK6J.mjs";
-import "../chunk-L6EQEAXU.mjs";
-import "../chunk-YDVTFM7X.mjs";
-import "../chunk-366S2JCC.mjs";
-import "../chunk-MFO27OHB.mjs";
-import {
-  __name
-} from "../chunk-PAWJFY3S.mjs";
-
-// src/components/navigations/Breadcrumb.tsx
-import { useTranslations } from "next-intl";
-import { Fragment, useState } from "react";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-var ITEMS_TO_DISPLAY = 3;
-function Breadcrumb2({ items }) {
-  const generateUrl = usePageUrlGenerator();
-  const t = useTranslations();
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Link, { href: generateUrl({ page: `/` }), children: t(`generic.home`) }) }),
-    items.length > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ jsxs(Fragment2, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ jsx(Link, { href: items[0].href, children: items[0].name }) : /* @__PURE__ */ jsx(Fragment2, { children: items[0].name }) }),
-      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: "flex items-center gap-1", "aria-label": "Toggle menu", children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: items.slice(1, -ITEMS_TO_DISPLAY + 1).map((item, index) => /* @__PURE__ */ jsx(DropdownMenuItem, { children: /* @__PURE__ */ jsx(Link, { href: item.href ? item.href : "#", children: item.name }) }, index)) })
-      ] }) }),
-      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-      items.slice(-ITEMS_TO_DISPLAY + 1).map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx(Link, { href: item.href, children: item.name }) : /* @__PURE__ */ jsx(Fragment2, { children: item.name }) }),
-        index < items.slice(-ITEMS_TO_DISPLAY + 1).length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
-      ] }, index))
-    ] }) : /* @__PURE__ */ jsx(Fragment2, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx(Link, { href: item.href, children: item.name }) : /* @__PURE__ */ jsx(Fragment2, { children: item.name }) }),
-      index < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
-    ] }, index)) })
-  ] }) });
-}
-__name(Breadcrumb2, "Breadcrumb");
-
-// src/components/navigations/ContentTitle.tsx
-import { useEffect, useState as useState2 } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ContentTitle({ type, element, functions, className }) {
-  const [clientFunctions, setClientFunctions] = useState2(null);
-  const [isClient, setIsClient] = useState2(false);
-  useEffect(() => {
-    setIsClient(true);
-    setClientFunctions(functions);
-  }, [functions]);
-  if (!element) return null;
-  return /* @__PURE__ */ jsxs2("div", { className: cn(`mb-4 flex w-full flex-col`, className), children: [
-    (type || isClient) && /* @__PURE__ */ jsxs2("div", { className: "flex flex-row items-center justify-between gap-x-4", children: [
-      type && /* @__PURE__ */ jsx2("div", { className: `text-muted-foreground text-xl font-light`, children: type }),
-      isClient && clientFunctions && /* @__PURE__ */ jsx2("div", { className: "flex flex-row items-center justify-start", children: clientFunctions })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: `text-primary w-full text-3xl font-semibold`, children: element })
-  ] });
-}
-__name(ContentTitle, "ContentTitle");
-
-// src/components/navigations/Header.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function Header({ children }) {
-  const { breadcrumbs } = useSharedContext();
-  return /* @__PURE__ */ jsx3("header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 border-b`, children: /* @__PURE__ */ jsxs3("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
-    /* @__PURE__ */ jsx3(SidebarTrigger, { "aria-label": "Toggle sidebar" }),
-    /* @__PURE__ */ jsx3("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx3(Breadcrumb2, { items: breadcrumbs }) }),
-    /* @__PURE__ */ jsx3("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: children ? children : null })
-  ] }) });
-}
-__name(Header, "Header");
-
-// src/components/navigations/ModeToggleSwitch.tsx
-import { MoonIcon, SunIcon } from "lucide-react";
-import { useTheme } from "next-themes";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function ModeToggleSwitch() {
-  const { theme, setTheme } = useTheme();
-  const handleToggle = /* @__PURE__ */ __name(() => {
-    setTheme(theme === "light" ? "dark" : "light");
-  }, "handleToggle");
-  return /* @__PURE__ */ jsx4("div", { className: "flex items-center", children: /* @__PURE__ */ jsx4(Switch, { checked: theme === "dark", onCheckedChange: handleToggle, className: "relative", children: theme === "dark" ? /* @__PURE__ */ jsx4(MoonIcon, { className: "text-primary-foreground h-4 w-4" }) : /* @__PURE__ */ jsx4(SunIcon, { className: "text-primary h-4 w-4" }) }) });
-}
-__name(ModeToggleSwitch, "ModeToggleSwitch");
-
-// src/components/navigations/PageSection.tsx
-import { ChevronDownIcon, ChevronRightIcon } from "lucide-react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
-import { v4 } from "uuid";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function PageSection({ children, title, options, open, small, onToggle }) {
-  const [isOpen, setIsOpen] = useState3(open ?? true);
-  const [shouldRender, setShouldRender] = useState3(open ?? true);
-  useEffect2(() => {
-    if (onToggle) {
-      onToggle(isOpen);
-    }
-  }, [isOpen]);
-  const toggleOpen = /* @__PURE__ */ __name(() => setIsOpen(!isOpen), "toggleOpen");
-  useEffect2(() => {
-    if (isOpen) {
-      setShouldRender(true);
-    } else {
-      const timer = setTimeout(() => setShouldRender(false), 300);
-      return () => clearTimeout(timer);
-    }
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxs4(
-    "section",
-    {
-      id: title ? title.toLowerCase().replaceAll(" ", "") : v4(),
-      className: `${isOpen ? "mb-4" : "my-0"} flex w-full scroll-mt-40 flex-col`,
-      children: [
-        title && /* @__PURE__ */ jsxs4(
-          "div",
-          {
-            className: `${isOpen ? "mb-4" : "mb-0"} flex w-full justify-between border-b ${small ? `border-muted` : `border-primary`} pb-1`,
-            children: [
-              /* @__PURE__ */ jsxs4("div", { className: "flex w-full cursor-pointer items-center justify-start gap-x-2", onClick: toggleOpen, children: [
-                isOpen ? /* @__PURE__ */ jsx5(ChevronDownIcon, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "text-primary h-4 w-4" }),
-                /* @__PURE__ */ jsx5("h2", { className: `flex w-full ${small === true ? `text-sm` : `text-lg`} text-primary font-semibold`, children: title })
-              ] }),
-              options && /* @__PURE__ */ jsx5("div", { className: "flex gap-2", children: options })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5("div", { className: `overflow-hidden transition-all duration-300 ${isOpen ? "" : "max-h-0"}`, children: shouldRender && children })
-      ]
-    }
-  );
-}
-__name(PageSection, "PageSection");
-
-// src/components/navigations/RecentPagesNavigator.tsx
-import { useAtomValue } from "jotai";
-import { HistoryIcon } from "lucide-react";
-import { useTranslations as useTranslations2 } from "next-intl";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function RecentPagesNavigator() {
-  const recentPages = useAtomValue(recentPagesAtom);
-  const t = useTranslations2();
-  const { state } = useSidebar();
-  if (recentPages.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("div", { className: "flex w-full cursor-pointer items-center gap-2", children: state === "collapsed" ? /* @__PURE__ */ jsx6(HistoryIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6("span", { children: t(`generic.recent_pages`) }) }) }),
-    /* @__PURE__ */ jsxs5(DropdownMenuContent, { align: "start", className: "w-96", children: [
-      /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: t(`generic.recent_pages`) }),
-      /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
-      recentPages.map((page, index) => /* @__PURE__ */ jsx6(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx6(Link, { href: page.url, className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx6("div", { className: "truncate text-sm", children: page.title }),
-        /* @__PURE__ */ jsx6("div", { className: "text-muted-foreground text-xs font-normal", children: t(`types.${page.moduleType}`, { count: 1 }) })
-      ] }) }) }, `${page.url}-${index}`))
-    ] })
-  ] });
-}
-__name(RecentPagesNavigator, "RecentPagesNavigator");
-
-// src/components/containers/PageContainer.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function PageContainer({ children, testId, className }) {
-  return /* @__PURE__ */ jsxs6("div", { className: `flex h-full w-full flex-col`, "data-testid": testId, children: [
-    /* @__PURE__ */ jsx7(Header, {}),
-    /* @__PURE__ */ jsx7("main", { className: cn(`flex w-full flex-1 flex-col gap-y-4 pt-4 pl-4 pr-4`, className), children })
-  ] });
-}
-__name(PageContainer, "PageContainer");
-
-// src/components/containers/ReactMarkdownContainer.tsx
-import { ChevronDown, ChevronUp } from "lucide-react";
-import { useTranslations as useTranslations3 } from "next-intl";
-import { useEffect as useEffect3, useRef, useState as useState4 } from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function ReactMarkdownContainer({
-  content,
-  collapsible = false,
-  initialLines = 4,
-  size = "normal"
-}) {
-  const t = useTranslations3("generic.buttons");
-  const [isExpanded, setIsExpanded] = useState4(false);
-  const [showExpandButton, setShowExpandButton] = useState4(false);
-  const contentRef = useRef(null);
-  useEffect3(() => {
-    if (collapsible && contentRef.current && !isExpanded) {
-      const isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight;
-      setShowExpandButton(isOverflowing);
-    }
-  }, [collapsible, content, isExpanded]);
-  const handleToggle = /* @__PURE__ */ __name(() => {
-    setIsExpanded(!isExpanded);
-  }, "handleToggle");
-  const clampStyle = collapsible && !isExpanded ? {
-    display: "-webkit-box",
-    WebkitLineClamp: initialLines,
-    WebkitBoxOrient: "vertical",
-    overflow: "hidden"
-  } : {};
-  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx8("div", { ref: contentRef, style: clampStyle, className: "transition-all duration-300 ease-in-out", children: /* @__PURE__ */ jsx8(
-        ReactMarkdown,
-        {
-          remarkPlugins: [remarkGfm],
-          components: {
-            p: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("p", { className: size === "small" ? "text-xs" : "", children }), "p"),
-            li: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("li", { className: size === "small" ? "text-xs" : "", children }), "li"),
-            table: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("table", { className: "w-full table-auto border-collapse border", children }), "table"),
-            th: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("th", { className: `border px-4 py-2 text-left ${size === "small" ? "px-2 py-1 text-xs" : ""}`, children }), "th"),
-            td: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("td", { className: `border px-4 py-2 ${size === "small" ? "px-2 py-1 text-xs" : ""}`, children }), "td"),
-            tr: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("tr", { className: "even:bg-gray-50", children }), "tr"),
-            ul: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("ul", { className: `list-disc ${size === "small" ? "pl-3" : "pl-4"}`, children }), "ul"),
-            ol: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("ol", { className: `list-decimal ${size === "small" ? "pl-3" : "pl-4"}`, children }), "ol"),
-            h1: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("h1", { className: size === "small" ? "my-1 mt-2 text-sm font-bold" : "my-2 mt-4 text-3xl font-medium", children }), "h1"),
-            h2: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8(
-              "h2",
-              {
-                className: size === "small" ? "my-1 mt-2 text-sm font-semibold" : "my-2 mt-4 text-2xl font-semibold",
-                children
-              }
-            ), "h2"),
-            h3: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("h3", { className: size === "small" ? "my-1 mt-2 text-sm font-medium" : "my-2 mt-4 text-xl font-semibold", children }), "h3"),
-            h4: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx8("h4", { className: size === "small" ? "my-1 mt-2 text-sm font-medium" : "my-2 mt-4 text-lg font-semibold", children }), "h4")
-          },
-          children: content
-        }
-      ) }),
-      collapsible && !isExpanded && showExpandButton && /* @__PURE__ */ jsx8("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 h-12 bg-gradient-to-t from-white to-transparent" })
-    ] }),
-    collapsible && showExpandButton && /* @__PURE__ */ jsx8("div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ jsxs7(
-      "button",
-      {
-        onClick: handleToggle,
-        className: "flex items-center gap-1 rounded-md px-3 py-1.5 text-sm text-gray-600 transition-colors hover:bg-gray-100 hover:text-gray-900",
-        "aria-label": isExpanded ? t("show_less") : t("show_more"),
-        children: [
-          /* @__PURE__ */ jsx8("span", { children: isExpanded ? t("show_less") : t("show_more") }),
-          isExpanded ? /* @__PURE__ */ jsx8(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx8(ChevronDown, { className: "h-4 w-4" })
-        ]
-      }
-    ) })
-  ] });
-}
-__name(ReactMarkdownContainer, "ReactMarkdownContainer");
-
-// src/components/containers/TabsContainer.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function TabsContainer({
-  tabs,
-  defaultTab,
-  tabsListClassName,
-  tabsTriggerClassName,
-  scrollAreaClassName,
-  style,
-  additionalComponent
-}) {
-  const { hasPermissionToModules } = useCurrentUserContext();
-  const validTabs = tabs.filter(
-    (tab) => tab.modules && tab.action ? hasPermissionToModules({ modules: tab.modules, action: tab.action }) : true
-  );
-  if (validTabs.length === 0) return null;
-  const defaultValue = defaultTab ?? tabs[0].label;
-  if (validTabs.length === 1) {
-    return validTabs[0].content;
-  }
-  return /* @__PURE__ */ jsxs8(Tabs, { defaultValue, className: "w-full", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between", children: [
-      /* @__PURE__ */ jsx9(
-        TabsList,
-        {
-          className: cn(
-            `${style ? `my-4 flex w-full justify-start rounded-none border-b bg-transparent pb-0` : ``}`,
-            tabsListClassName
-          ),
-          children: validTabs.map((tab) => /* @__PURE__ */ jsx9(
-            TabsTrigger,
-            {
-              value: tab.label,
-              className: cn(
-                `${style ? `text-muted-foreground border-accent data-[state=active]:text-foreground hover:text-foreground cursor-pointer rounded-none bg-transparent pb-2 text-sm font-light hover:border-0 data-[state=active]:border-b data-[state=active]:font-medium data-[state=active]:shadow-none` : `text-primary text-xs`}`,
-                tabsTriggerClassName
-              ),
-              children: tab.contentLabel ?? tab.label
-            },
-            tab.label
-          ))
-        }
-      ),
-      additionalComponent && additionalComponent
-    ] }),
-    scrollAreaClassName ? /* @__PURE__ */ jsx9(ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ jsx9(TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ jsx9(Fragment3, { children: validTabs.map((tab) => /* @__PURE__ */ jsx9(TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
-  ] });
-}
-__name(TabsContainer, "TabsContainer");
-
-// src/components/contents/AttributeElement.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function AttributeElement({ inline, title, value, className }) {
-  return /* @__PURE__ */ jsxs9("div", { className: cn(`flex ${inline === true ? "flex-row" : "flex-col"} my-1 justify-start`, className), children: [
-    title && /* @__PURE__ */ jsx10("div", { className: `${inline === true ? "min-w-48 pr-4" : "w-full"} text-sm font-semibold`, children: title }),
-    value && /* @__PURE__ */ jsx10("div", { className: "flex w-full flex-col text-sm", children: value })
-  ] });
-}
-__name(AttributeElement, "AttributeElement");
-
-// src/components/details/AllowedUsersDetails.tsx
-import { useTranslations as useTranslations4 } from "next-intl";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function AllowedUsersDetails({ showTitle, content }) {
-  const t = useTranslations4();
-  return /* @__PURE__ */ jsxs10("div", { className: "mb-2 flex w-full flex-col gap-y-2", children: [
-    showTitle && /* @__PURE__ */ jsx11("h3", { className: "text-xs font-semibold", children: t("generic.permissions") }),
-    /* @__PURE__ */ jsx11("div", { className: "flex w-full items-center justify-start gap-x-4", children: /* @__PURE__ */ jsx11(ContributorsList, { content }) })
-  ] });
-}
-__name(AllowedUsersDetails, "AllowedUsersDetails");
-
-// src/components/editors/BlockNoteEditorContainer.tsx
-import dynamic from "next/dynamic";
-import React from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("../BlockNoteEditor-UVO3VZZE.mjs"), {
-  ssr: false
-});
-var BlockNoteEditorContainer = React.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
-  return /* @__PURE__ */ jsx12(BlockNoteEditor, { ...props });
-}, "EditorContainer"));
-
-// src/components/errors/ErrorDetails.tsx
-import Image from "next/image";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function ErrorDetails({ title, message, code }) {
-  if (code === 403)
-    return /* @__PURE__ */ jsx13("div", { className: "w-xl max-w-xl", children: /* @__PURE__ */ jsxs11(Card, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs11(CardHeader, { children: [
-        /* @__PURE__ */ jsxs11(CardTitle, { className: "text-foreground flex flex-col items-center gap-y-4 pb-10 text-4xl", children: [
-          /* @__PURE__ */ jsx13(Image, { src: "/phlow-logo.webp", alt: "Phlow", width: 100, height: 100, priority: true }),
-          /* @__PURE__ */ jsx13("div", { children: "Unauthorised" })
-        ] }),
-        /* @__PURE__ */ jsx13(CardDescription, { className: "text-center text-lg", children: "We are sorry, but you are not allowed to access this content." })
-      ] }),
-      /* @__PURE__ */ jsx13(CardContent, {})
-    ] }) });
-  return /* @__PURE__ */ jsx13("div", { className: "w-xl max-w-xl", children: /* @__PURE__ */ jsxs11(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsxs11(CardHeader, { children: [
-      /* @__PURE__ */ jsxs11(CardTitle, { className: "text-foreground flex flex-col items-center gap-y-4 pb-10 text-center text-4xl", children: [
-        /* @__PURE__ */ jsx13(Image, { src: "/phlow-logo.webp", alt: "Phlow", width: 100, height: 100, priority: true }),
-        /* @__PURE__ */ jsx13("div", { children: code }),
-        /* @__PURE__ */ jsx13("div", { children: title })
-      ] }),
-      /* @__PURE__ */ jsx13(CardDescription, { className: "text-center text-lg", children: message })
-    ] }),
-    /* @__PURE__ */ jsx13(CardContent, {})
-  ] }) });
-}
-__name(ErrorDetails, "ErrorDetails");
-
-// src/components/forms/CommonAssociationForm.tsx
-import { useTranslations as useTranslations5 } from "next-intl";
-import { useCallback, useEffect as useEffect4, useRef as useRef2, useState as useState5 } from "react";
-import { toast } from "sonner";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function CommonAssociationTrigger({
-  sourceType,
-  destinationType,
-  hasDestination,
-  onTrigger
-}) {
-  const t = useTranslations5();
-  if (hasDestination)
-    return /* @__PURE__ */ jsx14("div", { className: "hover:text-accent cursor-pointer", onClick: onTrigger, children: "Join" });
-  return /* @__PURE__ */ jsx14(Button, { variant: `outline`, size: `sm`, onClick: onTrigger, children: t(`generic.association.label`, {
-    source: sourceType,
-    destination: destinationType
-  }) });
-}
-__name(CommonAssociationTrigger, "CommonAssociationTrigger");
-function CommonAssociationCommandDialog({
-  show,
-  setShow,
-  data,
-  source,
-  destination,
-  destinationName,
-  children
-}) {
-  const t = useTranslations5();
-  const searchTermRef = useRef2("");
-  const [searchTerm, setSearchTerm] = useState5("");
-  const refreshList = useCallback(
-    async (searchedTerm) => {
-      if (searchedTerm === searchTermRef.current) return;
-      searchTermRef.current = searchedTerm;
-      await data.search(searchedTerm);
-    },
-    [searchTerm, data]
-  );
-  const updateSearchTerm = useDebounce(refreshList, 500);
-  useEffect4(() => {
-    if (show) updateSearchTerm(searchTerm);
-  }, [show, searchTerm]);
-  return /* @__PURE__ */ jsxs12(CommandDialog, { open: show, onOpenChange: setShow, children: [
-    /* @__PURE__ */ jsxs12(DialogHeader, { className: "flex flex-col items-start p-4 pb-0", children: [
-      /* @__PURE__ */ jsx14(DialogTitle, { children: t(`generic.association.label`, {
-        source,
-        destination
-      }) }),
-      /* @__PURE__ */ jsx14(DialogDescription, { children: t(`generic.association.description`, {
-        source,
-        destination,
-        destination_name: destinationName
-      }) })
-    ] }),
-    /* @__PURE__ */ jsxs12(Command, { shouldFilter: false, className: "p-4", children: [
-      /* @__PURE__ */ jsx14(
-        CommandInput,
-        {
-          placeholder: t(`generic.search.placeholder`, { type: source }),
-          value: searchTerm,
-          onValueChange: setSearchTerm
-        }
-      ),
-      /* @__PURE__ */ jsxs12(CommandList, { className: "mt-3 h-auto max-h-96 min-h-96 max-w-full overflow-y-auto overflow-x-hidden", children: [
-        /* @__PURE__ */ jsx14(CommandEmpty, { children: t(`generic.search.no_results`, { type: source }) }),
-        children
-      ] })
-    ] })
-  ] });
-}
-__name(CommonAssociationCommandDialog, "CommonAssociationCommandDialog");
-var triggerAssociationToast = /* @__PURE__ */ __name((params) => {
-  if (params.level) {
-    toast.message(
-      params.t(`generic.association.label`, {
-        source: params.source,
-        destination: params.destination
-      }),
-      {
-        description: params.t(`generic.association.success_level`, {
-          source: params.source,
-          destination: params.destination,
-          source_name: params.source_name,
-          destination_name: params.destination_name,
-          level: params.level
-        })
-      }
-    );
-  } else {
-    toast.message(
-      params.t(`generic.association.label`, {
-        source: params.source,
-        destination: params.destination
-      }),
-      {
-        description: params.t(`generic.association.success`, {
-          source: params.source,
-          destination: params.destination,
-          source_name: params.source_name,
-          destination_name: params.destination_name
-        })
-      }
-    );
-  }
-}, "triggerAssociationToast");
-
-// src/components/forms/CommonDeleter.tsx
-import { LoaderCircleIcon, Trash2Icon } from "lucide-react";
-import { useState as useState6 } from "react";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-function CommonDeleter({ deleteFunction, redirectTo, type, forceShow }) {
-  const t = useI18nTranslations();
-  const router = useI18nRouter();
-  const [open, setOpen] = useState6(forceShow || false);
-  const [isDeleting, setIsDeleting] = useState6(false);
-  const handleDelete = /* @__PURE__ */ __name(async () => {
-    setIsDeleting(true);
-    try {
-      await deleteFunction();
-      setOpen(false);
-      if (redirectTo) router.push(redirectTo);
-    } catch (error) {
-      errorToast({ title: t(`generic.errors.delete`), error });
-    }
-    setIsDeleting(false);
-  }, "handleDelete");
-  return /* @__PURE__ */ jsxs13(AlertDialog, { open, onOpenChange: setOpen, children: [
-    forceShow ? null : /* @__PURE__ */ jsx15(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx15(Button, { size: "sm", variant: "ghost", className: "text-muted-foreground hover:text-destructive", children: /* @__PURE__ */ jsx15(Trash2Icon, {}) }) }),
-    /* @__PURE__ */ jsxs13(AlertDialogContent, { className: `flex max-h-[70vh] max-w-3xl flex-col overflow-y-auto`, children: [
-      /* @__PURE__ */ jsxs13(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx15(AlertDialogTitle, { children: t(`generic.delete.title`, { type: t(`types.${type}`, { count: 1 }) }) }),
-        /* @__PURE__ */ jsx15(AlertDialogDescription, { children: t(`generic.delete.subtitle`, { type: t(`types.${type}`, { count: 1 }) }) })
-      ] }),
-      /* @__PURE__ */ jsx15("div", { className: "text-destructive p-4 text-sm", children: t(`generic.delete.description`, { type: t(`types.${type}`, { count: 1 }) }) }),
-      /* @__PURE__ */ jsxs13("div", { className: "flex justify-end", children: [
-        /* @__PURE__ */ jsx15(
-          Button,
-          {
-            className: "mr-2",
-            variant: "outline",
-            type: `button`,
-            onClick: () => setOpen(false),
-            disabled: isDeleting,
-            children: t(`generic.buttons.cancel`)
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          Button,
-          {
-            type: "submit",
-            onClick: (e) => {
-              e.preventDefault();
-              handleDelete();
-            },
-            variant: "destructive",
-            disabled: isDeleting,
-            children: isDeleting ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-              t(`generic.buttons.is_deleting`),
-              /* @__PURE__ */ jsx15(LoaderCircleIcon, { className: "animate-spin-slow h-5 w-5" })
-            ] }) : t(`generic.buttons.delete`)
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-__name(CommonDeleter, "CommonDeleter");
-
-// src/components/forms/CommonEditorButtons.tsx
-import { useTranslations as useTranslations6 } from "next-intl";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function CommonEditorButtons({ isEdit, form, disabled, setOpen }) {
-  const t = useTranslations6();
-  return /* @__PURE__ */ jsxs14("div", { className: "flex justify-end", children: [
-    /* @__PURE__ */ jsx16(
-      Button,
-      {
-        className: "mr-2",
-        variant: "outline",
-        type: `button`,
-        onClick: () => setOpen(false),
-        "data-testid": `modal-button-cancel`,
-        children: t(`generic.buttons.cancel`)
-      }
-    ),
-    /* @__PURE__ */ jsx16(Button, { type: "submit", disabled: form.formState.isSubmitting || disabled, "data-testid": `modal-button-create`, children: isEdit ? t(`generic.buttons.confirm_update`) : t(`generic.buttons.confirm_create`) })
-  ] });
-}
-__name(CommonEditorButtons, "CommonEditorButtons");
-
-// src/components/forms/CommonEditorHeader.tsx
-import { useTranslations as useTranslations7 } from "next-intl";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-function CommonEditorHeader({ type, name }) {
-  const t = useTranslations7();
-  return /* @__PURE__ */ jsxs15(DialogHeader, { children: [
-    /* @__PURE__ */ jsx17(DialogTitle, { children: name ? t(`generic.edit.update.title`, {
-      type
-    }) : t(`generic.edit.create.title`, { type }) }),
-    /* @__PURE__ */ jsx17(DialogDescription, { children: name ? t(`generic.edit.update.description`, {
-      type,
-      name
-    }) : t(`generic.edit.create.description`, {
-      type
-    }) })
-  ] });
-}
-__name(CommonEditorHeader, "CommonEditorHeader");
-
-// src/components/forms/CommonEditorTrigger.tsx
-import { PencilIcon } from "lucide-react";
-import { useTranslations as useTranslations8 } from "next-intl";
-import { jsx as jsx18 } from "react/jsx-runtime";
-function CommonEditorTrigger({ isEdit, edit, create }) {
-  const t = useTranslations8();
-  return /* @__PURE__ */ jsx18(DialogTrigger, { asChild: true, children: isEdit ? /* @__PURE__ */ jsx18(Button, { size: "sm", variant: `ghost`, className: "text-muted-foreground", children: /* @__PURE__ */ jsx18(PencilIcon, {}) }) : /* @__PURE__ */ jsx18(Button, { size: "sm", variant: `outline`, children: create ? create : t(`generic.buttons.create`) }) });
-}
-__name(CommonEditorTrigger, "CommonEditorTrigger");
-
-// src/components/forms/DatePickerPopover.tsx
-import { isValid, parse } from "date-fns";
-import { Calendar as CalendarIcon, CircleXIcon } from "lucide-react";
-import { useMemo, useState as useState7 } from "react";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var DatePickerPopover = /* @__PURE__ */ __name(({
-  children,
-  value,
-  onSelect,
-  minDate,
-  align = "start",
-  className
-}) => {
-  const locale = useI18nLocale();
-  const dateFnsLocale = useI18nDateFnsLocale();
-  const [isOpen, setIsOpen] = useState7(false);
-  const [displayMonth, setDisplayMonth] = useState7(() => value || /* @__PURE__ */ new Date());
-  const dateFormatter = useMemo(
-    () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
-    [locale]
-  );
-  const formatDate = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
-  const datePlaceholder = useMemo(() => {
-    const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
-    return parts.map((part) => {
-      if (part.type === "day") return "dd";
-      if (part.type === "month") return "mm";
-      if (part.type === "year") return "yyyy";
-      return part.value;
-    }).join("");
-  }, [dateFormatter]);
-  const dateFormatPattern = useMemo(() => {
-    const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
-    return parts.map((part) => {
-      if (part.type === "day") return "dd";
-      if (part.type === "month") return "MM";
-      if (part.type === "year") return "yyyy";
-      return part.value;
-    }).join("");
-  }, [dateFormatter]);
-  const [inputValue, setInputValue] = useState7(() => value ? formatDate(value) : "");
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const yearOptions = Array.from({ length: currentYear - 1900 + 11 }, (_, i) => 1900 + i);
-  const monthNames = useMemo(() => {
-    const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
-    return Array.from({ length: 12 }, (_, i) => {
-      const monthName = formatter.format(new Date(2e3, i, 1));
-      return monthName.charAt(0).toUpperCase() + monthName.slice(1);
-    });
-  }, [locale]);
-  const handleInputChange = /* @__PURE__ */ __name((inputValue2) => {
-    setInputValue(inputValue2);
-    const parsedDate = parse(inputValue2, dateFormatPattern, /* @__PURE__ */ new Date());
-    if (isValid(parsedDate)) {
-      onSelect(parsedDate);
-      setDisplayMonth(parsedDate);
-    } else if (inputValue2 === "") {
-      onSelect(void 0);
-    }
-  }, "handleInputChange");
-  const handleCalendarSelect = /* @__PURE__ */ __name((selectedDate) => {
-    onSelect(selectedDate);
-    if (selectedDate) {
-      setInputValue(formatDate(selectedDate));
-      setDisplayMonth(selectedDate);
-    } else {
-      setInputValue("");
-    }
-    setIsOpen(false);
-  }, "handleCalendarSelect");
-  const handleClear = /* @__PURE__ */ __name((e) => {
-    e.stopPropagation();
-    onSelect(void 0);
-    setInputValue("");
-  }, "handleClear");
-  return /* @__PURE__ */ jsxs16(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx19(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx19(PopoverContent, { className: cn("w-auto p-0", className), align, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs16("div", { className: "p-3", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "relative mb-3", children: [
-        /* @__PURE__ */ jsx19(
-          Input,
-          {
-            value: inputValue,
-            onChange: (e) => handleInputChange(e.target.value),
-            placeholder: datePlaceholder,
-            className: "pr-16",
-            onClick: (e) => e.stopPropagation()
-          }
-        ),
-        /* @__PURE__ */ jsxs16("div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center space-x-1", children: [
-          /* @__PURE__ */ jsx19(
-            "button",
-            {
-              type: "button",
-              className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-              onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx19(CalendarIcon, { className: "h-4 w-4 opacity-50" })
-            }
-          ),
-          value && /* @__PURE__ */ jsx19(
-            "button",
-            {
-              type: "button",
-              className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx19(CircleXIcon, { className: "h-4 w-4 opacity-50 hover:opacity-100" })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "mb-3 flex gap-2", children: [
-        /* @__PURE__ */ jsxs16(
-          Select,
-          {
-            value: displayMonth.getMonth().toString(),
-            onValueChange: (value2) => {
-              const newMonth = parseInt(value2);
-              const newDate = new Date(displayMonth.getFullYear(), newMonth, 1);
-              setDisplayMonth(newDate);
-            },
-            children: [
-              /* @__PURE__ */ jsx19(SelectTrigger, { className: "w-[130px]", children: /* @__PURE__ */ jsx19(SelectValue, {}) }),
-              /* @__PURE__ */ jsx19(SelectContent, { children: monthNames.map((month, index) => /* @__PURE__ */ jsx19(SelectItem, { value: index.toString(), children: month }, index)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs16(
-          Select,
-          {
-            value: displayMonth.getFullYear().toString(),
-            onValueChange: (value2) => {
-              const newYear = parseInt(value2);
-              const newDate = new Date(newYear, displayMonth.getMonth(), 1);
-              setDisplayMonth(newDate);
-            },
-            children: [
-              /* @__PURE__ */ jsx19(SelectTrigger, { className: "w-[80px]", children: /* @__PURE__ */ jsx19(SelectValue, {}) }),
-              /* @__PURE__ */ jsx19(SelectContent, { children: yearOptions.reverse().map((year) => /* @__PURE__ */ jsx19(SelectItem, { value: year.toString(), children: year }, year)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx19(
-        Calendar,
-        {
-          mode: "single",
-          selected: value,
-          onSelect: handleCalendarSelect,
-          disabled: (date) => minDate && date < minDate ? true : false,
-          locale: dateFnsLocale,
-          weekStartsOn: 1,
-          month: displayMonth,
-          onMonthChange: setDisplayMonth
-        }
-      )
-    ] }) })
-  ] });
-}, "DatePickerPopover");
-
-// src/components/forms/DateRangeSelector.tsx
-import { format } from "date-fns";
-import { CalendarIcon as CalendarIcon2 } from "lucide-react";
-import { useEffect as useEffect5, useState as useState8 } from "react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth }) {
-  const [date, setDate] = useState8(
-    avoidSettingDates ? void 0 : {
-      from: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
-      to: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + 1, 0)
-    }
-  );
-  const [open, setOpen] = useState8(false);
-  const [prevRange, setPrevRange] = useState8(date);
-  useEffect5(() => {
-    if (date?.from && date?.to && date.to > date.from && (prevRange?.from?.getTime() !== date.from.getTime() || prevRange?.to?.getTime() !== date.to.getTime())) {
-      onDateChange(date);
-      setPrevRange(date);
-      setOpen(false);
-    }
-  }, [date, prevRange, onDateChange]);
-  const handleSelect = /* @__PURE__ */ __name((range) => {
-    if (!range) {
-      setDate(void 0);
-      return;
-    }
-    if (range.from && (!date?.from || range.from.getTime() !== date.from.getTime())) {
-      setDate({ from: range.from, to: void 0 });
-    } else {
-      setDate(range);
-    }
-  }, "handleSelect");
-  return /* @__PURE__ */ jsx20("div", { className: cn("grid gap-2"), children: /* @__PURE__ */ jsxs17(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx20(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
-      Button,
-      {
-        id: "date",
-        variant: "outline",
-        className: cn("w-[300px] justify-start text-left font-normal", !date && "text-muted-foreground"),
-        children: [
-          /* @__PURE__ */ jsx20(CalendarIcon2, {}),
-          date?.from ? date.to ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
-            format(date.from, "LLL dd, y"),
-            " - ",
-            format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx20("span", { children: "Pick a date" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx20(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 p-2", children: [
-      /* @__PURE__ */ jsx20(
-        Calendar,
-        {
-          mode: "range",
-          defaultMonth: date?.from ?? (showPreviousMonth ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 1) : void 0),
-          selected: date,
-          onSelect: handleSelect,
-          numberOfMonths: 2
-        }
-      ),
-      /* @__PURE__ */ jsx20(
-        Button,
-        {
-          variant: "secondary",
-          type: "button",
-          onClick: () => {
-            setDate(void 0);
-            setPrevRange(void 0);
-            onDateChange(void 0);
-            setOpen(false);
-          },
-          className: "cursor-pointer",
-          disabled: !date,
-          children: "Clear"
-        }
-      )
-    ] }) })
-  ] }) });
-}
-__name(DateRangeSelector, "DateRangeSelector");
-
-// src/components/forms/FileUploader.tsx
-import { Trash2 as RemoveIcon } from "lucide-react";
-import { useTranslations as useTranslations9 } from "next-intl";
-import {
-  createContext,
-  forwardRef,
-  useCallback as useCallback2,
-  useContext,
-  useEffect as useEffect6,
-  useRef as useRef3,
-  useState as useState9
-} from "react";
-import { useDropzone } from "react-dropzone";
-import { toast as toast2 } from "sonner";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
-var FileUploaderContext = createContext(null);
-var useFileUpload = /* @__PURE__ */ __name(() => {
-  const context = useContext(FileUploaderContext);
-  if (!context) {
-    throw new Error("useFileUpload must be used within a FileUploaderProvider");
-  }
-  return context;
-}, "useFileUpload");
-var FileUploader = forwardRef(
-  ({ className, dropzoneOptions, value, onValueChange, reSelect, orientation = "vertical", children, dir, ...props }, ref) => {
-    const [isFileTooBig, setIsFileTooBig] = useState9(false);
-    const [isLOF, setIsLOF] = useState9(false);
-    const [activeIndex, setActiveIndex] = useState9(-1);
-    const { maxFiles = 1, maxSize = 4 * 1024 * 1024, multiple = true } = dropzoneOptions;
-    const t = useTranslations9();
-    const reSelectAll = maxFiles === 1 ? true : reSelect;
-    const direction = dir === "rtl" ? "rtl" : "ltr";
-    const removeFileFromSet = useCallback2(
-      (i) => {
-        if (!value) return;
-        const newFiles = value.filter((_, index) => index !== i);
-        onValueChange(newFiles);
-      },
-      [value, onValueChange]
-    );
-    const handleKeyDown = useCallback2(
-      (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (!value) return;
-        const moveNext = /* @__PURE__ */ __name(() => {
-          const nextIndex = activeIndex + 1;
-          setActiveIndex(nextIndex > value.length - 1 ? 0 : nextIndex);
-        }, "moveNext");
-        const movePrev = /* @__PURE__ */ __name(() => {
-          const nextIndex = activeIndex - 1;
-          setActiveIndex(nextIndex < 0 ? value.length - 1 : nextIndex);
-        }, "movePrev");
-        const prevKey = orientation === "horizontal" ? direction === "ltr" ? "ArrowLeft" : "ArrowRight" : "ArrowUp";
-        const nextKey = orientation === "horizontal" ? direction === "ltr" ? "ArrowRight" : "ArrowLeft" : "ArrowDown";
-        if (e.key === nextKey) {
-          moveNext();
-        } else if (e.key === prevKey) {
-          movePrev();
-        } else if (e.key === "Enter" || e.key === "Space") {
-          if (activeIndex === -1) {
-            dropzoneState.inputRef.current?.click();
-          }
-        } else if (e.key === "Delete" || e.key === "Backspace") {
-          if (activeIndex !== -1) {
-            removeFileFromSet(activeIndex);
-            if (value.length - 1 === 0) {
-              setActiveIndex(-1);
-              return;
-            }
-            movePrev();
-          }
-        } else if (e.key === "Escape") {
-          setActiveIndex(-1);
-        }
-      },
-      [value, activeIndex, removeFileFromSet]
-    );
-    const onDrop = useCallback2(
-      (acceptedFiles, rejectedFiles) => {
-        const files = acceptedFiles;
-        if (!files) {
-          toast2.error(t("generic.errors.file"), {
-            description: t("generic.errors.file_large")
-          });
-          return;
-        }
-        const newValues = value ? [...value] : [];
-        if (reSelectAll) {
-          newValues.splice(0, newValues.length);
-        }
-        files.forEach((file) => {
-          if (newValues.length < maxFiles) {
-            newValues.push(file);
-          }
-        });
-        onValueChange(newValues);
-        if (rejectedFiles.length > 0) {
-          for (let i = 0; i < rejectedFiles.length; i++) {
-            if (rejectedFiles[i].errors[0]?.code === "file-too-large") {
-              toast2.error(t("generic.errors.file"), {
-                description: t(`generic.errors.file_max`, { size: maxSize / 1024 / 1024 })
-              });
-              break;
-            }
-            if (rejectedFiles[i].errors[0]?.message) {
-              toast2.error(t(`generic.errors.file`), {
-                description: rejectedFiles[i].errors[0].message
-              });
-              break;
-            }
-          }
-        }
-      },
-      [reSelectAll, value]
-    );
-    useEffect6(() => {
-      if (!value) return;
-      if (value.length === maxFiles) {
-        return;
-      }
-      setIsLOF(false);
-    }, [value, maxFiles]);
-    const opts = dropzoneOptions ? dropzoneOptions : { maxFiles, maxSize, multiple };
-    const dropzoneState = useDropzone({
-      ...opts,
-      onDrop,
-      onDropRejected: /* @__PURE__ */ __name(() => setIsFileTooBig(true), "onDropRejected"),
-      onDropAccepted: /* @__PURE__ */ __name(() => setIsFileTooBig(false), "onDropAccepted")
-    });
-    const { isDragActive } = dropzoneState;
-    return /* @__PURE__ */ jsx21(
-      FileUploaderContext.Provider,
-      {
-        value: {
-          dropzoneState,
-          isLOF,
-          isFileTooBig,
-          removeFileFromSet,
-          activeIndex,
-          setActiveIndex,
-          orientation,
-          direction
-        },
-        children: /* @__PURE__ */ jsx21(
-          "div",
-          {
-            ref,
-            tabIndex: 0,
-            onKeyDownCapture: handleKeyDown,
-            className: cn(
-              "grid w-full overflow-hidden focus:outline-none",
-              className,
-              // Original className from props
-              {
-                "gap-2": value && value.length > 0,
-                "bg-muted border-primary border-dashed": isDragActive
-                // Apply drag-active styles to the main FileUploader div
-              }
-            ),
-            dir,
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-FileUploader.displayName = "FileUploader";
-var FileUploaderContent = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const { orientation } = useFileUpload();
-    const containerRef = useRef3(null);
-    return /* @__PURE__ */ jsx21("div", { className: cn("w-full px-1"), ref: containerRef, "aria-description": "content file holder", children: /* @__PURE__ */ jsx21(
-      "div",
-      {
-        ...props,
-        ref,
-        className: cn(
-          "flex gap-1 rounded-xl",
-          orientation === "horizontal" ? "flex-raw flex-wrap" : "flex-col",
-          className
-        ),
-        children
-      }
-    ) });
-  }
-);
-FileUploaderContent.displayName = "FileUploaderContent";
-var FileUploaderItem = forwardRef(
-  ({ className, index, children, ...props }, ref) => {
-    const { removeFileFromSet, activeIndex, direction } = useFileUpload();
-    const isSelected = index === activeIndex;
-    const t = useTranslations9();
-    return /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        ref,
-        className: cn(
-          buttonVariants({ variant: "ghost" }),
-          "relative h-6 cursor-pointer justify-between p-1",
-          className,
-          isSelected ? "bg-muted" : ""
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx21("div", { className: "flex h-full w-full items-center gap-1.5 leading-none font-medium tracking-tight", children }),
-          /* @__PURE__ */ jsxs18(
-            "button",
-            {
-              type: "button",
-              className: cn("absolute", direction === "rtl" ? "top-1 left-1" : "top-1 right-1"),
-              onClick: () => removeFileFromSet(index),
-              children: [
-                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: t(`generic.remove_item`, { index }) }),
-                /* @__PURE__ */ jsx21(RemoveIcon, { className: "hover:stroke-destructive h-4 w-4 duration-200 ease-in-out" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-FileUploaderItem.displayName = "FileUploaderItem";
-var FileInput = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { dropzoneState, isFileTooBig, isLOF } = useFileUpload();
-    const rootProps = isLOF ? {} : dropzoneState.getRootProps();
-    const { isDragActive: parentIsDragActive } = dropzoneState;
-    return /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        ref,
-        ...props,
-        className: cn(`relative w-full ${isLOF ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`, className),
-        children: [
-          /* @__PURE__ */ jsx21(
-            "div",
-            {
-              className: cn(
-                "w-full rounded-lg duration-300 ease-in-out",
-                // Simpler border logic: if parent is drag-active, it controls the border.
-                // Otherwise, FileInput can show its own accept/reject/default border.
-                {
-                  "border-green-500": dropzoneState.isDragAccept && !parentIsDragActive,
-                  "border-red-500": (dropzoneState.isDragReject || isFileTooBig) && !parentIsDragActive,
-                  "border-gray-300": !dropzoneState.isDragAccept && !dropzoneState.isDragReject && !isFileTooBig && !parentIsDragActive
-                },
-                // className from props should be last to allow overrides if necessary
-                className
-              ),
-              ...rootProps,
-              children
-            }
-          ),
-          /* @__PURE__ */ jsx21(
-            Input,
-            {
-              ref: dropzoneState.inputRef,
-              disabled: isLOF,
-              ...dropzoneState.getInputProps(),
-              className: `${isLOF ? "cursor-not-allowed" : ""}`
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-FileInput.displayName = "FileInput";
-
-// src/components/forms/FormCheckbox.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-function FormCheckbox({ form, id, name, labelBefore, description, isRequired }) {
-  const simpleLabel = /* @__PURE__ */ __name(() => {
-    return /* @__PURE__ */ jsx22(FormLabel, { htmlFor: id, className: `font-normal ${labelBefore ? "" : "ml-3"}`, children: name });
-  }, "simpleLabel");
-  const label = /* @__PURE__ */ __name(() => {
-    if (description) return simpleLabel();
-    else
-      return /* @__PURE__ */ jsxs19(Tooltip, { children: [
-        /* @__PURE__ */ jsx22(TooltipTrigger, { asChild: true, children: simpleLabel() }),
-        /* @__PURE__ */ jsx22(TooltipContent, { children: description })
-      ] });
-  }, "label");
-  return /* @__PURE__ */ jsx22("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx22(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs19(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        /* @__PURE__ */ jsx22(FormControl, { children: /* @__PURE__ */ jsxs19("div", { className: "flex gap-x-4", children: [
-          labelBefore && label(),
-          labelBefore && isRequired && /* @__PURE__ */ jsx22("span", { className: "text-destructive ml-2 font-semibold", children: "*" }),
-          /* @__PURE__ */ jsx22(Checkbox, { id, defaultChecked: field.value, onCheckedChange: field.onChange }),
-          !labelBefore && label(),
-          !labelBefore && isRequired && /* @__PURE__ */ jsx22("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-        ] }) }),
-        /* @__PURE__ */ jsx22(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormCheckbox, "FormCheckbox");
-
-// src/components/forms/FormContainerGeneric.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
-function FormContainerGeneric({
-  form,
-  id,
-  name,
-  children,
-  isRequired = false
-}) {
-  return /* @__PURE__ */ jsx23("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx23(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs20(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        name && /* @__PURE__ */ jsxs20(FormLabel, { className: "flex items-center", children: [
-          /* @__PURE__ */ jsx23("span", { children: name }),
-          isRequired && /* @__PURE__ */ jsx23("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsx23(FormControl, { children }),
-        /* @__PURE__ */ jsx23(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormContainerGeneric, "FormContainerGeneric");
-
-// src/components/forms/FormDate.tsx
-import { isValid as isValid2, parse as parse2 } from "date-fns";
-import { Calendar as CalendarIcon3, CircleXIcon as CircleXIcon2 } from "lucide-react";
-import { useMemo as useMemo2, useState as useState10 } from "react";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
-function FormDate({
-  form,
-  id,
-  name,
-  minDate,
-  onChange,
-  isRequired = false
-}) {
-  const locale = useI18nLocale();
-  const dateFnsLocale = useI18nDateFnsLocale();
-  const [open, setOpen] = useState10(false);
-  const [displayMonth, setDisplayMonth] = useState10(() => {
-    const currentValue = form.getValues(id);
-    return currentValue || /* @__PURE__ */ new Date();
-  });
-  const dateFormatter = useMemo2(
-    () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
-    [locale]
-  );
-  const formatDate = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
-  const datePlaceholder = useMemo2(() => {
-    const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
-    return parts.map((part) => {
-      if (part.type === "day") return "dd";
-      if (part.type === "month") return "mm";
-      if (part.type === "year") return "yyyy";
-      return part.value;
-    }).join("");
-  }, [dateFormatter]);
-  const dateFormatPattern = useMemo2(() => {
-    const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
-    return parts.map((part) => {
-      if (part.type === "day") return "dd";
-      if (part.type === "month") return "MM";
-      if (part.type === "year") return "yyyy";
-      return part.value;
-    }).join("");
-  }, [dateFormatter]);
-  const [inputValue, setInputValue] = useState10(() => {
-    const currentValue = form.getValues(id);
-    return currentValue ? formatDate(currentValue) : "";
-  });
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const yearOptions = Array.from({ length: currentYear - 1900 + 1 }, (_, i) => 1900 + i);
-  const monthNames = useMemo2(() => {
-    const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
-    return Array.from({ length: 12 }, (_, i) => {
-      const monthName = formatter.format(new Date(2e3, i, 1));
-      return monthName.charAt(0).toUpperCase() + monthName.slice(1);
-    });
-  }, [locale]);
-  const handleInputChange = /* @__PURE__ */ __name((value, field) => {
-    setInputValue(value);
-    const parsedDate = parse2(value, dateFormatPattern, /* @__PURE__ */ new Date());
-    if (isValid2(parsedDate)) {
-      field.onChange(parsedDate);
-      setDisplayMonth(parsedDate);
-      if (onChange) onChange(parsedDate);
-    } else if (value === "") {
-      field.onChange(void 0);
-      if (onChange) onChange(void 0);
-    }
-  }, "handleInputChange");
-  const handleCalendarSelect = /* @__PURE__ */ __name((selectedDate, field) => {
-    field.onChange(selectedDate);
-    if (selectedDate) {
-      setInputValue(formatDate(selectedDate));
-      setDisplayMonth(selectedDate);
-    } else {
-      setInputValue("");
-    }
-    if (onChange) onChange(selectedDate);
-  }, "handleCalendarSelect");
-  return /* @__PURE__ */ jsx24("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx24(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs21(FormItem, { className: `${name ? "mb-5" : "mb-1"} w-full`, children: [
-        name && /* @__PURE__ */ jsxs21(FormLabel, { className: "dlex items-center", children: [
-          name,
-          " ",
-          isRequired && /* @__PURE__ */ jsx24("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsx24(FormControl, { children: /* @__PURE__ */ jsx24("div", { className: "relative", children: /* @__PURE__ */ jsxs21(Popover, { open, onOpenChange: setOpen, modal: true, children: [
-          /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx24(
-              Input,
-              {
-                value: inputValue,
-                onChange: (e) => handleInputChange(e.target.value, field),
-                placeholder: datePlaceholder,
-                className: "pr-16"
-              }
-            ),
-            /* @__PURE__ */ jsxs21("div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center space-x-1", children: [
-              /* @__PURE__ */ jsx24(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
-                "button",
-                {
-                  type: "button",
-                  className: "hover:bg-muted flex h-8 w-8 items-center justify-center rounded-md",
-                  children: /* @__PURE__ */ jsx24(CalendarIcon3, { className: "h-4 w-4 opacity-50" })
-                }
-              ) }),
-              field.value && /* @__PURE__ */ jsx24(
-                "button",
-                {
-                  type: "button",
-                  className: "hover:bg-muted flex h-8 w-8 items-center justify-center rounded-md",
-                  onClick: () => {
-                    field.onChange(void 0);
-                    setInputValue("");
-                    if (onChange) onChange(void 0);
-                  },
-                  children: /* @__PURE__ */ jsx24(CircleXIcon2, { className: "h-4 w-4 opacity-50 hover:opacity-100" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx24(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs21("div", { className: "p-3", children: [
-            /* @__PURE__ */ jsxs21("div", { className: "mb-3 flex gap-2", children: [
-              /* @__PURE__ */ jsxs21(
-                Select,
-                {
-                  value: displayMonth.getMonth().toString(),
-                  onValueChange: (value) => {
-                    const newMonth = parseInt(value);
-                    const newDate = new Date(displayMonth.getFullYear(), newMonth, 1);
-                    setDisplayMonth(newDate);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-[130px]", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
-                    /* @__PURE__ */ jsx24(SelectContent, { children: monthNames.map((month, index) => /* @__PURE__ */ jsx24(SelectItem, { value: index.toString(), children: month }, index)) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs21(
-                Select,
-                {
-                  value: displayMonth.getFullYear().toString(),
-                  onValueChange: (value) => {
-                    const newYear = parseInt(value);
-                    const newDate = new Date(newYear, displayMonth.getMonth(), 1);
-                    setDisplayMonth(newDate);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-[80px]", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
-                    /* @__PURE__ */ jsx24(SelectContent, { children: yearOptions.reverse().map((year) => /* @__PURE__ */ jsx24(SelectItem, { value: year.toString(), children: year }, year)) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx24(
-              Calendar,
-              {
-                mode: "single",
-                selected: field.value,
-                onSelect: (e) => {
-                  handleCalendarSelect(e, field);
-                  setOpen(false);
-                },
-                disabled: (date) => minDate && date < minDate ? true : false,
-                locale: dateFnsLocale,
-                weekStartsOn: 1,
-                month: displayMonth,
-                onMonthChange: setDisplayMonth
-              }
-            )
-          ] }) })
-        ] }) }) }),
-        /* @__PURE__ */ jsx24(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormDate, "FormDate");
-
-// src/components/forms/FormDateTime.tsx
-import { Calendar as CalendarIcon4, CircleXIcon as CircleXIcon3 } from "lucide-react";
-import { useMemo as useMemo3, useState as useState11 } from "react";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
-function FormDateTime({
-  form,
-  id,
-  name,
-  minDate,
-  onChange,
-  allowEmpty
-}) {
-  const [open, setOpen] = useState11(false);
-  const t = useI18nTranslations();
-  const locale = useI18nLocale();
-  const dateFnsLocale = useI18nDateFnsLocale();
-  const dateTimeFormatter = useMemo3(
-    () => new Intl.DateTimeFormat(locale, {
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    }),
-    [locale]
-  );
-  const formatDateTime = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
-  const [selectedHours, setSelectedHours] = useState11((/* @__PURE__ */ new Date()).getHours());
-  const [selectedMinutes, setSelectedMinutes] = useState11(roundToNearestFiveMinutes((/* @__PURE__ */ new Date()).getMinutes()));
-  const hoursOptions = Array.from({ length: 24 }, (_, i) => {
-    const hour = i;
-    return {
-      value: hour,
-      label: hour.toString().padStart(2, "0")
-    };
-  });
-  const minutesOptions = Array.from({ length: 12 }, (_, i) => {
-    const minute = i * 5;
-    return {
-      value: minute,
-      label: minute.toString().padStart(2, "0")
-    };
-  });
-  function roundToNearestFiveMinutes(minutes) {
-    return Math.round(minutes / 5) * 5 % 60;
-  }
-  __name(roundToNearestFiveMinutes, "roundToNearestFiveMinutes");
-  const handleTimeChange = /* @__PURE__ */ __name((hours, minutes) => {
-    const currentDate = form.getValues(id);
-    if (currentDate) {
-      const updatedDate = new Date(currentDate);
-      updatedDate.setHours(hours);
-      updatedDate.setMinutes(minutes);
-      form.setValue(id, updatedDate);
-      if (onChange) onChange(updatedDate);
-    }
-  }, "handleTimeChange");
-  return /* @__PURE__ */ jsx25("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx25(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs22(FormItem, { className: `${name ? "mb-5" : "mb-1"} w-full`, children: [
-        name && /* @__PURE__ */ jsx25(FormLabel, { children: name }),
-        /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsx25("div", { className: "relative flex flex-row", children: /* @__PURE__ */ jsxs22(Popover, { open, onOpenChange: setOpen, modal: true, children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex w-full flex-row items-center justify-between", children: [
-            /* @__PURE__ */ jsx25(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsxs22(
-              Button,
-              {
-                variant: "outline",
-                className: cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground"),
-                children: [
-                  field.value ? formatDateTime(field.value) : /* @__PURE__ */ jsx25("span", { children: t(`generic.pick_date_time`) }),
-                  /* @__PURE__ */ jsx25(CalendarIcon4, { className: "ml-auto h-4 w-4 opacity-50" })
-                ]
-              }
-            ) }) }),
-            field.value && allowEmpty !== false && /* @__PURE__ */ jsx25(
-              CircleXIcon3,
-              {
-                className: "text-muted hover:text-destructive ml-2 h-6 w-6 cursor-pointer",
-                onClick: () => {
-                  if (onChange) onChange(void 0);
-                  form.setValue(id, "");
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx25(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col space-y-4", children: [
-            /* @__PURE__ */ jsx25(
-              Calendar,
-              {
-                mode: "single",
-                selected: field.value,
-                onSelect: (date) => {
-                  if (date) {
-                    const newDate = new Date(date);
-                    if (field.value) {
-                      const currentDate = new Date(field.value);
-                      newDate.setHours(currentDate.getHours(), currentDate.getMinutes());
-                    } else {
-                      newDate.setHours(selectedHours, selectedMinutes);
-                    }
-                    form.setValue(id, newDate);
-                    if (onChange) onChange(newDate);
-                    setSelectedHours(newDate.getHours());
-                    setSelectedMinutes(roundToNearestFiveMinutes(newDate.getMinutes()));
-                  }
-                },
-                disabled: (date) => minDate && date < minDate ? true : false,
-                locale: dateFnsLocale
-              }
-            ),
-            /* @__PURE__ */ jsxs22("div", { className: "flex flex-row items-end justify-center space-x-4", children: [
-              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col space-y-2", children: [
-                /* @__PURE__ */ jsx25(Label, { htmlFor: "hours-select", children: t(`generic.hours`) }),
-                /* @__PURE__ */ jsxs22(
-                  Select,
-                  {
-                    value: String(field.value ? new Date(field.value).getHours() : selectedHours),
-                    onValueChange: (value) => {
-                      const hours = parseInt(value);
-                      setSelectedHours(hours);
-                      handleTimeChange(
-                        hours,
-                        field.value ? roundToNearestFiveMinutes(new Date(field.value).getMinutes()) : selectedMinutes
-                      );
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx25(SelectTrigger, { id: "hours-select", className: "w-[70px]", children: /* @__PURE__ */ jsx25(SelectValue, { placeholder: "Hour" }) }),
-                      /* @__PURE__ */ jsx25(SelectContent, { children: hoursOptions.map((option) => /* @__PURE__ */ jsx25(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx25("div", { className: "mb-[9px] text-xl", children: ":" }),
-              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col space-y-2", children: [
-                /* @__PURE__ */ jsx25(Label, { htmlFor: "minutes-select", children: t(`generic.minutes`) }),
-                /* @__PURE__ */ jsxs22(
-                  Select,
-                  {
-                    value: String(
-                      field.value ? roundToNearestFiveMinutes(new Date(field.value).getMinutes()) : selectedMinutes
-                    ),
-                    onValueChange: (value) => {
-                      const minutes = parseInt(value);
-                      setSelectedMinutes(minutes);
-                      handleTimeChange(field.value ? new Date(field.value).getHours() : selectedHours, minutes);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx25(SelectTrigger, { id: "minutes-select", className: "w-[70px]", children: /* @__PURE__ */ jsx25(SelectValue, { placeholder: "Min" }) }),
-                      /* @__PURE__ */ jsx25(SelectContent, { children: minutesOptions.map((option) => /* @__PURE__ */ jsx25(SelectItem, { value: String(option.value), children: option.label }, option.value)) })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx25(
-              Button,
-              {
-                className: "mt-2",
-                onClick: () => {
-                  setOpen(false);
-                },
-                children: t(`generic.buttons.select_date`)
-              }
-            )
-          ] }) })
-        ] }) }) }),
-        /* @__PURE__ */ jsx25(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormDateTime, "FormDateTime");
-
-// src/components/forms/FormInput.tsx
-import { useTranslations as useTranslations10 } from "next-intl";
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
-function FormInput({
-  form,
-  id,
-  name,
-  placeholder,
-  type,
-  onBlur,
-  disabled,
-  onKeyDown,
-  autoFocus,
-  onChange,
-  testId,
-  isRequired = false
-}) {
-  const t = useTranslations10();
-  return /* @__PURE__ */ jsx26("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx26(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => {
-        const handleBlur = /* @__PURE__ */ __name(async (e) => {
-          let value = e.target.value;
-          if (type === "link" && value) {
-            if (!/^https?:\/\//i.test(value)) {
-              value = "https://" + value;
-              field.onChange(value);
-            }
-            try {
-              new URL(value);
-              form.clearErrors(id);
-            } catch (error) {
-              form.setError(id, {
-                type: "validate",
-                message: t(`generic.errors.valid_url`)
-              });
-            }
-          }
-          if (onBlur) await onBlur();
-          field.onBlur();
-        }, "handleBlur");
-        return /* @__PURE__ */ jsxs23(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-          name && /* @__PURE__ */ jsxs23(FormLabel, { className: "flex items-center", children: [
-            name,
-            isRequired && /* @__PURE__ */ jsx26("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx26(FormControl, { children: /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-            type === "currency" && /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground absolute top-0 left-0 pt-2 pl-3", children: "\u20AC" }),
-            /* @__PURE__ */ jsx26(
-              Input,
-              {
-                "data-testid": testId,
-                ...field,
-                autoFocus: autoFocus === true,
-                type: type === "number" || type === "currency" ? "number" : type === "password" ? "password" : "text",
-                className: `w-full ${type === "number" || type === "currency" ? "text-end" : ""}`,
-                disabled: disabled === true || form.formState.isSubmitting,
-                placeholder: placeholder || "",
-                onBlur: handleBlur,
-                onKeyDown,
-                onChange: (e) => {
-                  if (type === "number" || type === "currency") {
-                    const value = e.target.value.replace(/[^0-9]/g, "");
-                    field.onChange(+value);
-                    if (onChange) onChange(+value);
-                  } else {
-                    field.onChange(e.target.value);
-                    if (onChange) onChange(e.target.value);
-                  }
-                }
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsx26(FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
-        ] });
-      }
-    }
-  ) });
-}
-__name(FormInput, "FormInput");
-
-// src/components/forms/PasswordInput.tsx
-import * as React2 from "react";
-import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { useTranslations as useTranslations11 } from "next-intl";
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
-var PasswordInput = React2.forwardRef(({ className, type, ...props }, ref) => {
-  const [showPassword, setShowPassword] = React2.useState(false);
-  const disabled = props.value === "" || props.value === void 0 || props.disabled;
-  const t = useTranslations11();
-  return /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx27(Input, { type: showPassword ? "text" : "password", className: cn("", className), ref, ...props }),
-    /* @__PURE__ */ jsxs24(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
-        onClick: () => setShowPassword((prev) => !prev),
-        disabled,
-        children: [
-          showPassword && !disabled ? /* @__PURE__ */ jsx27(EyeIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx27(EyeOffIcon, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx27("span", { className: "sr-only", children: showPassword ? t(`generic.hide_password`) : t(`generic.show_password`) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx27("style", { children: `
-					.hide-password-toggle::-ms-reveal,
-					.hide-password-toggle::-ms-clear {
-						visibility: hidden;
-						pointer-events: none;
-						display: none;
-					}
-				` })
-  ] });
-});
-PasswordInput.displayName = "PasswordInput";
-
-// src/components/forms/FormPassword.tsx
-import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
-function FormPassword({
-  form,
-  id,
-  name,
-  placeholder,
-  onBlur,
-  disabled,
-  testId,
-  isRequired
-}) {
-  return /* @__PURE__ */ jsx28("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx28(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs25(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        name && /* @__PURE__ */ jsxs25(FormLabel, { children: [
-          name,
-          isRequired && /* @__PURE__ */ jsx28("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsx28(FormControl, { children: /* @__PURE__ */ jsx28(
-          PasswordInput,
-          {
-            ...field,
-            className: `w-full`,
-            disabled: disabled === true || form.formState.isSubmitting,
-            placeholder: placeholder ? placeholder : "",
-            onBlur,
-            "data-testid": testId
-          }
-        ) }),
-        /* @__PURE__ */ jsx28(FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
-      ] })
-    }
-  ) });
-}
-__name(FormPassword, "FormPassword");
-
-// src/components/forms/FormPlaceAutocomplete.tsx
-import { useEffect as useEffect7, useRef as useRef4, useState as useState13 } from "react";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
-function FormPlaceAutocomplete({
-  form,
-  id,
-  name,
-  placeholder,
-  disabled,
-  testId,
-  isRequired = false,
-  onPlaceSelect,
-  className,
-  includeTypes
-}) {
-  const [inputValue, setInputValue] = useState13("");
-  const [suggestions, setSuggestions] = useState13([]);
-  const [isLoading, setIsLoading] = useState13(false);
-  const [showSuggestions, setShowSuggestions] = useState13(false);
-  const [loadError, setLoadError] = useState13(false);
-  const [apiKey, setApiKey] = useState13(null);
-  const debounceRef = useRef4(null);
-  const containerRef = useRef4(null);
-  useEffect7(() => {
-    const key = process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY;
-    if (!key) {
-      console.error("Google Maps API key not found. Please set NEXT_PUBLIC_GOOGLE_MAPS_API_KEY environment variable.");
-      setLoadError(true);
-      return;
-    }
-    setApiKey(key);
-  }, []);
-  useEffect7(() => {
-    const formValue = form.getValues(id);
-    if (formValue !== inputValue) {
-      setInputValue(formValue || "");
-    }
-  }, [form.watch(id), id, inputValue]);
-  const fetchSuggestions = /* @__PURE__ */ __name(async (input) => {
-    if (!apiKey) return;
-    try {
-      setIsLoading(true);
-      const response = await fetch(`https://places.googleapis.com/v1/places:autocomplete`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "X-Goog-Api-Key": apiKey
-        },
-        body: JSON.stringify({
-          input,
-          includedPrimaryTypes: includeTypes || ["street_address", "premise", "subpremise"],
-          languageCode: "en"
-        })
-      });
-      if (!response.ok) {
-        throw new Error(`Places API error: ${response.status}`);
-      }
-      const data = await response.json();
-      if (data.suggestions) {
-        const formattedSuggestions = data.suggestions.map((suggestion) => ({
-          place_id: suggestion.placePrediction?.placeId || "",
-          description: suggestion.placePrediction?.text?.text || "",
-          structured_formatting: {
-            main_text: suggestion.placePrediction?.structuredFormat?.mainText?.text || "",
-            secondary_text: suggestion.placePrediction?.structuredFormat?.secondaryText?.text || ""
-          }
-        }));
-        setSuggestions(formattedSuggestions);
-        setShowSuggestions(true);
-      } else {
-        setSuggestions([]);
-      }
-    } catch (error) {
-      console.error("Error fetching place suggestions:", error);
-      setSuggestions([]);
-    } finally {
-      setIsLoading(false);
-    }
-  }, "fetchSuggestions");
-  const handleInputChange = /* @__PURE__ */ __name((value) => {
-    setInputValue(value);
-    form.setValue(id, value);
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-    }
-    if (value.length > 2 && apiKey) {
-      debounceRef.current = setTimeout(() => {
-        fetchSuggestions(value);
-      }, 300);
-    } else {
-      setSuggestions([]);
-      setShowSuggestions(false);
-      setIsLoading(false);
-    }
-  }, "handleInputChange");
-  const handleSuggestionSelect = /* @__PURE__ */ __name((suggestion) => {
-    setInputValue(suggestion.description);
-    form.setValue(id, suggestion.description);
-    setShowSuggestions(false);
-    setSuggestions([]);
-    if (onPlaceSelect) {
-      onPlaceSelect(suggestion);
-    }
-  }, "handleSuggestionSelect");
-  useEffect7(() => {
-    const handleClickOutside = /* @__PURE__ */ __name((event) => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setShowSuggestions(false);
-      }
-    }, "handleClickOutside");
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  useEffect7(() => {
-    return () => {
-      if (debounceRef.current) {
-        clearTimeout(debounceRef.current);
-      }
-    };
-  }, []);
-  if (loadError) {
-    return /* @__PURE__ */ jsx29("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx29(
-      FormField,
-      {
-        control: form.control,
-        name: id,
-        render: ({ field }) => /* @__PURE__ */ jsxs26(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-          name && /* @__PURE__ */ jsxs26(FormLabel, { className: "flex items-center", children: [
-            name,
-            isRequired && /* @__PURE__ */ jsx29("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx29(FormControl, { children: /* @__PURE__ */ jsx29(
-            Input,
-            {
-              ...field,
-              placeholder,
-              disabled,
-              "data-testid": testId,
-              className: cn("w-full", className)
-            }
-          ) }),
-          /* @__PURE__ */ jsx29(FormMessage, {})
-        ] })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx29("div", { className: "flex w-full flex-col", ref: containerRef, children: /* @__PURE__ */ jsx29(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs26(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        name && /* @__PURE__ */ jsxs26(FormLabel, { className: "flex items-center", children: [
-          name,
-          isRequired && /* @__PURE__ */ jsx29("span", { className: "text-destructive ml-2 font-semibold", children: "*" })
-        ] }),
-        /* @__PURE__ */ jsx29(FormControl, { children: /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx29(
-            Input,
-            {
-              value: inputValue,
-              onChange: (e) => handleInputChange(e.target.value),
-              onBlur: field.onBlur,
-              onFocus: () => {
-                if (suggestions.length > 0) {
-                  setShowSuggestions(true);
-                }
-              },
-              placeholder,
-              disabled: disabled || !apiKey,
-              "data-testid": testId,
-              className: cn("w-full", className)
-            }
-          ),
-          isLoading && /* @__PURE__ */ jsx29("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx29("div", { className: "border-primary h-4 w-4 animate-spin rounded-full border-2 border-t-transparent" }) }),
-          showSuggestions && suggestions.length > 0 && /* @__PURE__ */ jsx29("div", { className: "bg-background absolute left-0 right-0 top-full z-50 mt-1 max-h-60 overflow-auto rounded-md border shadow-lg", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs26(
-            "div",
-            {
-              className: "hover:bg-muted cursor-pointer px-3 py-2 text-sm",
-              onClick: () => handleSuggestionSelect(suggestion),
-              children: [
-                /* @__PURE__ */ jsx29("div", { className: "font-medium", children: suggestion.structured_formatting?.main_text }),
-                /* @__PURE__ */ jsx29("div", { className: "text-muted-foreground", children: suggestion.structured_formatting?.secondary_text })
-              ]
-            },
-            suggestion.place_id || index
-          )) })
-        ] }) }),
-        /* @__PURE__ */ jsx29(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormPlaceAutocomplete, "FormPlaceAutocomplete");
-
-// src/components/forms/FormSelect.tsx
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
-function FormSelect({
-  form,
-  id,
-  name,
-  placeholder,
-  disabled,
-  values,
-  onChange,
-  useRows,
-  testId
-}) {
-  return /* @__PURE__ */ jsx30("div", { className: `flex w-full flex-col`, children: /* @__PURE__ */ jsx30(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs27(FormItem, { className: `flex w-full ${useRows ? `flex-row items-center justify-between gap-x-4` : `flex-col`}`, children: [
-        name && /* @__PURE__ */ jsx30(FormLabel, { className: `${useRows ? `min-w-28` : ``}`, children: name }),
-        /* @__PURE__ */ jsxs27(
-          Select,
-          {
-            onValueChange: (e) => {
-              field.onChange(e);
-              if (onChange) onChange(e);
-            },
-            defaultValue: field.value,
-            "data-testid": testId,
-            children: [
-              /* @__PURE__ */ jsx30(FormControl, { className: "w-full", children: /* @__PURE__ */ jsx30(SelectTrigger, { children: /* @__PURE__ */ jsx30(SelectValue, { placeholder }) }) }),
-              /* @__PURE__ */ jsx30(SelectContent, { children: values.map((type) => /* @__PURE__ */ jsx30(SelectItem, { value: type.id, children: type.text }, type.id)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx30(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormSelect, "FormSelect");
-
-// src/components/forms/FormSlider.tsx
-import { useWatch } from "react-hook-form";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
-function FormSlider({
-  form,
-  id,
-  name,
-  disabled,
-  showPercentage
-}) {
-  const value = useWatch({ control: form.control, name: id });
-  return /* @__PURE__ */ jsx31("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx31(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs28(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        name && /* @__PURE__ */ jsx31(FormLabel, { children: name }),
-        /* @__PURE__ */ jsx31(FormControl, { children: /* @__PURE__ */ jsxs28("div", { children: [
-          showPercentage && /* @__PURE__ */ jsx31("div", { className: "text-muted-foreground mb-2 flex w-full justify-center text-xs", children: `${value}%` }),
-          /* @__PURE__ */ jsx31(
-            Slider,
-            {
-              onValueChange: (value2) => form.setValue(id, value2[0]),
-              value: [value],
-              max: 100,
-              step: 5,
-              disabled: disabled === true || form.formState.isSubmitting
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx31(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormSlider, "FormSlider");
-
-// src/components/forms/FormSwitch.tsx
-import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
-function FormSwitch({ form, id, name, disabled }) {
-  return /* @__PURE__ */ jsx32("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx32(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs29(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        /* @__PURE__ */ jsx32(FormControl, { children: /* @__PURE__ */ jsxs29("div", { className: "flex flex-row gap-x-4", children: [
-          /* @__PURE__ */ jsx32(Switch, { checked: field.value, onCheckedChange: field.onChange }),
-          name && /* @__PURE__ */ jsx32(FormLabel, { children: name })
-        ] }) }),
-        /* @__PURE__ */ jsx32(FormMessage, {})
-      ] })
-    }
-  ) });
-}
-__name(FormSwitch, "FormSwitch");
-
-// src/components/forms/FormTextarea.tsx
-import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
-function FormTextarea({
-  form,
-  id,
-  name,
-  className,
-  placeholder,
-  testId
-}) {
-  return /* @__PURE__ */ jsx33("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx33(
-    FormField,
-    {
-      control: form.control,
-      name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs30(FormItem, { className: "mb-5", children: [
-        /* @__PURE__ */ jsx33(FormLabel, { children: name }),
-        /* @__PURE__ */ jsx33(FormControl, { children: /* @__PURE__ */ jsx33(
-          Textarea,
-          {
-            ...field,
-            className: cn("min-h-96 w-full", className),
-            disabled: form.formState.isSubmitting,
-            placeholder,
-            "data-testid": testId
-          }
-        ) }),
-        /* @__PURE__ */ jsx33(FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
-      ] })
-    }
-  ) });
-}
-__name(FormTextarea, "FormTextarea");
-
-// src/components/pages/PageContainerContentDetails.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState14 } from "react";
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
-function PageContainerContentDetails({ items, section, module, id }) {
-  const rewriteUrl = useUrlRewriter();
-  const [isScrolled, setIsScrolled] = useState14(false);
-  const sentinelRef = useRef5(null);
-  useEffect8(() => {
-    const sentinel = sentinelRef.current;
-    if (!sentinel) return;
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        setIsScrolled(!entry.isIntersecting);
-      },
-      {
-        threshold: 0,
-        rootMargin: "0px"
-      }
-    );
-    observer.observe(sentinel);
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs31(
-    Tabs,
-    {
-      defaultValue: section || items[0].title,
-      onValueChange: (a) => rewriteUrl({ page: module, id, childPage: a }),
-      children: [
-        /* @__PURE__ */ jsx34("div", { ref: sentinelRef, className: "h-0" }),
-        /* @__PURE__ */ jsx34("div", { className: `bg-background sticky top-0 z-10 mb-2 pb-2 transition-shadow ${isScrolled ? "border-b" : ""}`, children: /* @__PURE__ */ jsx34(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx34(TabsTrigger, { value: item.title, children: item.title }, item.title)) }) }),
-        /* @__PURE__ */ jsx34("div", { className: "pr-4", children: items.map((item) => /* @__PURE__ */ jsx34(TabsContent, { value: item.title, children: item.content }, item.title)) })
-      ]
-    }
-  );
-}
-__name(PageContainerContentDetails, "PageContainerContentDetails");
-
-// src/components/pages/PageContentContainer.tsx
-import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
-function PageContentContainer({ details, footer, content }) {
-  return /* @__PURE__ */ jsx35("div", { className: "flex h-[calc(100vh-(--spacing(16)))] w-full", children: /* @__PURE__ */ jsxs32(ResizablePanelGroup, { direction: "horizontal", className: "items-stretch", autoSaveId: "page-content-layout", children: [
-    /* @__PURE__ */ jsx35(ResizablePanel, { id: "left-panel", defaultSize: 32, minSize: 20, maxSize: 40, children: /* @__PURE__ */ jsxs32("div", { className: "@container flex h-full flex-col pr-4", children: [
-      /* @__PURE__ */ jsx35("div", { className: "flex-1 overflow-y-auto", children: details }),
-      footer && /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-y-2 pt-2 pb-2", children: footer })
-    ] }) }),
-    /* @__PURE__ */ jsx35(ResizableHandle, { withHandle: true }),
-    /* @__PURE__ */ jsx35(ResizablePanel, { id: "right-panel", className: "pl-4", children: /* @__PURE__ */ jsx35("div", { className: "h-full overflow-y-auto", children: content }) })
-  ] }) });
-}
-__name(PageContentContainer, "PageContentContainer");
-
-// src/components/tables/cells/cell.component.tsx
-var cellComponent = /* @__PURE__ */ __name((params) => {
-  return {
-    id: params.name,
-    accessorKey: params.name,
-    header: params.title,
-    cell: /* @__PURE__ */ __name(({ row }) => params.component, "cell"),
-    enableSorting: false,
-    enableHiding: false
-  };
-}, "cellComponent");
-
-// src/components/tables/cells/cell.date.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var cellDate = /* @__PURE__ */ __name((params) => {
-  return {
-    id: params.name,
-    accessorKey: params.name,
-    header: params.title,
-    cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx36("span", { className: "text-muted-foreground text-xs", children: row.getValue(params.name).toLocaleDateString("en", { dateStyle: "medium" }) }), "cell"),
-    enableSorting: false,
-    enableHiding: false
-  };
-}, "cellDate");
-
-// src/components/tables/cells/cell.id.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var cellId = /* @__PURE__ */ __name((params) => {
-  return {
-    id: params.name,
-    accessorKey: params.name,
-    header: "",
-    cell: /* @__PURE__ */ __name(({ row }) => params.toggleId ? /* @__PURE__ */ jsx37(
-      Checkbox,
-      {
-        checked: params.checkedIds?.includes(row.getValue(params.name)) || false,
-        onCheckedChange: (value) => {
-          row.toggleSelected(!!value);
-          params.toggleId?.(row.getValue(params.name));
-        },
-        "aria-label": "Select row"
-      }
-    ) : null, "cell"),
-    enableSorting: false,
-    enableHiding: true
-  };
-}, "cellId");
-
-// src/components/tables/cells/cell.link.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var cellLink = /* @__PURE__ */ __name((params) => {
-  return {
-    id: params.name,
-    accessorKey: params.name,
-    header: params.title,
-    cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx38(Link, { href: params.generateUrl(row.getValue(params.id)), children: row.getValue(params.name) }), "cell"),
-    enableSorting: false,
-    enableHiding: false
-  };
-}, "cellLink");
-
-// src/components/tables/cells/cell.url.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var cellUrl = /* @__PURE__ */ __name((params) => {
-  return {
-    id: params.name,
-    accessorKey: params.name,
-    header: params.title,
-    cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx39(Link, { href: row.getValue(params.name), children: row.getValue(params.name) }), "cell"),
-    enableSorting: false,
-    enableHiding: false
-  };
-}, "cellUrl");
-
-// src/components/tables/ContentListTable.tsx
-import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
-import { CaretLeftIcon, CaretRightIcon } from "@radix-ui/react-icons";
-import { memo, useMemo as useMemo4 } from "react";
-
-// src/components/tables/ContentTableSearch.tsx
-import { RefreshCw, Search, X } from "lucide-react";
-import { useTranslations as useTranslations12 } from "next-intl";
-import { useCallback as useCallback3, useEffect as useEffect9, useRef as useRef6, useState as useState15 } from "react";
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
-function ContentTableSearch({ data }) {
-  const t = useTranslations12();
-  const searchTermRef = useRef6("");
-  const inputRef = useRef6(null);
-  const [searchTerm, setSearchTerm] = useState15("");
-  const [isFocused, setIsFocused] = useState15(false);
-  const [isSearching, setIsSearching] = useState15(false);
-  const isExpanded = isFocused || searchTerm.length > 0;
-  const search = useCallback3(
-    async (searchedTerm) => {
-      try {
-        if (searchedTerm === searchTermRef.current) return;
-        searchTermRef.current = searchedTerm;
-        await data.search(searchedTerm);
-      } finally {
-        setIsSearching(false);
-      }
-    },
-    [searchTermRef, data]
-  );
-  const updateSearchTerm = useDebounce(search, 500);
-  useEffect9(() => {
-    setIsSearching(true);
-    updateSearchTerm(searchTerm);
-  }, [updateSearchTerm, searchTerm]);
-  const handleSearchIconClick = /* @__PURE__ */ __name(() => {
-    if (!isExpanded) {
-      setIsFocused(true);
-      setTimeout(() => inputRef.current?.focus(), 50);
-    }
-  }, "handleSearchIconClick");
-  const handleBlur = /* @__PURE__ */ __name(() => {
-    if (searchTerm.length === 0) {
-      setIsFocused(false);
-    }
-  }, "handleBlur");
-  const handleClear = /* @__PURE__ */ __name(() => {
-    setSearchTerm("");
-    search("");
-    setIsFocused(false);
-  }, "handleClear");
-  return /* @__PURE__ */ jsxs33(
-    "div",
-    {
-      className: `relative flex h-6 items-center text-xs font-normal transition-all duration-300 ease-in-out ${isExpanded ? "w-64" : "w-6"}`,
-      children: [
-        /* @__PURE__ */ jsx40(
-          Search,
-          {
-            className: `absolute top-1 left-1 h-4 w-4 transition-colors ${isExpanded ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground cursor-pointer"}`,
-            onClick: handleSearchIconClick
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsx40(
-          Input,
-          {
-            ref: inputRef,
-            onKeyDown: (e) => {
-              if (e.key === "Escape") {
-                handleClear();
-              }
-            },
-            onFocus: () => setIsFocused(true),
-            onBlur: handleBlur,
-            placeholder: t(`generic.search.placeholder_global`),
-            type: "text",
-            className: "border-border/50 focus-visible:border-border h-10 w-full pr-8 pl-8 text-xs shadow-none focus-visible:ring-0",
-            onChange: (e) => setSearchTerm(e.target.value),
-            value: searchTerm
-          }
-        ),
-        isExpanded && isSearching && /* @__PURE__ */ jsx40(RefreshCw, { className: "text-muted-foreground absolute top-1 right-1 h-4 w-4 animate-spin" }),
-        isExpanded && !isSearching && searchTermRef.current && /* @__PURE__ */ jsx40(
-          X,
-          {
-            className: "text-muted-foreground hover:text-foreground absolute top-1 right-1 h-4 w-4 cursor-pointer",
-            onClick: handleClear
-          }
-        )
-      ]
-    }
-  );
-}
-__name(ContentTableSearch, "ContentTableSearch");
-
-// src/components/tables/ContentListTable.tsx
-import { Fragment as Fragment6, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
-var EMPTY_ARRAY = [];
-var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(props) {
-  const { data, fields, checkedIds, toggleId, allowSearch, filters } = props;
-  const { data: tableData, columns: tableColumns } = useTableGenerator(props.tableGeneratorType, {
-    data: data?.data ?? EMPTY_ARRAY,
-    fields,
-    checkedIds,
-    toggleId,
-    dataRetriever: data,
-    context: props.context
-  });
-  const columnVisibility = useMemo4(
-    () => fields.reduce(
-      (acc, columnId) => {
-        acc[columnId] = true;
-        return acc;
-      },
-      {}
-    ),
-    [fields]
-  );
-  const table = useReactTable({
-    data: tableData,
-    columns: tableColumns,
-    getCoreRowModel: getCoreRowModel(),
-    initialState: {
-      columnVisibility
-    }
-  });
-  const rowModel = tableData ? table.getRowModel() : null;
-  const showFooter = !!(props.functions || data.next || data.previous);
-  return /* @__PURE__ */ jsx41("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx41("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsxs34(Table, { children: [
-    /* @__PURE__ */ jsxs34(TableHeader, { className: "bg-muted font-semibold", children: [
-      props.title && /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableHead, { className: "bg-card text-primary p-4 text-left font-bold", colSpan: tableColumns.length, children: /* @__PURE__ */ jsxs34("div", { className: "flex w-full items-center justify-between gap-x-2", children: [
-        /* @__PURE__ */ jsx41("div", { className: "w-full", children: props.title }),
-        (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs34(Fragment6, { children: [
-          props.functions,
-          props.filters,
-          /* @__PURE__ */ jsx41(ContentTableSearch, { data })
-        ] })
-      ] }) }) }),
-      table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx41(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsx41(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
-      }) }, headerGroup.id))
-    ] }),
-    /* @__PURE__ */ jsx41(TableBody, { children: rowModel && rowModel.rows?.length ? rowModel.rows.map((row) => /* @__PURE__ */ jsx41(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx41(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: "No results." }) }) }),
-    showFooter && /* @__PURE__ */ jsx41(TableFooter, { children: /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: tableColumns.length, className: "bg-card py-4 text-right", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-end space-x-2", children: [
-      /* @__PURE__ */ jsx41(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: (e) => {
-            e.preventDefault();
-            data.previous?.(true);
-          },
-          disabled: !data.previous,
-          children: /* @__PURE__ */ jsx41(CaretLeftIcon, { className: "h-4 w-4" })
-        }
-      ),
-      data.pageInfo && /* @__PURE__ */ jsxs34("span", { className: "text-muted-foreground text-xs", children: [
-        data.pageInfo.startItem,
-        "-",
-        data.pageInfo.endItem
-      ] }),
-      /* @__PURE__ */ jsx41(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: (e) => {
-            e.preventDefault();
-            data.next?.(true);
-          },
-          disabled: !data.next,
-          children: /* @__PURE__ */ jsx41(CaretRightIcon, { className: "h-4 w-4" })
-        }
-      )
-    ] }) }) }) })
-  ] }) }) });
-}, "ContentListTable"));
+import "../chunk-Q2N6SQYW.mjs";
+import "../chunk-PYF2U6WG.mjs";
+import "../chunk-RBIVEH2K.mjs";
+import "../chunk-DD3KISNB.mjs";
+import "../chunk-PAWJFY3S.mjs";
 export {
+  AcceptInvitation,
+  ActivateAccount,
+  AddUserToRole,
+  AdminCompanyContainer,
+  AdminUsersList,
   AllowedUsersDetails,
   AttributeElement,
+  AuthContainer,
   BlockNoteEditorContainer,
-  Breadcrumb2 as Breadcrumb,
+  Breadcrumb,
   CommonAssociationCommandDialog,
   CommonAssociationTrigger,
   CommonDeleter,
   CommonEditorButtons,
   CommonEditorHeader,
   CommonEditorTrigger,
+  CompaniesList,
+  CompanyConfigurationEditor,
+  CompanyConfigurationSecurityForm,
+  CompanyContainer,
+  CompanyDeleter,
+  CompanyDetails,
+  CompanyEditor,
+  CompanyUsersList,
   ContentListTable,
   ContentTableSearch,
   ContentTitle,
   ContributorsList,
+  Cookies,
   DatePickerPopover,
   DateRangeSelector,
   ErrorDetails,
@@ -2440,34 +156,73 @@ export {
   FileUploader,
   FileUploaderContent,
   FileUploaderItem,
+  ForgotPassword,
   FormCheckbox,
   FormContainerGeneric,
   FormDate,
   FormDateTime,
+  FormFeatures,
   FormInput,
   FormPassword,
   FormPlaceAutocomplete,
+  FormRoles,
   FormSelect,
   FormSlider,
   FormSwitch,
   FormTextarea,
   Header,
+  LandingComponent,
+  Login,
+  Logout,
   ModeToggleSwitch,
+  NotificationErrorBoundary,
+  NotificationMenuItem,
+  NotificationModal,
+  NotificationToast,
+  NotificationsList,
+  NotificationsListContainer,
   PageContainer,
   PageContainerContentDetails,
   PageContentContainer,
   PageSection,
   PasswordInput,
+  PushNotificationProvider,
   ReactMarkdownContainer,
   RecentPagesNavigator,
+  RefreshUser,
+  RelevantUsersList,
+  RemoveUserFromRole,
+  ResetPassword,
+  RoleContainer,
+  RoleDetails,
+  RoleUsersList,
+  RolesList,
   TabsContainer,
   UserAvatar,
+  UserAvatarEditor,
+  UserContainer,
+  UserDeleter,
+  UserDetails,
+  UserEditor,
+  UserIndexContainer,
+  UserIndexDetails,
+  UserListInAdd,
+  UserMultiSelect,
+  UserReactivator,
+  UserResentInvitationEmail,
+  UserRoleAdd,
+  UserRolesList,
+  UserSelector,
+  UsersList,
+  UsersListByContentIds,
+  UsersListContainer,
   cellComponent,
   cellDate,
   cellId,
   cellLink,
   cellUrl,
   errorToast,
+  generateNotificationData,
   triggerAssociationToast,
   useFileUpload
 };