@carlonicora/nextjs-jsonapi 0.0.1

package/dist/components/index.js

@@ -0,0 +1,2474 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkRUR22SVMjs = require('../chunk-RUR22SVM.js');
+
+
+
+var _chunkAWONBQQPjs = require('../chunk-AWONBQQP.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkA5DDIABKjs = require('../chunk-A5DDIABK.js');
+
+
+var _chunkJC3WJK65js = require('../chunk-JC3WJK65.js');
+
+
+
+
+
+var _chunkFY4SXJGUjs = require('../chunk-FY4SXJGU.js');
+
+
+
+
+
+var _chunkCXQOWQSYjs = require('../chunk-CXQOWQSY.js');
+
+
+var _chunk3FBCC4G3js = require('../chunk-3FBCC4G3.js');
+
+
+
+var _chunkRAF7PNLGjs = require('../chunk-RAF7PNLG.js');
+require('../chunk-6GKHCVF6.js');
+require('../chunk-4HCRAOS5.js');
+require('../chunk-I2REI7OA.js');
+require('../chunk-TEGF6ZWG.js');
+require('../chunk-J4Q36PMP.js');
+require('../chunk-DO2HLAZO.js');
+
+
+var _chunk7QVYU63Ejs = require('../chunk-7QVYU63E.js');
+
+// src/components/navigations/Breadcrumb.tsx
+var _nextintl = require('next-intl');
+var _react = require('react'); var React2 = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var ITEMS_TO_DISPLAY = 3;
+function Breadcrumb2({ items }) {
+  const generateUrl = _chunkFY4SXJGUjs.usePageUrlGenerator.call(void 0, );
+  const t = _nextintl.useTranslations.call(void 0, );
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Breadcrumb, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.BreadcrumbList, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: generateUrl({ page: `/` }), children: t(`generic.home`) }) }),
+    items.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbSeparator, {}),
+    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: items[0].href, children: items[0].name }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: items[0].name }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbSeparator, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbItem, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.DropdownMenu, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuTrigger, { className: "flex items-center gap-1", "aria-label": "Toggle menu", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbEllipsis, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuContent, { align: "start", children: items.slice(1, -ITEMS_TO_DISPLAY + 1).map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: item.href ? item.href : "#", children: item.name }) }, index)) })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbSeparator, {}),
+      items.slice(-ITEMS_TO_DISPLAY + 1).map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbItem, { children: item.href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: item.href, children: item.name }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: item.name }) }),
+        index < items.slice(-ITEMS_TO_DISPLAY + 1).length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbSeparator, {})
+      ] }, index))
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbItem, { children: item.href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: item.href, children: item.name }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: item.name }) }),
+      index < items.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.BreadcrumbSeparator, {})
+    ] }, index)) })
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, Breadcrumb2, "Breadcrumb");
+
+// src/components/navigations/ContentTitle.tsx
+
+
+function ContentTitle({ type, element, functions, className }) {
+  const [clientFunctions, setClientFunctions] = _react.useState.call(void 0, null);
+  const [isClient, setIsClient] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setIsClient(true);
+    setClientFunctions(functions);
+  }, [functions]);
+  if (!element) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkJC3WJK65js.cn.call(void 0, `mb-4 flex w-full flex-col`, className), children: [
+    (type || isClient) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center justify-between gap-x-4", children: [
+      type && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `text-muted-foreground text-xl font-light`, children: type }),
+      isClient && clientFunctions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-row items-center justify-start", children: clientFunctions })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `text-primary w-full text-3xl font-semibold`, children: element })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ContentTitle, "ContentTitle");
+
+// src/components/navigations/Header.tsx
+
+function Header({ children }) {
+  const { breadcrumbs } = _chunkRAF7PNLGjs.useSharedContext.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 border-b`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SidebarTrigger, { "aria-label": "Toggle sidebar" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Breadcrumb2, { items: breadcrumbs }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: children ? children : null })
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, Header, "Header");
+
+// src/components/navigations/ModeToggleSwitch.tsx
+var _lucidereact = require('lucide-react');
+var _nextthemes = require('next-themes');
+
+function ModeToggleSwitch() {
+  const { theme, setTheme } = _nextthemes.useTheme.call(void 0, );
+  const handleToggle = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    setTheme(theme === "light" ? "dark" : "light");
+  }, "handleToggle");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Switch, { checked: theme === "dark", onCheckedChange: handleToggle, className: "relative", children: theme === "dark" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoonIcon, { className: "text-primary-foreground h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SunIcon, { className: "text-primary h-4 w-4" }) }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ModeToggleSwitch, "ModeToggleSwitch");
+
+// src/components/navigations/PageSection.tsx
+
+
+var _uuid = require('uuid');
+
+function PageSection({ children, title, options, open, small, onToggle }) {
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, _nullishCoalesce(open, () => ( true)));
+  const [shouldRender, setShouldRender] = _react.useState.call(void 0, _nullishCoalesce(open, () => ( true)));
+  _react.useEffect.call(void 0, () => {
+    if (onToggle) {
+      onToggle(isOpen);
+    }
+  }, [isOpen]);
+  const toggleOpen = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => setIsOpen(!isOpen), "toggleOpen");
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) {
+      setShouldRender(true);
+    } else {
+      const timer = setTimeout(() => setShouldRender(false), 300);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "section",
+    {
+      id: title ? title.toLowerCase().replaceAll(" ", "") : _uuid.v4.call(void 0, ),
+      className: `${isOpen ? "mb-4" : "my-0"} flex w-full scroll-mt-40 flex-col`,
+      children: [
+        title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: `${isOpen ? "mb-4" : "mb-0"} flex w-full justify-between border-b ${small ? `border-muted` : `border-primary`} pb-1`,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full cursor-pointer items-center justify-start gap-x-2", onClick: toggleOpen, children: [
+                isOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "text-primary h-4 w-4" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `flex w-full ${small === true ? `text-sm` : `text-lg`} text-primary font-semibold`, children: title })
+              ] }),
+              options && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2", children: options })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden transition-all duration-300 ${isOpen ? "" : "max-h-0"}`, children: shouldRender && children })
+      ]
+    }
+  );
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PageSection, "PageSection");
+
+// src/components/navigations/RecentPagesNavigator.tsx
+var _jotai = require('jotai');
+
+
+
+function RecentPagesNavigator() {
+  const recentPages = _jotai.useAtomValue.call(void 0, _chunk3FBCC4G3js.recentPagesAtom);
+  const t = _nextintl.useTranslations.call(void 0, );
+  const { state } = _chunkA5DDIABKjs.useSidebar.call(void 0, );
+  if (recentPages.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full cursor-pointer items-center gap-2", children: state === "collapsed" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.HistoryIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t(`generic.recent_pages`) }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.DropdownMenuContent, { align: "start", className: "w-96", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuLabel, { children: t(`generic.recent_pages`) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuSeparator, {}),
+      recentPages.map((page, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: page.url, className: "flex items-center gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "truncate text-sm", children: page.title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs font-normal", children: t(`types.${page.moduleType}`, { count: 1 }) })
+      ] }) }) }, `${page.url}-${index}`))
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, RecentPagesNavigator, "RecentPagesNavigator");
+
+// src/components/containers/PageContainer.tsx
+
+function PageContainer({ children, testId, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex h-full w-full flex-col`, "data-testid": testId, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunkJC3WJK65js.cn.call(void 0, `flex w-full flex-1 flex-col gap-y-4 pt-4 pl-4 pr-4`, className), children })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PageContainer, "PageContainer");
+
+// src/components/containers/ReactMarkdownContainer.tsx
+
+
+
+var _reactmarkdown = require('react-markdown'); var _reactmarkdown2 = _interopRequireDefault(_reactmarkdown);
+var _remarkgfm = require('remark-gfm'); var _remarkgfm2 = _interopRequireDefault(_remarkgfm);
+
+function ReactMarkdownContainer({
+  content,
+  collapsible = false,
+  initialLines = 4,
+  size = "normal"
+}) {
+  const t = _nextintl.useTranslations.call(void 0, "generic.buttons");
+  const [isExpanded, setIsExpanded] = _react.useState.call(void 0, false);
+  const [showExpandButton, setShowExpandButton] = _react.useState.call(void 0, false);
+  const contentRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (collapsible && contentRef.current && !isExpanded) {
+      const isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight;
+      setShowExpandButton(isOverflowing);
+    }
+  }, [collapsible, content, isExpanded]);
+  const handleToggle = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    setIsExpanded(!isExpanded);
+  }, "handleToggle");
+  const clampStyle = collapsible && !isExpanded ? {
+    display: "-webkit-box",
+    WebkitLineClamp: initialLines,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden"
+  } : {};
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: contentRef, style: clampStyle, className: "transition-all duration-300 ease-in-out", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _reactmarkdown2.default,
+        {
+          remarkPlugins: [_remarkgfm2.default],
+          components: {
+            p: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: size === "small" ? "text-xs" : "", children }), "p"),
+            li: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: size === "small" ? "text-xs" : "", children }), "li"),
+            table: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { className: "w-full table-auto border-collapse border", children }), "table"),
+            th: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: `border px-4 py-2 text-left ${size === "small" ? "px-2 py-1 text-xs" : ""}`, children }), "th"),
+            td: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: `border px-4 py-2 ${size === "small" ? "px-2 py-1 text-xs" : ""}`, children }), "td"),
+            tr: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { className: "even:bg-gray-50", children }), "tr"),
+            ul: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: `list-disc ${size === "small" ? "pl-3" : "pl-4"}`, children }), "ul"),
+            ol: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: `list-decimal ${size === "small" ? "pl-3" : "pl-4"}`, children }), "ol"),
+            h1: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: size === "small" ? "my-1 mt-2 text-sm font-bold" : "my-2 mt-4 text-3xl font-medium", children }), "h1"),
+            h2: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "h2",
+              {
+                className: size === "small" ? "my-1 mt-2 text-sm font-semibold" : "my-2 mt-4 text-2xl font-semibold",
+                children
+              }
+            ), "h2"),
+            h3: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: size === "small" ? "my-1 mt-2 text-sm font-medium" : "my-2 mt-4 text-xl font-semibold", children }), "h3"),
+            h4: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: isExpanded ? t("show_less") : t("show_more") }),
+          isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-4 w-4" })
+        ]
+      }
+    ) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ReactMarkdownContainer, "ReactMarkdownContainer");
+
+// src/components/containers/TabsContainer.tsx
+
+function TabsContainer({
+  tabs,
+  defaultTab,
+  tabsListClassName,
+  tabsTriggerClassName,
+  scrollAreaClassName,
+  style,
+  additionalComponent
+}) {
+  const { hasPermissionToModules } = _chunkRAF7PNLGjs.useCurrentUserContext.call(void 0, );
+  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 = _nullishCoalesce(defaultTab, () => ( tabs[0].label));
+  if (validTabs.length === 1) {
+    return validTabs[0].content;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Tabs, { defaultValue, className: "w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.TabsList,
+        {
+          className: _chunkJC3WJK65js.cn.call(void 0, 
+            `${style ? `my-4 flex w-full justify-start rounded-none border-b bg-transparent pb-0` : ``}`,
+            tabsListClassName
+          ),
+          children: validTabs.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkA5DDIABKjs.TabsTrigger,
+            {
+              value: tab.label,
+              className: _chunkJC3WJK65js.cn.call(void 0, 
+                `${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: _nullishCoalesce(tab.contentLabel, () => ( tab.label))
+            },
+            tab.label
+          ))
+        }
+      ),
+      additionalComponent && additionalComponent
+    ] }),
+    scrollAreaClassName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: validTabs.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, TabsContainer, "TabsContainer");
+
+// src/components/contents/AttributeElement.tsx
+
+function AttributeElement({ inline, title, value, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkJC3WJK65js.cn.call(void 0, `flex ${inline === true ? "flex-row" : "flex-col"} my-1 justify-start`, className), children: [
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${inline === true ? "min-w-48 pr-4" : "w-full"} text-sm font-semibold`, children: title }),
+    value && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col text-sm", children: value })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, AttributeElement, "AttributeElement");
+
+// src/components/details/AllowedUsersDetails.tsx
+
+
+function AllowedUsersDetails({ showTitle, content }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex w-full flex-col gap-y-2", children: [
+    showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-xs font-semibold", children: t("generic.permissions") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-start gap-x-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAWONBQQPjs.ContributorsList, { content }) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, AllowedUsersDetails, "AllowedUsersDetails");
+
+// src/components/editors/BlockNoteEditorContainer.tsx
+var _dynamic = require('next/dynamic'); var _dynamic2 = _interopRequireDefault(_dynamic);
+
+
+var BlockNoteEditor = _dynamic2.default.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("../BlockNoteEditor-VFWG6LXI.js"))), {
+  ssr: false
+});
+var BlockNoteEditorContainer = React2.default.memo(/* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, function EditorContainer(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockNoteEditor, { ...props });
+}, "EditorContainer"));
+
+// src/components/errors/ErrorDetails.tsx
+var _image = require('next/image'); var _image2 = _interopRequireDefault(_image);
+
+function ErrorDetails({ title, message, code }) {
+  if (code === 403)
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-xl max-w-xl", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Card, { className: "w-full", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CardHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CardTitle, { className: "text-foreground flex flex-col items-center gap-y-4 pb-10 text-4xl", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _image2.default, { src: "/phlow-logo.webp", alt: "Phlow", width: 100, height: 100, priority: true }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "Unauthorised" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.CardDescription, { className: "text-center text-lg", children: "We are sorry, but you are not allowed to access this content." })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.CardContent, {})
+    ] }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-xl max-w-xl", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Card, { className: "w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CardHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CardTitle, { className: "text-foreground flex flex-col items-center gap-y-4 pb-10 text-center text-4xl", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _image2.default, { src: "/phlow-logo.webp", alt: "Phlow", width: 100, height: 100, priority: true }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: code }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: title })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.CardDescription, { className: "text-center text-lg", children: message })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.CardContent, {})
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ErrorDetails, "ErrorDetails");
+
+// src/components/forms/CommonAssociationForm.tsx
+
+
+var _sonner = require('sonner');
+
+function CommonAssociationTrigger({
+  sourceType,
+  destinationType,
+  hasDestination,
+  onTrigger
+}) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  if (hasDestination)
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hover:text-accent cursor-pointer", onClick: onTrigger, children: "Join" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Button, { variant: `outline`, size: `sm`, onClick: onTrigger, children: t(`generic.association.label`, {
+    source: sourceType,
+    destination: destinationType
+  }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonAssociationTrigger, "CommonAssociationTrigger");
+function CommonAssociationCommandDialog({
+  show,
+  setShow,
+  data,
+  source,
+  destination,
+  destinationName,
+  children
+}) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const searchTermRef = _react.useRef.call(void 0, "");
+  const [searchTerm, setSearchTerm] = _react.useState.call(void 0, "");
+  const refreshList = _react.useCallback.call(void 0, 
+    async (searchedTerm) => {
+      if (searchedTerm === searchTermRef.current) return;
+      searchTermRef.current = searchedTerm;
+      await data.search(searchedTerm);
+    },
+    [searchTerm, data]
+  );
+  const updateSearchTerm = _chunkFY4SXJGUjs.useDebounce.call(void 0, refreshList, 500);
+  _react.useEffect.call(void 0, () => {
+    if (show) updateSearchTerm(searchTerm);
+  }, [show, searchTerm]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CommandDialog, { open: show, onOpenChange: setShow, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.DialogHeader, { className: "flex flex-col items-start p-4 pb-0", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DialogTitle, { children: t(`generic.association.label`, {
+        source,
+        destination
+      }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DialogDescription, { children: t(`generic.association.description`, {
+        source,
+        destination,
+        destination_name: destinationName
+      }) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Command, { shouldFilter: false, className: "p-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.CommandInput,
+        {
+          placeholder: t(`generic.search.placeholder`, { type: source }),
+          value: searchTerm,
+          onValueChange: setSearchTerm
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.CommandList, { className: "mt-3 h-auto max-h-96 min-h-96 max-w-full overflow-y-auto overflow-x-hidden", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.CommandEmpty, { children: t(`generic.search.no_results`, { type: source }) }),
+        children
+      ] })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonAssociationCommandDialog, "CommonAssociationCommandDialog");
+var triggerAssociationToast = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  if (params.level) {
+    _sonner.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 {
+    _sonner.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
+
+
+
+function CommonDeleter({ deleteFunction, redirectTo, type, forceShow }) {
+  const t = _chunkCXQOWQSYjs.useI18nTranslations.call(void 0, );
+  const router = _chunkCXQOWQSYjs.useI18nRouter.call(void 0, );
+  const [open, setOpen] = _react.useState.call(void 0, forceShow || false);
+  const [isDeleting, setIsDeleting] = _react.useState.call(void 0, false);
+  const handleDelete = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
+    setIsDeleting(true);
+    try {
+      await deleteFunction();
+      setOpen(false);
+      if (redirectTo) router.push(redirectTo);
+    } catch (error) {
+      _chunkRUR22SVMjs.errorToast.call(void 0, { title: t(`generic.errors.delete`), error });
+    }
+    setIsDeleting(false);
+  }, "handleDelete");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.AlertDialog, { open, onOpenChange: setOpen, children: [
+    forceShow ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Button, { size: "sm", variant: "ghost", className: "text-muted-foreground hover:text-destructive", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2Icon, {}) }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.AlertDialogContent, { className: `flex max-h-[70vh] max-w-3xl flex-col overflow-y-auto`, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.AlertDialogTitle, { children: t(`generic.delete.title`, { type: t(`types.${type}`, { count: 1 }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.AlertDialogDescription, { children: t(`generic.delete.subtitle`, { type: t(`types.${type}`, { count: 1 }) }) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-destructive p-4 text-sm", children: t(`generic.delete.description`, { type: t(`types.${type}`, { count: 1 }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkA5DDIABKjs.Button,
+          {
+            className: "mr-2",
+            variant: "outline",
+            type: `button`,
+            onClick: () => setOpen(false),
+            disabled: isDeleting,
+            children: t(`generic.buttons.cancel`)
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkA5DDIABKjs.Button,
+          {
+            type: "submit",
+            onClick: (e) => {
+              e.preventDefault();
+              handleDelete();
+            },
+            variant: "destructive",
+            disabled: isDeleting,
+            children: isDeleting ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              t(`generic.buttons.is_deleting`),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderCircleIcon, { className: "animate-spin-slow h-5 w-5" })
+            ] }) : t(`generic.buttons.delete`)
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonDeleter, "CommonDeleter");
+
+// src/components/forms/CommonEditorButtons.tsx
+
+
+function CommonEditorButtons({ isEdit, form, disabled, setOpen }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkA5DDIABKjs.Button,
+      {
+        className: "mr-2",
+        variant: "outline",
+        type: `button`,
+        onClick: () => setOpen(false),
+        "data-testid": `modal-button-cancel`,
+        children: t(`generic.buttons.cancel`)
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.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`) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonEditorButtons, "CommonEditorButtons");
+
+// src/components/forms/CommonEditorHeader.tsx
+
+
+function CommonEditorHeader({ type, name }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.DialogHeader, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DialogTitle, { children: name ? t(`generic.edit.update.title`, {
+      type
+    }) : t(`generic.edit.create.title`, { type }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DialogDescription, { children: name ? t(`generic.edit.update.description`, {
+      type,
+      name
+    }) : t(`generic.edit.create.description`, {
+      type
+    }) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonEditorHeader, "CommonEditorHeader");
+
+// src/components/forms/CommonEditorTrigger.tsx
+
+
+
+function CommonEditorTrigger({ isEdit, edit, create }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.DialogTrigger, { asChild: true, children: isEdit ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Button, { size: "sm", variant: `ghost`, className: "text-muted-foreground", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.PencilIcon, {}) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Button, { size: "sm", variant: `outline`, children: create ? create : t(`generic.buttons.create`) }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, CommonEditorTrigger, "CommonEditorTrigger");
+
+// src/components/forms/DatePickerPopover.tsx
+var _datefns = require('date-fns');
+
+
+
+var DatePickerPopover = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({
+  children,
+  value,
+  onSelect,
+  minDate,
+  align = "start",
+  className
+}) => {
+  const locale = _chunkCXQOWQSYjs.useI18nLocale.call(void 0, );
+  const dateFnsLocale = _chunkCXQOWQSYjs.useI18nDateFnsLocale.call(void 0, );
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [displayMonth, setDisplayMonth] = _react.useState.call(void 0, () => value || /* @__PURE__ */ new Date());
+  const dateFormatter = _react.useMemo.call(void 0, 
+    () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
+    [locale]
+  );
+  const formatDate = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (date) => dateFormatter.format(date), "formatDate");
+  const datePlaceholder = _react.useMemo.call(void 0, () => {
+    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 = _react.useMemo.call(void 0, () => {
+    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] = _react.useState.call(void 0, () => value ? formatDate(value) : "");
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const yearOptions = Array.from({ length: currentYear - 1900 + 11 }, (_, i) => 1900 + i);
+  const monthNames = _react.useMemo.call(void 0, () => {
+    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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (inputValue2) => {
+    setInputValue(inputValue2);
+    const parsedDate = _datefns.parse.call(void 0, inputValue2, dateFormatPattern, /* @__PURE__ */ new Date());
+    if (_datefns.isValid.call(void 0, parsedDate)) {
+      onSelect(parsedDate);
+      setDisplayMonth(parsedDate);
+    } else if (inputValue2 === "") {
+      onSelect(void 0);
+    }
+  }, "handleInputChange");
+  const handleCalendarSelect = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (selectedDate) => {
+    onSelect(selectedDate);
+    if (selectedDate) {
+      setInputValue(formatDate(selectedDate));
+      setDisplayMonth(selectedDate);
+    } else {
+      setInputValue("");
+    }
+    setIsOpen(false);
+  }, "handleCalendarSelect");
+  const handleClear = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (e) => {
+    e.stopPropagation();
+    onSelect(void 0);
+    setInputValue("");
+  }, "handleClear");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverContent, { className: _chunkJC3WJK65js.cn.call(void 0, "w-auto p-0", className), align, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative mb-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkA5DDIABKjs.Input,
+          {
+            value: inputValue,
+            onChange: (e) => handleInputChange(e.target.value),
+            placeholder: datePlaceholder,
+            className: "pr-16",
+            onClick: (e) => e.stopPropagation()
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center space-x-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Calendar, { className: "h-4 w-4 opacity-50" })
+            }
+          ),
+          value && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
+              onClick: handleClear,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleXIcon, { className: "h-4 w-4 opacity-50 hover:opacity-100" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkA5DDIABKjs.Select,
+          {
+            value: displayMonth.getMonth().toString(),
+            onValueChange: (value2) => {
+              const newMonth = parseInt(value2);
+              const newDate = new Date(displayMonth.getFullYear(), newMonth, 1);
+              setDisplayMonth(newDate);
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { className: "w-[130px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, {}) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: monthNames.map((month, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: index.toString(), children: month }, index)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkA5DDIABKjs.Select,
+          {
+            value: displayMonth.getFullYear().toString(),
+            onValueChange: (value2) => {
+              const newYear = parseInt(value2);
+              const newDate = new Date(newYear, displayMonth.getMonth(), 1);
+              setDisplayMonth(newDate);
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { className: "w-[80px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, {}) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: yearOptions.reverse().map((year) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: year.toString(), children: year }, year)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.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
+
+
+
+
+function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth }) {
+  const [date, setDate] = _react.useState.call(void 0, 
+    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] = _react.useState.call(void 0, false);
+  const [prevRange, setPrevRange] = _react.useState.call(void 0, date);
+  _react.useEffect.call(void 0, () => {
+    if (_optionalChain([date, 'optionalAccess', _2 => _2.from]) && _optionalChain([date, 'optionalAccess', _3 => _3.to]) && date.to > date.from && (_optionalChain([prevRange, 'optionalAccess', _4 => _4.from, 'optionalAccess', _5 => _5.getTime, 'call', _6 => _6()]) !== date.from.getTime() || _optionalChain([prevRange, 'optionalAccess', _7 => _7.to, 'optionalAccess', _8 => _8.getTime, 'call', _9 => _9()]) !== date.to.getTime())) {
+      onDateChange(date);
+      setPrevRange(date);
+      setOpen(false);
+    }
+  }, [date, prevRange, onDateChange]);
+  const handleSelect = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (range) => {
+    if (!range) {
+      setDate(void 0);
+      return;
+    }
+    if (range.from && (!_optionalChain([date, 'optionalAccess', _10 => _10.from]) || range.from.getTime() !== date.from.getTime())) {
+      setDate({ from: range.from, to: void 0 });
+    } else {
+      setDate(range);
+    }
+  }, "handleSelect");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkJC3WJK65js.cn.call(void 0, "grid gap-2"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkA5DDIABKjs.Button,
+      {
+        id: "date",
+        variant: "outline",
+        className: _chunkJC3WJK65js.cn.call(void 0, "w-[300px] justify-start text-left font-normal", !date && "text-muted-foreground"),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon, {}),
+          _optionalChain([date, 'optionalAccess', _11 => _11.from]) ? date.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            _datefns.format.call(void 0, date.from, "LLL dd, y"),
+            " - ",
+            _datefns.format.call(void 0, date.to, "LLL dd, y")
+          ] }) : _datefns.format.call(void 0, date.from, "LLL dd, y") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Pick a date" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 p-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.Calendar,
+        {
+          mode: "range",
+          defaultMonth: _nullishCoalesce(_optionalChain([date, 'optionalAccess', _12 => _12.from]), () => ( (showPreviousMonth ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 1) : void 0))),
+          selected: date,
+          onSelect: handleSelect,
+          numberOfMonths: 2
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.Button,
+        {
+          variant: "secondary",
+          type: "button",
+          onClick: () => {
+            setDate(void 0);
+            setPrevRange(void 0);
+            onDateChange(void 0);
+            setOpen(false);
+          },
+          className: "cursor-pointer",
+          disabled: !date,
+          children: "Clear"
+        }
+      )
+    ] }) })
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, DateRangeSelector, "DateRangeSelector");
+
+// src/components/forms/FileUploader.tsx
+
+
+
+
+
+
+
+
+
+
+
+var _reactdropzone = require('react-dropzone');
+
+
+var FileUploaderContext = _react.createContext.call(void 0, null);
+var useFileUpload = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+  const context = _react.useContext.call(void 0, FileUploaderContext);
+  if (!context) {
+    throw new Error("useFileUpload must be used within a FileUploaderProvider");
+  }
+  return context;
+}, "useFileUpload");
+var FileUploader = _react.forwardRef.call(void 0, 
+  ({ className, dropzoneOptions, value, onValueChange, reSelect, orientation = "vertical", children, dir, ...props }, ref) => {
+    const [isFileTooBig, setIsFileTooBig] = _react.useState.call(void 0, false);
+    const [isLOF, setIsLOF] = _react.useState.call(void 0, false);
+    const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+    const { maxFiles = 1, maxSize = 4 * 1024 * 1024, multiple = true } = dropzoneOptions;
+    const t = _nextintl.useTranslations.call(void 0, );
+    const reSelectAll = maxFiles === 1 ? true : reSelect;
+    const direction = dir === "rtl" ? "rtl" : "ltr";
+    const removeFileFromSet = _react.useCallback.call(void 0, 
+      (i) => {
+        if (!value) return;
+        const newFiles = value.filter((_, index) => index !== i);
+        onValueChange(newFiles);
+      },
+      [value, onValueChange]
+    );
+    const handleKeyDown = _react.useCallback.call(void 0, 
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!value) return;
+        const moveNext = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+          const nextIndex = activeIndex + 1;
+          setActiveIndex(nextIndex > value.length - 1 ? 0 : nextIndex);
+        }, "moveNext");
+        const movePrev = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+          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) {
+            _optionalChain([dropzoneState, 'access', _13 => _13.inputRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.click, 'call', _16 => _16()]);
+          }
+        } 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 = _react.useCallback.call(void 0, 
+      (acceptedFiles, rejectedFiles) => {
+        const files = acceptedFiles;
+        if (!files) {
+          _sonner.toast.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 (_optionalChain([rejectedFiles, 'access', _17 => _17[i], 'access', _18 => _18.errors, 'access', _19 => _19[0], 'optionalAccess', _20 => _20.code]) === "file-too-large") {
+              _sonner.toast.error(t("generic.errors.file"), {
+                description: t(`generic.errors.file_max`, { size: maxSize / 1024 / 1024 })
+              });
+              break;
+            }
+            if (_optionalChain([rejectedFiles, 'access', _21 => _21[i], 'access', _22 => _22.errors, 'access', _23 => _23[0], 'optionalAccess', _24 => _24.message])) {
+              _sonner.toast.error(t(`generic.errors.file`), {
+                description: rejectedFiles[i].errors[0].message
+              });
+              break;
+            }
+          }
+        }
+      },
+      [reSelectAll, value]
+    );
+    _react.useEffect.call(void 0, () => {
+      if (!value) return;
+      if (value.length === maxFiles) {
+        return;
+      }
+      setIsLOF(false);
+    }, [value, maxFiles]);
+    const opts = dropzoneOptions ? dropzoneOptions : { maxFiles, maxSize, multiple };
+    const dropzoneState = _reactdropzone.useDropzone.call(void 0, {
+      ...opts,
+      onDrop,
+      onDropRejected: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => setIsFileTooBig(true), "onDropRejected"),
+      onDropAccepted: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => setIsFileTooBig(false), "onDropAccepted")
+    });
+    const { isDragActive } = dropzoneState;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      FileUploaderContext.Provider,
+      {
+        value: {
+          dropzoneState,
+          isLOF,
+          isFileTooBig,
+          removeFileFromSet,
+          activeIndex,
+          setActiveIndex,
+          orientation,
+          direction
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            ref,
+            tabIndex: 0,
+            onKeyDownCapture: handleKeyDown,
+            className: _chunkJC3WJK65js.cn.call(void 0, 
+              "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 = _react.forwardRef.call(void 0, 
+  ({ children, className, ...props }, ref) => {
+    const { orientation } = useFileUpload();
+    const containerRef = _react.useRef.call(void 0, null);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkJC3WJK65js.cn.call(void 0, "w-full px-1"), ref: containerRef, "aria-description": "content file holder", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...props,
+        ref,
+        className: _chunkJC3WJK65js.cn.call(void 0, 
+          "flex gap-1 rounded-xl",
+          orientation === "horizontal" ? "flex-raw flex-wrap" : "flex-col",
+          className
+        ),
+        children
+      }
+    ) });
+  }
+);
+FileUploaderContent.displayName = "FileUploaderContent";
+var FileUploaderItem = _react.forwardRef.call(void 0, 
+  ({ className, index, children, ...props }, ref) => {
+    const { removeFileFromSet, activeIndex, direction } = useFileUpload();
+    const isSelected = index === activeIndex;
+    const t = _nextintl.useTranslations.call(void 0, );
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkJC3WJK65js.cn.call(void 0, 
+          _chunkA5DDIABKjs.buttonVariants.call(void 0, { variant: "ghost" }),
+          "relative h-6 cursor-pointer justify-between p-1",
+          className,
+          isSelected ? "bg-muted" : ""
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-full items-center gap-1.5 leading-none font-medium tracking-tight", children }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: _chunkJC3WJK65js.cn.call(void 0, "absolute", direction === "rtl" ? "top-1 left-1" : "top-1 right-1"),
+              onClick: () => removeFileFromSet(index),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: t(`generic.remove_item`, { index }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "hover:stroke-destructive h-4 w-4 duration-200 ease-in-out" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileUploaderItem.displayName = "FileUploaderItem";
+var FileInput = _react.forwardRef.call(void 0, 
+  ({ className, children, ...props }, ref) => {
+    const { dropzoneState, isFileTooBig, isLOF } = useFileUpload();
+    const rootProps = isLOF ? {} : dropzoneState.getRootProps();
+    const { isDragActive: parentIsDragActive } = dropzoneState;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        ...props,
+        className: _chunkJC3WJK65js.cn.call(void 0, `relative w-full ${isLOF ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`, className),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: _chunkJC3WJK65js.cn.call(void 0, 
+                "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__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkA5DDIABKjs.Input,
+            {
+              ref: dropzoneState.inputRef,
+              disabled: isLOF,
+              ...dropzoneState.getInputProps(),
+              className: `${isLOF ? "cursor-not-allowed" : ""}`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileInput.displayName = "FileInput";
+
+// src/components/forms/FormCheckbox.tsx
+
+function FormCheckbox({ form, id, name, labelBefore, description, isRequired }) {
+  const simpleLabel = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { htmlFor: id, className: `font-normal ${labelBefore ? "" : "ml-3"}`, children: name });
+  }, "simpleLabel");
+  const label = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    if (description) return simpleLabel();
+    else
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TooltipTrigger, { asChild: true, children: simpleLabel() }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TooltipContent, { children: description })
+      ] });
+  }, "label");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-x-4", children: [
+          labelBefore && label(),
+          labelBefore && isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Checkbox, { id, defaultChecked: field.value, onCheckedChange: field.onChange }),
+          !labelBefore && label(),
+          !labelBefore && isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormCheckbox, "FormCheckbox");
+
+// src/components/forms/FormContainerGeneric.tsx
+
+function FormContainerGeneric({
+  form,
+  id,
+  name,
+  children,
+  isRequired = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: "flex items-center", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: name }),
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormContainerGeneric, "FormContainerGeneric");
+
+// src/components/forms/FormDate.tsx
+
+
+
+
+function FormDate({
+  form,
+  id,
+  name,
+  minDate,
+  onChange,
+  isRequired = false
+}) {
+  const locale = _chunkCXQOWQSYjs.useI18nLocale.call(void 0, );
+  const dateFnsLocale = _chunkCXQOWQSYjs.useI18nDateFnsLocale.call(void 0, );
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [displayMonth, setDisplayMonth] = _react.useState.call(void 0, () => {
+    const currentValue = form.getValues(id);
+    return currentValue || /* @__PURE__ */ new Date();
+  });
+  const dateFormatter = _react.useMemo.call(void 0, 
+    () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
+    [locale]
+  );
+  const formatDate = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (date) => dateFormatter.format(date), "formatDate");
+  const datePlaceholder = _react.useMemo.call(void 0, () => {
+    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 = _react.useMemo.call(void 0, () => {
+    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] = _react.useState.call(void 0, () => {
+    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 = _react.useMemo.call(void 0, () => {
+    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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (value, field) => {
+    setInputValue(value);
+    const parsedDate = _datefns.parse.call(void 0, value, dateFormatPattern, /* @__PURE__ */ new Date());
+    if (_datefns.isValid.call(void 0, 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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (selectedDate, field) => {
+    field.onChange(selectedDate);
+    if (selectedDate) {
+      setInputValue(formatDate(selectedDate));
+      setDisplayMonth(selectedDate);
+    } else {
+      setInputValue("");
+    }
+    if (onChange) onChange(selectedDate);
+  }, "handleCalendarSelect");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"} w-full`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: "dlex items-center", children: [
+          name,
+          " ",
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Popover, { open, onOpenChange: setOpen, modal: true, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkA5DDIABKjs.Input,
+              {
+                value: inputValue,
+                onChange: (e) => handleInputChange(e.target.value, field),
+                placeholder: datePlaceholder,
+                className: "pr-16"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute right-1 top-1/2 flex -translate-y-1/2 items-center space-x-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: "hover:bg-muted flex h-8 w-8 items-center justify-center rounded-md",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Calendar, { className: "h-4 w-4 opacity-50" })
+                }
+              ) }),
+              field.value && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleXIcon, { className: "h-4 w-4 opacity-50 hover:opacity-100" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkA5DDIABKjs.Select,
+                {
+                  value: displayMonth.getMonth().toString(),
+                  onValueChange: (value) => {
+                    const newMonth = parseInt(value);
+                    const newDate = new Date(displayMonth.getFullYear(), newMonth, 1);
+                    setDisplayMonth(newDate);
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { className: "w-[130px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, {}) }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: monthNames.map((month, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: index.toString(), children: month }, index)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkA5DDIABKjs.Select,
+                {
+                  value: displayMonth.getFullYear().toString(),
+                  onValueChange: (value) => {
+                    const newYear = parseInt(value);
+                    const newDate = new Date(newYear, displayMonth.getMonth(), 1);
+                    setDisplayMonth(newDate);
+                  },
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { className: "w-[80px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, {}) }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: yearOptions.reverse().map((year) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: year.toString(), children: year }, year)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormDate, "FormDate");
+
+// src/components/forms/FormDateTime.tsx
+
+
+
+function FormDateTime({
+  form,
+  id,
+  name,
+  minDate,
+  onChange,
+  allowEmpty
+}) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const t = _chunkCXQOWQSYjs.useI18nTranslations.call(void 0, );
+  const locale = _chunkCXQOWQSYjs.useI18nLocale.call(void 0, );
+  const dateFnsLocale = _chunkCXQOWQSYjs.useI18nDateFnsLocale.call(void 0, );
+  const dateTimeFormatter = _react.useMemo.call(void 0, 
+    () => new Intl.DateTimeFormat(locale, {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }),
+    [locale]
+  );
+  const formatDateTime = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (date) => dateTimeFormatter.format(date), "formatDateTime");
+  const [selectedHours, setSelectedHours] = _react.useState.call(void 0, (/* @__PURE__ */ new Date()).getHours());
+  const [selectedMinutes, setSelectedMinutes] = _react.useState.call(void 0, 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;
+  }
+  _chunk7QVYU63Ejs.__name.call(void 0, roundToNearestFiveMinutes, "roundToNearestFiveMinutes");
+  const handleTimeChange = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"} w-full`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { children: name }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex flex-row", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Popover, { open, onOpenChange: setOpen, modal: true, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row items-center justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkA5DDIABKjs.Button,
+              {
+                variant: "outline",
+                className: _chunkJC3WJK65js.cn.call(void 0, "w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground"),
+                children: [
+                  field.value ? formatDateTime(field.value) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t(`generic.pick_date_time`) }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Calendar, { className: "ml-auto h-4 w-4 opacity-50" })
+                ]
+              }
+            ) }) }),
+            field.value && allowEmpty !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _lucidereact.CircleXIcon,
+              {
+                className: "text-muted hover:text-destructive ml-2 h-6 w-6 cursor-pointer",
+                onClick: () => {
+                  if (onChange) onChange(void 0);
+                  form.setValue(id, "");
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkA5DDIABKjs.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-end justify-center space-x-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Label, { htmlFor: "hours-select", children: t(`generic.hours`) }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { id: "hours-select", className: "w-[70px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, { placeholder: "Hour" }) }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: hoursOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: String(option.value), children: option.label }, option.value)) })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-[9px] text-xl", children: ":" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Label, { htmlFor: "minutes-select", children: t(`generic.minutes`) }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { id: "minutes-select", className: "w-[70px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, { placeholder: "Min" }) }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: minutesOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: String(option.value), children: option.label }, option.value)) })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkA5DDIABKjs.Button,
+              {
+                className: "mt-2",
+                onClick: () => {
+                  setOpen(false);
+                },
+                children: t(`generic.buttons.select_date`)
+              }
+            )
+          ] }) })
+        ] }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormDateTime, "FormDateTime");
+
+// src/components/forms/FormInput.tsx
+
+
+function FormInput({
+  form,
+  id,
+  name,
+  placeholder,
+  type,
+  onBlur,
+  disabled,
+  onKeyDown,
+  autoFocus,
+  onChange,
+  testId,
+  isRequired = false
+}) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => {
+        const handleBlur = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, 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__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+          name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: "flex items-center", children: [
+            name,
+            isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+            type === "currency" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground absolute top-0 left-0 pt-2 pl-3", children: "\u20AC" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
+        ] });
+      }
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormInput, "FormInput");
+
+// src/components/forms/PasswordInput.tsx
+
+
+
+
+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 = _nextintl.useTranslations.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Input, { type: showPassword ? "text" : "password", className: _chunkJC3WJK65js.cn.call(void 0, "", className), ref, ...props }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.EyeIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.EyeOffIcon, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: showPassword ? t(`generic.hide_password`) : t(`generic.show_password`) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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
+
+function FormPassword({
+  form,
+  id,
+  name,
+  placeholder,
+  onBlur,
+  disabled,
+  testId,
+  isRequired
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { children: [
+          name,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PasswordInput,
+          {
+            ...field,
+            className: `w-full`,
+            disabled: disabled === true || form.formState.isSubmitting,
+            placeholder: placeholder ? placeholder : "",
+            onBlur,
+            "data-testid": testId
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormPassword, "FormPassword");
+
+// src/components/forms/FormPlaceAutocomplete.tsx
+
+
+function FormPlaceAutocomplete({
+  form,
+  id,
+  name,
+  placeholder,
+  disabled,
+  testId,
+  isRequired = false,
+  onPlaceSelect,
+  className,
+  includeTypes
+}) {
+  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const [suggestions, setSuggestions] = _react.useState.call(void 0, []);
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  const [showSuggestions, setShowSuggestions] = _react.useState.call(void 0, false);
+  const [loadError, setLoadError] = _react.useState.call(void 0, false);
+  const [apiKey, setApiKey] = _react.useState.call(void 0, null);
+  const debounceRef = _react.useRef.call(void 0, null);
+  const containerRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    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);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const formValue = form.getValues(id);
+    if (formValue !== inputValue) {
+      setInputValue(formValue || "");
+    }
+  }, [form.watch(id), id, inputValue]);
+  const fetchSuggestions = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, 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: _optionalChain([suggestion, 'access', _25 => _25.placePrediction, 'optionalAccess', _26 => _26.placeId]) || "",
+          description: _optionalChain([suggestion, 'access', _27 => _27.placePrediction, 'optionalAccess', _28 => _28.text, 'optionalAccess', _29 => _29.text]) || "",
+          structured_formatting: {
+            main_text: _optionalChain([suggestion, 'access', _30 => _30.placePrediction, 'optionalAccess', _31 => _31.structuredFormat, 'optionalAccess', _32 => _32.mainText, 'optionalAccess', _33 => _33.text]) || "",
+            secondary_text: _optionalChain([suggestion, 'access', _34 => _34.placePrediction, 'optionalAccess', _35 => _35.structuredFormat, 'optionalAccess', _36 => _36.secondaryText, 'optionalAccess', _37 => _37.text]) || ""
+          }
+        }));
+        setSuggestions(formattedSuggestions);
+        setShowSuggestions(true);
+      } else {
+        setSuggestions([]);
+      }
+    } catch (error) {
+      console.error("Error fetching place suggestions:", error);
+      setSuggestions([]);
+    } finally {
+      setIsLoading(false);
+    }
+  }, "fetchSuggestions");
+  const handleInputChange = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (suggestion) => {
+    setInputValue(suggestion.description);
+    form.setValue(id, suggestion.description);
+    setShowSuggestions(false);
+    setSuggestions([]);
+    if (onPlaceSelect) {
+      onPlaceSelect(suggestion);
+    }
+  }, "handleSuggestionSelect");
+  _react.useEffect.call(void 0, () => {
+    const handleClickOutside = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setShowSuggestions(false);
+      }
+    }, "handleClickOutside");
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    };
+  }, []);
+  if (loadError) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkA5DDIABKjs.FormField,
+      {
+        control: form.control,
+        name: id,
+        render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+          name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: "flex items-center", children: [
+            name,
+            isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkA5DDIABKjs.Input,
+            {
+              ...field,
+              placeholder,
+              disabled,
+              "data-testid": testId,
+              className: _chunkJC3WJK65js.cn.call(void 0, "w-full", className)
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+        ] })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", ref: containerRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: "flex items-center", children: [
+          name,
+          isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-destructive ml-2 font-semibold", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkA5DDIABKjs.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: _chunkJC3WJK65js.cn.call(void 0, "w-full", className)
+            }
+          ),
+          isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-primary h-4 w-4 animate-spin rounded-full border-2 border-t-transparent" }) }),
+          showSuggestions && suggestions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "hover:bg-muted cursor-pointer px-3 py-2 text-sm",
+              onClick: () => handleSuggestionSelect(suggestion),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: _optionalChain([suggestion, 'access', _38 => _38.structured_formatting, 'optionalAccess', _39 => _39.main_text]) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground", children: _optionalChain([suggestion, 'access', _40 => _40.structured_formatting, 'optionalAccess', _41 => _41.secondary_text]) })
+              ]
+            },
+            suggestion.place_id || index
+          )) })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormPlaceAutocomplete, "FormPlaceAutocomplete");
+
+// src/components/forms/FormSelect.tsx
+
+function FormSelect({
+  form,
+  id,
+  name,
+  placeholder,
+  disabled,
+  values,
+  onChange,
+  useRows,
+  testId
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `flex w-full flex-col`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `flex w-full ${useRows ? `flex-row items-center justify-between gap-x-4` : `flex-col`}`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { className: `${useRows ? `min-w-28` : ``}`, children: name }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkA5DDIABKjs.Select,
+          {
+            onValueChange: (e) => {
+              field.onChange(e);
+              if (onChange) onChange(e);
+            },
+            defaultValue: field.value,
+            "data-testid": testId,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectValue, { placeholder }) }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectContent, { children: values.map((type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.SelectItem, { value: type.id, children: type.text }, type.id)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormSelect, "FormSelect");
+
+// src/components/forms/FormSlider.tsx
+var _reacthookform = require('react-hook-form');
+
+function FormSlider({
+  form,
+  id,
+  name,
+  disabled,
+  showPercentage
+}) {
+  const value = _reacthookform.useWatch.call(void 0, { control: form.control, name: id });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { children: name }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          showPercentage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground mb-2 flex w-full justify-center text-xs", children: `${value}%` }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkA5DDIABKjs.Slider,
+            {
+              onValueChange: (value2) => form.setValue(id, value2[0]),
+              value: [value],
+              max: 100,
+              step: 5,
+              disabled: disabled === true || form.formState.isSubmitting
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormSlider, "FormSlider");
+
+// src/components/forms/FormSwitch.tsx
+
+function FormSwitch({ form, id, name, disabled }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row gap-x-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Switch, { checked: field.value, onCheckedChange: field.onChange }),
+          name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { children: name })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, {})
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormSwitch, "FormSwitch");
+
+// src/components/forms/FormTextarea.tsx
+
+function FormTextarea({
+  form,
+  id,
+  name,
+  className,
+  placeholder,
+  testId
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkA5DDIABKjs.FormField,
+    {
+      control: form.control,
+      name: id,
+      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.FormItem, { className: "mb-5", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormLabel, { children: name }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormControl, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkA5DDIABKjs.Textarea,
+          {
+            ...field,
+            className: _chunkJC3WJK65js.cn.call(void 0, "min-h-96 w-full", className),
+            disabled: form.formState.isSubmitting,
+            placeholder,
+            "data-testid": testId
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.FormMessage, { "data-testid": testId ? `${testId}-error` : void 0 })
+      ] })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, FormTextarea, "FormTextarea");
+
+// src/components/pages/PageContainerContentDetails.tsx
+
+
+function PageContainerContentDetails({ items, section, module, id }) {
+  const rewriteUrl = _chunkFY4SXJGUjs.useUrlRewriter.call(void 0, );
+  const [isScrolled, setIsScrolled] = _react.useState.call(void 0, false);
+  const sentinelRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkA5DDIABKjs.Tabs,
+    {
+      defaultValue: section || items[0].title,
+      onValueChange: (a) => rewriteUrl({ page: module, id, childPage: a }),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: sentinelRef, className: "h-0" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `bg-background sticky top-0 z-10 mb-2 pb-2 transition-shadow ${isScrolled ? "border-b" : ""}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TabsList, { children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TabsTrigger, { value: item.title, children: item.title }, item.title)) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pr-4", children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TabsContent, { value: item.title, children: item.content }, item.title)) })
+      ]
+    }
+  );
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PageContainerContentDetails, "PageContainerContentDetails");
+
+// src/components/pages/PageContentContainer.tsx
+
+function PageContentContainer({ details, footer, content }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[calc(100vh-(--spacing(16)))] w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.ResizablePanelGroup, { direction: "horizontal", className: "items-stretch", autoSaveId: "page-content-layout", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.ResizablePanel, { id: "left-panel", defaultSize: 32, minSize: 20, maxSize: 40, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "@container flex h-full flex-col pr-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 overflow-y-auto", children: details }),
+      footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-y-2 pt-2 pb-2", children: footer })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.ResizableHandle, { withHandle: true }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.ResizablePanel, { id: "right-panel", className: "pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full overflow-y-auto", children: content }) })
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PageContentContainer, "PageContentContainer");
+
+// src/components/tables/cells/cell.component.tsx
+var cellComponent = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  return {
+    id: params.name,
+    accessorKey: params.name,
+    header: params.title,
+    cell: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ row }) => params.component, "cell"),
+    enableSorting: false,
+    enableHiding: false
+  };
+}, "cellComponent");
+
+// src/components/tables/cells/cell.date.tsx
+
+var cellDate = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  return {
+    id: params.name,
+    accessorKey: params.name,
+    header: params.title,
+    cell: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ row }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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
+
+var cellId = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  return {
+    id: params.name,
+    accessorKey: params.name,
+    header: "",
+    cell: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ row }) => params.toggleId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkA5DDIABKjs.Checkbox,
+      {
+        checked: _optionalChain([params, 'access', _42 => _42.checkedIds, 'optionalAccess', _43 => _43.includes, 'call', _44 => _44(row.getValue(params.name))]) || false,
+        onCheckedChange: (value) => {
+          row.toggleSelected(!!value);
+          _optionalChain([params, 'access', _45 => _45.toggleId, 'optionalCall', _46 => _46(row.getValue(params.name))]);
+        },
+        "aria-label": "Select row"
+      }
+    ) : null, "cell"),
+    enableSorting: false,
+    enableHiding: true
+  };
+}, "cellId");
+
+// src/components/tables/cells/cell.link.tsx
+
+var cellLink = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  return {
+    id: params.name,
+    accessorKey: params.name,
+    header: params.title,
+    cell: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ row }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.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
+
+var cellUrl = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (params) => {
+  return {
+    id: params.name,
+    accessorKey: params.name,
+    header: params.title,
+    cell: /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ({ row }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.Link, { href: row.getValue(params.name), children: row.getValue(params.name) }), "cell"),
+    enableSorting: false,
+    enableHiding: false
+  };
+}, "cellUrl");
+
+// src/components/tables/ContentListTable.tsx
+var _reacttable = require('@tanstack/react-table');
+var _reacticons = require('@radix-ui/react-icons');
+
+
+// src/components/tables/ContentTableSearch.tsx
+
+
+
+
+function ContentTableSearch({ data }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const searchTermRef = _react.useRef.call(void 0, "");
+  const inputRef = _react.useRef.call(void 0, null);
+  const [searchTerm, setSearchTerm] = _react.useState.call(void 0, "");
+  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+  const [isSearching, setIsSearching] = _react.useState.call(void 0, false);
+  const isExpanded = isFocused || searchTerm.length > 0;
+  const search = _react.useCallback.call(void 0, 
+    async (searchedTerm) => {
+      try {
+        if (searchedTerm === searchTermRef.current) return;
+        searchTermRef.current = searchedTerm;
+        await data.search(searchedTerm);
+      } finally {
+        setIsSearching(false);
+      }
+    },
+    [searchTermRef, data]
+  );
+  const updateSearchTerm = _chunkFY4SXJGUjs.useDebounce.call(void 0, search, 500);
+  _react.useEffect.call(void 0, () => {
+    setIsSearching(true);
+    updateSearchTerm(searchTerm);
+  }, [updateSearchTerm, searchTerm]);
+  const handleSearchIconClick = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    if (!isExpanded) {
+      setIsFocused(true);
+      setTimeout(() => _optionalChain([inputRef, 'access', _47 => _47.current, 'optionalAccess', _48 => _48.focus, 'call', _49 => _49()]), 50);
+    }
+  }, "handleSearchIconClick");
+  const handleBlur = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    if (searchTerm.length === 0) {
+      setIsFocused(false);
+    }
+  }, "handleBlur");
+  const handleClear = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    setSearchTerm("");
+    search("");
+    setIsFocused(false);
+  }, "handleClear");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "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__ */ _jsxruntime.jsx.call(void 0, 
+          _lucidereact.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__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkA5DDIABKjs.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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RefreshCw, { className: "text-muted-foreground absolute top-1 right-1 h-4 w-4 animate-spin" }),
+        isExpanded && !isSearching && searchTermRef.current && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _lucidereact.X,
+          {
+            className: "text-muted-foreground hover:text-foreground absolute top-1 right-1 h-4 w-4 cursor-pointer",
+            onClick: handleClear
+          }
+        )
+      ]
+    }
+  );
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ContentTableSearch, "ContentTableSearch");
+
+// src/components/tables/ContentListTable.tsx
+
+var EMPTY_ARRAY = [];
+var ContentListTable = _react.memo.call(void 0, /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, function ContentListTable2(props) {
+  const { data, fields, checkedIds, toggleId, allowSearch, filters } = props;
+  const { data: tableData, columns: tableColumns } = _chunkFY4SXJGUjs.useTableGenerator.call(void 0, props.tableGeneratorType, {
+    data: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _50 => _50.data]), () => ( EMPTY_ARRAY)),
+    fields,
+    checkedIds,
+    toggleId,
+    dataRetriever: data,
+    context: props.context
+  });
+  const columnVisibility = _react.useMemo.call(void 0, 
+    () => fields.reduce(
+      (acc, columnId) => {
+        acc[columnId] = true;
+        return acc;
+      },
+      {}
+    ),
+    [fields]
+  );
+  const table = _reacttable.useReactTable.call(void 0, {
+    data: tableData,
+    columns: tableColumns,
+    getCoreRowModel: _reacttable.getCoreRowModel.call(void 0, ),
+    initialState: {
+      columnVisibility
+    }
+  });
+  const rowModel = tableData ? table.getRowModel() : null;
+  const showFooter = !!(props.functions || data.next || data.previous);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.Table, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA5DDIABKjs.TableHeader, { className: "bg-muted font-semibold", children: [
+      props.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableHead, { className: "bg-card text-primary p-4 text-left font-bold", colSpan: tableColumns.length, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-x-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: props.title }),
+        (props.functions || props.filters || allowSearch) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          props.functions,
+          props.filters,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContentTableSearch, { data })
+        ] })
+      ] }) }) }),
+      table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableHead, { children: header.isPlaceholder ? null : _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()) }, header.id);
+      }) }, headerGroup.id))
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableBody, { children: rowModel && _optionalChain([rowModel, 'access', _51 => _51.rows, 'optionalAccess', _52 => _52.length]) ? rowModel.rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableCell, { children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: "No results." }) }) }),
+    showFooter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA5DDIABKjs.TableCell, { colSpan: tableColumns.length, className: "bg-card py-4 text-right", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end space-x-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: (e) => {
+            e.preventDefault();
+            _optionalChain([data, 'access', _53 => _53.previous, 'optionalCall', _54 => _54(true)]);
+          },
+          disabled: !data.previous,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CaretLeftIcon, { className: "h-4 w-4" })
+        }
+      ),
+      data.pageInfo && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground text-xs", children: [
+        data.pageInfo.startItem,
+        "-",
+        data.pageInfo.endItem
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkA5DDIABKjs.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: (e) => {
+            e.preventDefault();
+            _optionalChain([data, 'access', _55 => _55.next, 'optionalCall', _56 => _56(true)]);
+          },
+          disabled: !data.next,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CaretRightIcon, { className: "h-4 w-4" })
+        }
+      )
+    ] }) }) }) })
+  ] }) }) });
+}, "ContentListTable"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AllowedUsersDetails = AllowedUsersDetails; exports.AttributeElement = AttributeElement; exports.BlockNoteEditorContainer = BlockNoteEditorContainer; exports.Breadcrumb = Breadcrumb2; exports.CommonAssociationCommandDialog = CommonAssociationCommandDialog; exports.CommonAssociationTrigger = CommonAssociationTrigger; exports.CommonDeleter = CommonDeleter; exports.CommonEditorButtons = CommonEditorButtons; exports.CommonEditorHeader = CommonEditorHeader; exports.CommonEditorTrigger = CommonEditorTrigger; exports.ContentListTable = ContentListTable; exports.ContentTableSearch = ContentTableSearch; exports.ContentTitle = ContentTitle; exports.ContributorsList = _chunkAWONBQQPjs.ContributorsList; exports.DatePickerPopover = DatePickerPopover; exports.DateRangeSelector = DateRangeSelector; exports.ErrorDetails = ErrorDetails; exports.FileInput = FileInput; exports.FileUploader = FileUploader; exports.FileUploaderContent = FileUploaderContent; exports.FileUploaderItem = FileUploaderItem; exports.FormCheckbox = FormCheckbox; exports.FormContainerGeneric = FormContainerGeneric; exports.FormDate = FormDate; exports.FormDateTime = FormDateTime; exports.FormInput = FormInput; exports.FormPassword = FormPassword; exports.FormPlaceAutocomplete = FormPlaceAutocomplete; exports.FormSelect = FormSelect; exports.FormSlider = FormSlider; exports.FormSwitch = FormSwitch; exports.FormTextarea = FormTextarea; exports.Header = Header; exports.ModeToggleSwitch = ModeToggleSwitch; exports.PageContainer = PageContainer; exports.PageContainerContentDetails = PageContainerContentDetails; exports.PageContentContainer = PageContentContainer; exports.PageSection = PageSection; exports.PasswordInput = PasswordInput; exports.ReactMarkdownContainer = ReactMarkdownContainer; exports.RecentPagesNavigator = RecentPagesNavigator; exports.TabsContainer = TabsContainer; exports.UserAvatar = _chunkAWONBQQPjs.UserAvatar; exports.cellComponent = cellComponent; exports.cellDate = cellDate; exports.cellId = cellId; exports.cellLink = cellLink; exports.cellUrl = cellUrl; exports.errorToast = _chunkRUR22SVMjs.errorToast; exports.triggerAssociationToast = triggerAssociationToast; exports.useFileUpload = useFileUpload;
+//# sourceMappingURL=index.js.map