@helpwave/hightide 0.5.0 → 0.5.2

package/dist/index.js

@@ -11543,24 +11543,22 @@ var VerticalDivider = ({
 };
 
 // src/components/layout/Visibility.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Visibility({ children, isVisible }) {
-  if (isVisible) {
-    return children;
-  }
-  return void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: isVisible && children });
 }
 
 // src/components/loading-states/ErrorComponent.tsx
 var import_lucide_react8 = require("lucide-react");
 var import_clsx26 = __toESM(require("clsx"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var ErrorComponent = ({
   errorText,
   classname
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: (0, import_clsx26.default)("flex-col-4 items-center justify-center w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.AlertOctagon, { size: 64, className: "text-warning" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: (0, import_clsx26.default)("flex-col-4 items-center justify-center w-full h-24", classname), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react8.AlertOctagon, { size: 64, className: "text-warning" }),
     errorText ?? `${translation("errorOccurred")} :(`
   ] });
 };
@@ -11570,14 +11568,14 @@ var import_react30 = require("react");
 
 // src/components/loading-states/LoadingContainer.tsx
 var import_clsx27 = require("clsx");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var LoadingContainer = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: (0, import_clsx27.clsx)("relative overflow-hidden shimmer bg-disabled/30 rounded-md", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: (0, import_clsx27.clsx)("relative overflow-hidden shimmer bg-disabled/30 rounded-md", className) });
 };
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
 var import_clsx28 = require("clsx");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var LoadingAndErrorComponent = ({
   children,
   isLoading = false,
@@ -11597,40 +11595,40 @@ var LoadingAndErrorComponent = ({
     }, minimumLoadingDuration);
   }
   if (isLoading || minimumLoadingDuration && isInMinimumLoading) {
-    return loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LoadingContainer, { className: (0, import_clsx28.clsx)(className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoadingContainer, { className: (0, import_clsx28.clsx)(className) }) });
   }
   if (hasError) {
-    return errorComponent ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LoadingContainer, { className: (0, import_clsx28.clsx)("bg-negative", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: errorComponent ?? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoadingContainer, { className: (0, import_clsx28.clsx)("bg-negative", className) }) });
   }
-  return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children });
 };
 
 // src/components/loading-states/LoadingAnimation.tsx
 var import_clsx29 = __toESM(require("clsx"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var LoadingAnimation = ({
   loadingText,
   classname
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: (0, import_clsx29.default)("flex-col-2 items-center justify-center w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HelpwaveLogo, { animate: "loading" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_clsx29.default)("flex-col-2 items-center justify-center w-full h-24", classname), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HelpwaveLogo, { animate: "loading" }),
     loadingText ?? `${translation("loading")}...`
   ] });
 };
 
 // src/components/loading-states/LoadingButton.tsx
 var import_clsx30 = __toESM(require("clsx"));
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var LoadingButton = ({ isLoading = false, size = "medium", onClick, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "inline-block relative", children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: (0, import_clsx30.default)("flex-row-2 absolute inset-0 items-center justify-center bg-white/40"), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HelpwaveLogo, { animate: "loading", className: "text-white" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { ...rest, size, disabled: rest.disabled, onClick })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "inline-block relative", children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: (0, import_clsx30.default)("flex-row-2 absolute inset-0 items-center justify-center bg-white/40"), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HelpwaveLogo, { animate: "loading", className: "text-white" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { ...rest, size, disabled: rest.disabled, onClick })
   ] });
 };
 
 // src/components/loading-states/ProgressIndicator.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var sizeMapping = { small: 16, medium: 24, big: 48 };
 var ProgressIndicator = ({
   progress,
@@ -11647,7 +11645,7 @@ var ProgressIndicator = ({
   if (direction === "clockwise") {
     rotation += 360 * progress;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "svg",
     {
       style: {
@@ -11656,7 +11654,7 @@ var ProgressIndicator = ({
         transform: `rotate(${rotation}deg)`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "circle",
           {
             cx: center,
@@ -11667,7 +11665,7 @@ var ProgressIndicator = ({
             className: "stroke-progress-indicator-fill"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "circle",
           {
             cx: center,
@@ -11689,12 +11687,12 @@ var ProgressIndicator = ({
 var import_link = __toESM(require_link2());
 var import_clsx31 = __toESM(require("clsx"));
 var import_react31 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: (0, import_clsx31.default)("flex-row-0.5 items-center", containerClassName), children: crumbs.map((crumb, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: (0, import_clsx31.default)("flex-row-0.5 items-center", containerClassName), children: crumbs.map((crumb, index) => {
     const isLast = index === crumbs.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react31.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react31.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         import_link.default,
         {
           href: crumb.link,
@@ -11709,7 +11707,7 @@ var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
           children: crumb.display
         }
       ),
-      !isLast && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_clsx31.default)(`px-1`, "text-description"), children: "/" })
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: (0, import_clsx31.default)(`px-1`, "text-description"), children: "/" })
     ] }, index);
   }) });
 };
@@ -11720,7 +11718,7 @@ var import_react32 = require("react");
 var import_react33 = require("react");
 var import_link2 = __toESM(require_link2());
 var import_clsx32 = __toESM(require("clsx"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function isSubItem(item) {
   return "items" in item && Array.isArray(item.items);
 }
@@ -11748,8 +11746,8 @@ var NavigationItemWithSubItem = ({
     }
   }, []);
   const zIndex = useZIndexRegister(isOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "button",
       {
         id: "navigation-" + id,
@@ -11764,11 +11762,11 @@ var NavigationItemWithSubItem = ({
         "aria-controls": "navigation-items-" + id,
         children: [
           label,
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ExpansionIcon, { isExpanded: isOpen })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ExpansionIcon, { isExpanded: isOpen })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "ul",
       {
         id: "navigation-items-" + id,
@@ -11787,7 +11785,7 @@ var NavigationItemWithSubItem = ({
           { "opacity-0": !style }
         ),
         style: { ...style, zIndex },
-        children: items.map(({ link, label: label2, external }, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: items.map(({ link, label: label2, external }, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           import_link2.default,
           {
             href: link,
@@ -11801,7 +11799,7 @@ var NavigationItemWithSubItem = ({
   ] });
 };
 var NavigationItemList = ({ items, ...restProps }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { ...restProps, className: (0, import_clsx32.default)("flex-row-6 items-center", restProps.className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: isSubItem(item) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavigationItemWithSubItem, { ...item }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_link2.default, { href: item.link, target: item.external ? "_blank" : void 0, className: "link", children: item.label }) }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { ...restProps, className: (0, import_clsx32.default)("flex-row-6 items-center", restProps.className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: isSubItem(item) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavigationItemWithSubItem, { ...item }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_link2.default, { href: item.link, target: item.external ? "_blank" : void 0, className: "link", children: item.label }) }, index)) });
 };
 var Navigation = ({ ...props }) => {
   const [isMobileOpen, setIsMobileOpen] = (0, import_react33.useState)(false);
@@ -11811,15 +11809,15 @@ var Navigation = ({ ...props }) => {
     menuRef.current?.focus();
   }, [isMobileOpen]);
   const zIndex = useZIndexRegister(isMobileOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("nav", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("nav", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       NavigationItemList,
       {
         ...props,
         className: (0, import_clsx32.default)("hidden", { "desktop:flex": !isMobileOpen }, props.className)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Button,
       {
         layout: "icon",
@@ -11830,10 +11828,10 @@ var Navigation = ({ ...props }) => {
         "aria-haspopup": "true",
         "aria-expanded": isMobileOpen,
         "aria-controls": "navigation-menu-" + id,
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.Menu, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react9.Menu, { className: "w-6 h-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "div",
       {
         id: "navigation-menu-" + id,
@@ -11855,17 +11853,17 @@ var Navigation = ({ ...props }) => {
         ),
         style: { zIndex },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Button,
             {
               layout: "icon",
               coloringStyle: "text",
               color: "neutral",
               onClick: () => setIsMobileOpen(false),
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.XIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react9.XIcon, {})
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(NavigationItemList, { ...props, className: (0, import_clsx32.default)("flex-col-8", props.className) })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavigationItemList, { ...props, className: (0, import_clsx32.default)("flex-col-8", props.className) })
         ]
       }
     )
@@ -11876,7 +11874,7 @@ var Navigation = ({ ...props }) => {
 var import_lucide_react10 = require("lucide-react");
 var import_clsx33 = __toESM(require("clsx"));
 var import_react34 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Pagination = ({
   pageIndex,
   pageCount,
@@ -11899,8 +11897,8 @@ var Pagination = ({
   const changePage = (page) => {
     onPageChanged(page);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: (0, import_clsx33.default)("flex-row-1", className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: (0, import_clsx33.default)("flex-row-1", className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         layout: "icon",
@@ -11908,10 +11906,10 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(0),
         disabled: onFirstPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronFirst, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.ChevronFirst, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         layout: "icon",
@@ -11919,11 +11917,11 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageIndex - 1),
         disabled: onFirstPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronLeft, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.ChevronLeft, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex-row-2 min-w-56 items-center justify-center mx-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-row-2 min-w-56 items-center justify-center mx-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Input,
         {
           value,
@@ -11947,8 +11945,8 @@ var Pagination = ({
           editCompleteOptions: { delay: 800 }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "select-none w-10", children: translation("of") }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "select-none w-10", children: translation("of") }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "span",
         {
           className: "flex-row-2 w-24 items-center justify-center select-none h-10 bg-input-background text-input-text rounded-md font-bold",
@@ -11956,7 +11954,7 @@ var Pagination = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         layout: "icon",
@@ -11964,10 +11962,10 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageIndex + 1),
         disabled: onLastPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronRight, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.ChevronRight, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         layout: "icon",
@@ -11975,7 +11973,7 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageCount - 1),
         disabled: onLastPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronLast, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.ChevronLast, {})
       }
     )
   ] });
@@ -11984,7 +11982,7 @@ var Pagination = ({
 // src/components/navigation/StepperBar.tsx
 var import_lucide_react11 = require("lucide-react");
 var import_clsx34 = __toESM(require("clsx"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var defaultState = {
   currentStep: 0,
   seenSteps: /* @__PURE__ */ new Set([0])
@@ -12006,12 +12004,12 @@ var StepperBar = ({
     seenSteps.add(newStep);
     onChange({ currentStep: newStep, seenSteps });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
       className: (0, import_clsx34.default)("flex-row-2 justify-between", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-row-2 flex-[2] justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-row-2 flex-[2] justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           Button,
           {
             disabled: currentStep === 0 || disabledSteps.has(currentStep),
@@ -12020,14 +12018,14 @@ var StepperBar = ({
             },
             className: "flex-row-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.ChevronLeft, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronLeft, { size: 14 }),
               translation("back")
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-row-2 flex-[5] justify-center items-center", children: showDots && dots.map((value, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-row-2 flex-[5] justify-center items-center", children: showDots && dots.map((value, index) => {
           const seen = seenSteps.has(index);
-          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "div",
             {
               onClick: () => seen && update(index),
@@ -12047,7 +12045,7 @@ var StepperBar = ({
             index
           );
         }) }),
-        currentStep !== numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        currentStep !== numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           Button,
           {
             onClick: () => update(currentStep + 1),
@@ -12055,18 +12053,18 @@ var StepperBar = ({
             disabled: disabledSteps.has(currentStep),
             children: [
               translation("next"),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.ChevronRight, { size: 14 })
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronRight, { size: 14 })
             ]
           }
         ) }),
-        currentStep === numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        currentStep === numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           Button,
           {
             disabled: disabledSteps.has(currentStep),
             onClick: onFinish,
             className: "flex-row-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react11.Check, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.Check, { size: 14 }),
               finishText ?? translation("confirm")
             ]
           }
@@ -12077,7 +12075,7 @@ var StepperBar = ({
 };
 var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
   const [usedState, setUsedState] = useOverwritableState(state, onChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     StepperBar,
     {
       ...props,
@@ -12093,7 +12091,7 @@ var import_lucide_react14 = require("lucide-react");
 // src/components/user-action/Checkbox.tsx
 var import_lucide_react12 = require("lucide-react");
 var import_clsx35 = __toESM(require("clsx"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var checkboxSizeMapping = {
   small: "size-5 border-2",
   medium: "size-6 border-2",
@@ -12116,7 +12114,7 @@ var Checkbox = ({
 }) => {
   const usedSizeClass = checkboxSizeMapping[size];
   const innerIconSize = checkboxIconSizeMapping[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       ...props,
@@ -12147,8 +12145,8 @@ var Checkbox = ({
       "aria-disabled": disabled,
       tabIndex: disabled ? -1 : 0,
       children: [
-        !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Check, { className: innerIconSize, "aria-hidden": true }),
-        indeterminate && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.Minus, { className: innerIconSize, "aria-hidden": true })
+        !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.Check, { className: innerIconSize, "aria-hidden": true }),
+        indeterminate && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.Minus, { className: innerIconSize, "aria-hidden": true })
       ]
     }
   );
@@ -12159,7 +12157,7 @@ var CheckboxUncontrolled = ({
   ...props
 }) => {
   const [checked, setChecked] = useOverwritableState(initialChecked, onCheckedChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Checkbox,
     {
       ...props,
@@ -12172,7 +12170,7 @@ var CheckboxUncontrolled = ({
 // src/components/properties/PropertyBase.tsx
 var import_lucide_react13 = require("lucide-react");
 var import_clsx36 = __toESM(require("clsx"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PropertyBase = ({
   name,
   input,
@@ -12185,8 +12183,8 @@ var PropertyBase = ({
 }) => {
   const translation = useHightideTranslation();
   const requiredAndNoValue = softRequired && !hasValue;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: (0, import_clsx36.default)("flex-row-0 group", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: (0, import_clsx36.default)("flex-row-0 group", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         className: (0, import_clsx36.default)(
@@ -12198,12 +12196,12 @@ var PropertyBase = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "max-w-6 min-w-6 text-text-primary", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-semibold", children: name })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "max-w-6 min-w-6 text-text-primary", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-semibold", children: name })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         className: (0, import_clsx36.default)(
@@ -12216,8 +12214,8 @@ var PropertyBase = ({
         ),
         children: [
           input({ softRequired, hasValue }),
-          requiredAndNoValue && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-warning", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.AlertTriangle, { size: 24 }) }),
-          onRemove && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          requiredAndNoValue && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-warning", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react13.AlertTriangle, { size: 24 }) }),
+          onRemove && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             Button,
             {
               onClick: onRemove,
@@ -12236,7 +12234,7 @@ var PropertyBase = ({
 
 // src/components/properties/CheckboxProperty.tsx
 var import_react35 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var CheckboxProperty = ({
   value,
   onChange,
@@ -12245,15 +12243,15 @@ var CheckboxProperty = ({
 }) => {
   const translation = useHightideTranslation();
   const id = (0, import_react35.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     PropertyBase,
     {
       ...baseProps,
       hasValue: true,
       readOnly,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react14.Check, { size: 24 }),
-      input: () => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-row-2 items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react14.Check, { size: 24 }),
+      input: () => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-row-2 items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Checkbox,
           {
             id,
@@ -12263,7 +12261,7 @@ var CheckboxProperty = ({
             "aria-labelledby": id + "label"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label, { id: id + "label", children: `${translation("yes")}/${translation("no")}` })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label, { id: id + "label", children: `${translation("yes")}/${translation("no")}` })
       ] })
     }
   );
@@ -12272,7 +12270,7 @@ var CheckboxProperty = ({
 // src/components/properties/DateProperty.tsx
 var import_lucide_react15 = require("lucide-react");
 var import_clsx37 = __toESM(require("clsx"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var DateProperty = ({
   value,
   onChange,
@@ -12283,13 +12281,13 @@ var DateProperty = ({
 }) => {
   const hasValue = !!value;
   const dateText = value ? type === "dateTime" ? formatDateTime(value) : formatDate(value) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     PropertyBase,
     {
       ...baseProps,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react15.CalendarDays, { size: 24 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react15.CalendarDays, { size: 24 }),
+      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         Input,
         {
           className: (0, import_clsx37.default)("default-style-none focus-style-none", { "bg-surface-warning": softRequired && !hasValue }),
@@ -12315,7 +12313,7 @@ var DateProperty = ({
 // src/components/properties/MultiSelectProperty.tsx
 var import_lucide_react16 = require("lucide-react");
 var import_clsx38 = __toESM(require("clsx"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var MultiSelectProperty = ({
   children,
   values,
@@ -12323,13 +12321,13 @@ var MultiSelectProperty = ({
   ...props
 }) => {
   const hasValue = values.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     PropertyBase,
     {
       ...props,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react16.List, { size: 24 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react16.List, { size: 24 }),
+      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         MultiSelectChipDisplay,
         {
           values,
@@ -12356,7 +12354,7 @@ var MultiSelectProperty = ({
 // src/components/properties/NumberProperty.tsx
 var import_lucide_react17 = require("lucide-react");
 var import_clsx39 = __toESM(require("clsx"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var NumberProperty = ({
   value,
   onChange,
@@ -12368,21 +12366,21 @@ var NumberProperty = ({
 }) => {
   const translation = useHightideTranslation();
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react17.Binary, { size: 24 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react17.Binary, { size: 24 }),
       input: ({ softRequired }) => (
         // TODO this max width might be to low for some numbers
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           "div",
           {
             className: (0, import_clsx39.default)("relative flex-row-2 max-w-56", { "text-warning": softRequired && !hasValue }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 Input,
                 {
                   className: (0, import_clsx39.default)("default-style-none focus-style-none w-full pr-8", { "bg-surface-warning placeholder-warning": softRequired && !hasValue }),
@@ -12408,7 +12406,7 @@ var NumberProperty = ({
                   }
                 }
               ),
-              suffix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              suffix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "span",
                 {
                   className: (0, import_clsx39.default)(
@@ -12429,7 +12427,7 @@ var NumberProperty = ({
 // src/components/properties/SelectProperty.tsx
 var import_lucide_react18 = require("lucide-react");
 var import_clsx40 = __toESM(require("clsx"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SingleSelectProperty = ({
   children,
   value,
@@ -12438,13 +12436,13 @@ var SingleSelectProperty = ({
   ...props
 }) => {
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     PropertyBase,
     {
       ...props,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react18.List, { size: 24 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react18.List, { size: 24 }),
+      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         Select,
         {
           value,
@@ -12473,7 +12471,7 @@ var import_clsx42 = __toESM(require("clsx"));
 // src/components/user-action/Textarea.tsx
 var import_react36 = require("react");
 var import_clsx41 = __toESM(require("clsx"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Textarea = (0, import_react36.forwardRef)(function Textarea2({
   id,
   onChange,
@@ -12490,7 +12488,7 @@ var Textarea = (0, import_react36.forwardRef)(function Textarea2({
     onEditCompleted?.(text);
     clearTimer();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "textarea",
     {
       ...props,
@@ -12522,7 +12520,7 @@ var TextareaUncontrolled = ({
   ...props
 }) => {
   const [text, setText] = useOverwritableState(value, onChangeText);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Textarea,
     {
       ...props,
@@ -12542,7 +12540,7 @@ var TextareaWithHeadline = ({
 }) => {
   const genId = (0, import_react36.useId)();
   const usedId = id ?? genId;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       className: (0, import_clsx41.default)(
@@ -12554,8 +12552,8 @@ var TextareaWithHeadline = ({
         containerClassName
       ),
       children: [
-        headline && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label, { size: "md", ...headlineProps, htmlFor: usedId, children: headline }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        headline && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label, { size: "md", ...headlineProps, htmlFor: usedId, children: headline }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           Textarea,
           {
             ...props,
@@ -12572,7 +12570,7 @@ var TextareaWithHeadline = ({
 };
 
 // src/components/properties/TextProperty.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var TextProperty = ({
   value,
   readOnly,
@@ -12583,14 +12581,14 @@ var TextProperty = ({
 }) => {
   const translation = useHightideTranslation();
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react19.Text, { size: 24 }),
-      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react19.Text, { size: 24 }),
+      input: ({ softRequired }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         Textarea,
         {
           className: (0, import_clsx42.default)(
@@ -12623,11 +12621,11 @@ var TextProperty = ({
 
 // src/components/table/FillerRowElement.tsx
 var import_clsx43 = require("clsx");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var FillerRowElement = ({
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: (0, import_clsx43.clsx)("flex flex-row items-center w-1/2 h-4 text-disabled font-bold", className), children: "-" });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_clsx43.clsx)("flex flex-row items-center w-1/2 h-4 text-disabled font-bold", className), children: "-" });
 };
 
 // src/components/table/Filter.ts
@@ -12651,12 +12649,12 @@ var import_react_table = require("@tanstack/react-table");
 
 // src/components/table/TableCell.tsx
 var import_clsx44 = require("clsx");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TableCell = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: (0, import_clsx44.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: (0, import_clsx44.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
 };
 
 // src/hooks/useResizeCallbackWrapper.ts
@@ -12678,7 +12676,7 @@ var import_clsx46 = __toESM(require("clsx"));
 var import_react38 = require("react");
 var import_clsx45 = require("clsx");
 var import_react_dom4 = require("react-dom");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Tooltip = ({
   tooltip,
   children,
@@ -12705,10 +12703,22 @@ var Tooltip = ({
     right: `border-r-tooltip-background border-t-transparent border-b-transparent`
   };
   const triangleStyle = {
-    top: { borderWidth: `${triangleSize}rem ${triangleSize}rem 0 ${triangleSize}rem`, transform: `translate(0,${triangleSize}rem)` },
-    bottom: { borderWidth: `0 ${triangleSize}rem ${triangleSize}rem ${triangleSize}rem`, transform: `translate(0,-${triangleSize}rem)` },
-    left: { borderWidth: `${triangleSize}rem 0 ${triangleSize}rem ${triangleSize}rem`, transform: `translate(${triangleSize}rem,0)` },
-    right: { borderWidth: `${triangleSize}rem ${triangleSize}rem ${triangleSize}rem 0`, transform: `translate(-${triangleSize}rem,0)` }
+    top: {
+      borderWidth: `${triangleSize}rem ${triangleSize}rem 0 ${triangleSize}rem`,
+      transform: `translate(0,${triangleSize}rem)`
+    },
+    bottom: {
+      borderWidth: `0 ${triangleSize}rem ${triangleSize}rem ${triangleSize}rem`,
+      transform: `translate(0,-${triangleSize}rem)`
+    },
+    left: {
+      borderWidth: `${triangleSize}rem 0 ${triangleSize}rem ${triangleSize}rem`,
+      transform: `translate(${triangleSize}rem,0)`
+    },
+    right: {
+      borderWidth: `${triangleSize}rem ${triangleSize}rem ${triangleSize}rem 0`,
+      transform: `translate(-${triangleSize}rem,0)`
+    }
   };
   const isActive = !disabled && isShown;
   const css = useFloatingElement({
@@ -12727,13 +12737,15 @@ var Tooltip = ({
   });
   const zIndex = useZIndexRegister(isActive);
   const zIndexTriangle = useZIndexRegister(isActive);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       ref: anchorRef,
       className: (0, import_clsx45.clsx)("relative inline-block", containerClassName),
-      onMouseEnter: () => setState((prevState) => {
-        clearTimeout(prevState.timer);
+      onPointerEnter: () => setState((prevState) => {
+        if (prevState.isShown) {
+          return prevState;
+        }
         return {
           ...prevState,
           timer: setTimeout(() => {
@@ -12744,7 +12756,7 @@ var Tooltip = ({
           }, appearDelay)
         };
       }),
-      onMouseLeave: () => setState((prevState) => {
+      onPointerLeave: () => setState((prevState) => {
         clearTimeout(prevState.timer);
         return {
           ...prevState,
@@ -12758,9 +12770,9 @@ var Tooltip = ({
       }),
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Visibility, { isVisible: isActive, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Visibility, { isVisible: isActive, children: [
           (0, import_react_dom4.createPortal)(
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               "div",
               {
                 ref: containerRef,
@@ -12776,7 +12788,7 @@ var Tooltip = ({
             document.body
           ),
           (0, import_react_dom4.createPortal)(
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               "div",
               {
                 ref: triangleRef,
@@ -12798,7 +12810,7 @@ var Tooltip = ({
 };
 
 // src/components/table/TableSortButton.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TableSortButton = ({
   sortDirection,
   invert = false,
@@ -12810,16 +12822,16 @@ var TableSortButton = ({
 }) => {
   const translation = useHightideTranslation();
   const { sortingsCount, index } = sortingIndexDisplay;
-  let icon = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react20.ChevronsUpDown, { className: "size-4" });
+  let icon = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react20.ChevronsUpDown, { className: "size-4" });
   if (sortDirection) {
     let usedSortDirection = sortDirection;
     if (invert) {
       usedSortDirection = usedSortDirection === "desc" ? "asc" : "desc";
     }
-    icon = usedSortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react20.ChevronUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react20.ChevronDown, { className: "size-4" });
+    icon = usedSortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react20.ChevronUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react20.ChevronDown, { className: "size-4" });
   }
   const hasSortingIndex = !!sortingIndexDisplay && sortingsCount > 1 && index > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Tooltip, { tooltip: translation("rSortingOrderAfter", { otherSortings: index - 1 }), disabled: !hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Tooltip, { tooltip: translation("rSortingOrderAfter", { otherSortings: index - 1 }), disabled: !hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     Button,
     {
       layout: hasSortingIndex ? "default" : "icon",
@@ -12828,7 +12840,7 @@ var TableSortButton = ({
       className: (0, import_clsx46.default)("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Visibility, { isVisible: hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Visibility, { isVisible: hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "div",
           {
             className: (0, import_clsx46.default)("absolute bottom-0 right-1/2 translate-x-1/2 translate-y-2/3 z-1 primary coloring-solid rounded-full h-4 w-5 text-sm"),
@@ -12981,14 +12993,14 @@ var useOutsideClick = (refs, handler) => {
 };
 
 // src/components/user-action/Menu.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var MenuItem = ({
   children,
   onClick,
   alignment = "left",
   isDisabled = false,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   "div",
   {
     className: (0, import_clsx47.default)("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold text-nowrap", {
@@ -13058,9 +13070,9 @@ var Menu = ({
     }
   }, [isOpen]);
   const zIndex = useZIndexRegister(isOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
     trigger(bag, triggerRef),
-    (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    (0, import_react_dom5.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "div",
       {
         ref: menuRef,
@@ -13091,7 +13103,7 @@ var Menu = ({
 
 // src/components/table/TableFilterButton.tsx
 var import_react42 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var TableFilterButton = ({
   filterType,
   column
@@ -13103,21 +13115,21 @@ var TableFilterButton = ({
   (0, import_react42.useEffect)(() => {
     setFilterValue(columnFilterValue);
   }, [columnFilterValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     Menu,
     {
-      trigger: ({ toggleOpen }, ref) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref, className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      trigger: ({ toggleOpen }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ref, className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             layout: "icon",
             color: "neutral",
             size: "tiny",
             onClick: toggleOpen,
-            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react21.FilterIcon, { className: "size-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react21.FilterIcon, { className: "size-4" })
           }
         ),
-        hasFilter && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        hasFilter && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "div",
           {
             className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-primary pointer-events-none",
@@ -13125,9 +13137,9 @@ var TableFilterButton = ({
           }
         )
       ] }),
-      children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-col-1 p-2 items-start font-normal text-menu-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h4", { className: "typography-label-md-semibold", children: translation("filter") }),
-        filterType === "text" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-col-1 p-2 items-start font-normal text-menu-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h4", { className: "typography-label-md-semibold", children: translation("filter") }),
+        filterType === "text" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Input,
           {
             value: filterValue ?? "",
@@ -13137,8 +13149,8 @@ var TableFilterButton = ({
             className: "h-10"
           }
         ),
-        filterType === "range" && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-row-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        filterType === "range" && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-row-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             Input,
             {
               value: filterValue?.[0] ?? "",
@@ -13151,8 +13163,8 @@ var TableFilterButton = ({
               className: "h-10 input-indicator-hidden w-40"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-bold", children: "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-bold", children: "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             Input,
             {
               value: filterValue?.[1] ?? "",
@@ -13166,8 +13178,8 @@ var TableFilterButton = ({
             }
           )
         ] }),
-        filterType === "dateRange" && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        filterType === "dateRange" && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             Input,
             {
               value: filterValue?.[0] ? filterValue?.[0].toISOString().slice(0, 16) : "",
@@ -13180,7 +13192,7 @@ var TableFilterButton = ({
               className: "h-10 w-50"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             Input,
             {
               value: filterValue?.[1] ? filterValue?.[1].toISOString().slice(0, 16) : "",
@@ -13194,12 +13206,12 @@ var TableFilterButton = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-row-2 justify-end w-full", children: [
-          hasFilter && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { color: "negative", size: "small", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-row-2 justify-end w-full", children: [
+          hasFilter && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { color: "negative", size: "small", onClick: () => {
             column.setFilterValue(void 0);
             close();
           }, children: translation("remove") }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { size: "small", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { size: "small", onClick: () => {
             column.setFilterValue(filterValue);
             close();
           }, children: translation("apply") })
@@ -13210,7 +13222,7 @@ var TableFilterButton = ({
 };
 
 // src/components/table/Table.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Table = ({
   data,
   fillerRow,
@@ -13330,7 +13342,7 @@ var Table = ({
       minSize: 60,
       maxSize: 700,
       cell: ({ cell }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { children: cell.getValue() });
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TableCell, { children: cell.getValue() });
       },
       ...defaultColumn
     },
@@ -13415,8 +13427,8 @@ var Table = ({
     }
     return colSizes;
   }, [table.getState().columnSizingInfo, table.getState().columnSizing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ref, className: (0, import_clsx48.default)("flex-col-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx48.default)("flex-col-0 w-full overflow-auto", tableContainerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { ref, className: (0, import_clsx48.default)("flex-col-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx48.default)("flex-col-0 w-full overflow-auto", tableContainerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "table",
       {
         ref: tableRef,
@@ -13426,7 +13438,7 @@ var Table = ({
           width: Math.floor(Math.max(table.getTotalSize() - columns.length, ref.current?.offsetWidth ?? table.getTotalSize()))
         },
         children: [
-          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "col",
             {
               style: {
@@ -13437,15 +13449,15 @@ var Table = ({
             },
             header.id
           )) }, headerGroup.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               "th",
               {
                 colSpan: header.colSpan,
                 className: (0, import_clsx48.default)("relative group", header.column.columnDef.meta?.className),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-row-2 w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-row-1 items-center", children: [
-                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-row-2 w-full", children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex-row-1 items-center", children: [
+                    header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                       TableSortButton,
                       {
                         sortDirection: header.column.getIsSorted(),
@@ -13471,7 +13483,7 @@ var Table = ({
                         }
                       }
                     ),
-                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                    header.column.getCanFilter() && header.column.columnDef.meta?.filterType ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                       TableFilterButton,
                       {
                         column: header.column,
@@ -13483,7 +13495,7 @@ var Table = ({
                       header.getContext()
                     )
                   ] }) }),
-                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  header.column.getCanResize() && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     "div",
                     {
                       onMouseDown: header.getResizeHandler(),
@@ -13502,15 +13514,15 @@ var Table = ({
               header.id
             );
           }) }, headerGroup.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tbody", { children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 "tr",
                 {
                   onClick: () => onRowClick?.(row, table),
                   className: table.options.meta?.bodyRowClassName,
                   children: row.getVisibleCells().map((cell) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: (0, import_react_table.flexRender)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { children: (0, import_react_table.flexRender)(
                       cell.column.columnDef.cell,
                       cell.getContext()
                     ) }, cell.id);
@@ -13520,15 +13532,15 @@ var Table = ({
               );
             }),
             range(table.getState().pagination.pageSize - table.getRowModel().rows.length, { allowEmptyRange: true }).map((row, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { children: columns.map((column) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FillerRowElement, {}) }, column.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { children: columns.map((column) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FillerRowElement, {}) }, column.id);
               }) }, "filler-row-" + index);
             })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-row-2 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-row-2 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       Pagination,
       {
         pageIndex: table.getState().pagination.pageIndex,
@@ -13540,7 +13552,7 @@ var Table = ({
 };
 var TableUncontrolled = ({ data, ...props }) => {
   const [usedDate] = useOverwritableState(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     Table,
     {
       ...props,
@@ -13564,7 +13576,7 @@ var TableWithSelection = ({
       {
         id: selectionRowId,
         header: ({ table }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             Checkbox,
             {
               checked: table.getIsAllRowsSelected(),
@@ -13577,7 +13589,7 @@ var TableWithSelection = ({
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             Checkbox,
             {
               disabled: !row.getCanSelect(),
@@ -13595,15 +13607,15 @@ var TableWithSelection = ({
       ...columns
     ];
   }, [columns, selectionRowId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     Table,
     {
       columns: columnsWithSelection,
       fillerRow: (columnId, table) => {
         if (columnId === selectionRowId) {
-          return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Checkbox, { checked: false, disabled: true, className: "max-w-6" });
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Checkbox, { checked: false, disabled: true, className: "max-w-6" });
         }
-        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FillerRowElement, {});
+        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FillerRowElement, {});
       },
       state: {
         rowSelection,
@@ -13638,7 +13650,7 @@ var writeToClipboard = (text) => {
 
 // src/components/user-action/CopyToClipboardWrapper.tsx
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var CopyToClipboardWrapper = ({
   children,
   textToCopy,
@@ -13669,7 +13681,7 @@ var CopyToClipboardWrapper = ({
     left: { borderWidth: `${triangleSize}px 0 ${triangleSize}px ${triangleSize}px` },
     right: { borderWidth: `${triangleSize}px ${triangleSize}px ${triangleSize}px 0` }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "div",
     {
       className: (0, import_clsx49.clsx)("relative inline-block cursor-copy", containerClassName),
@@ -13687,7 +13699,7 @@ var CopyToClipboardWrapper = ({
       },
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
           "div",
           {
             className: (0, import_clsx49.clsx)(
@@ -13702,15 +13714,15 @@ var CopyToClipboardWrapper = ({
               opacity: isShowingIndication || isShowingConfirmation ? 1 : 0
             },
             children: [
-              isShowingConfirmation && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex-row-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.CheckIcon, { size: 16, className: "text-positive" }),
+              isShowingConfirmation && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react22.CheckIcon, { size: 16, className: "text-positive" }),
                 translation("copied")
               ] }),
-              isShowingIndication && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex-row-1 text-description", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react22.Copy, { size: 16 }),
+              isShowingIndication && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-1 text-description", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react22.Copy, { size: 16 }),
                 translation("clickToCopy")
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                 "div",
                 {
                   className: (0, import_clsx49.clsx)(`absolute w-0 h-0`, triangleClasses[position]),
@@ -13727,7 +13739,7 @@ var CopyToClipboardWrapper = ({
 
 // src/components/user-action/DateAndTimePicker.tsx
 var import_clsx50 = __toESM(require("clsx"));
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var DateTimePicker = ({
   value = /* @__PURE__ */ new Date(),
   start = subtractDuration(/* @__PURE__ */ new Date(), { years: 50 }),
@@ -13742,7 +13754,7 @@ var DateTimePicker = ({
   let dateDisplay;
   let timeDisplay;
   if (useDate) {
-    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       DatePicker,
       {
         ...datePickerProps,
@@ -13756,7 +13768,7 @@ var DateTimePicker = ({
     );
   }
   if (useTime) {
-    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       TimePicker,
       {
         ...timePickerProps,
@@ -13766,7 +13778,7 @@ var DateTimePicker = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-2 min-h-71 max-h-71", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex-row-2 min-h-71 max-h-71", children: [
     dateDisplay,
     timeDisplay
   ] });
@@ -13775,7 +13787,7 @@ var DateTimePicker = ({
 // src/components/user-action/ScrollPicker.tsx
 var import_react45 = require("react");
 var import_clsx51 = __toESM(require("clsx"));
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var up = 1;
 var down = -1;
 var ScrollPicker = ({
@@ -13914,7 +13926,7 @@ var ScrollPicker = ({
     }
     return clamp(1 - opacityValue / max);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: "relative overflow-hidden",
@@ -13925,15 +13937,15 @@ var ScrollPicker = ({
           setAnimation(({ velocity, ...animationData }) => ({ ...animationData, velocity: velocity + deltaY }));
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
           {
             className: "absolute z-[1] top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2 w-full min-w-[40px] border border-divider/50 border-y-2 border-x-0 ",
             style: { height: `${itemHeight}px` }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "div",
           {
             className: "flex-col-2 select-none",
@@ -13941,7 +13953,7 @@ var ScrollPicker = ({
               transform: `translateY(${-transition * (distance + itemHeight)}px)`,
               columnGap: `${distance}px`
             },
-            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               "div",
               {
                 className: (0, import_clsx51.default)(
@@ -13974,7 +13986,7 @@ var ScrollPicker = ({
 var import_react46 = require("react");
 var import_lucide_react23 = require("lucide-react");
 var import_clsx52 = __toESM(require("clsx"));
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var DateTimeInput = ({
   date,
   onValueChange,
@@ -14002,9 +14014,9 @@ var DateTimeInput = ({
   const cleanInputProps = { ...props };
   delete cleanInputProps["isShowingError"];
   delete cleanInputProps["setIsShowingError"];
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { ...containerProps, className: (0, import_clsx52.default)("relative w-full", containerProps?.className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { ...containerProps, className: (0, import_clsx52.default)("relative w-full", containerProps?.className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Input,
         {
           ...cleanInputProps,
@@ -14022,7 +14034,7 @@ var DateTimeInput = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button,
         {
           coloringStyle: "text",
@@ -14032,18 +14044,18 @@ var DateTimeInput = ({
           className: "absolute right-1 top-1/2 -translate-y-1/2",
           disabled: isReadOnly,
           onClick: () => setIsOpen((prevState) => !prevState),
-          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react23.CalendarIcon, { className: "size-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react23.CalendarIcon, { className: "size-5" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Visibility, { isVisible: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Visibility, { isVisible: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "div",
       {
         ref: containerRef,
         className: "absolute left-0 flex-col-3 rounded-lg shadow-xl border bg-surface-variant text-on-surface border-divider p-2",
         style: { zIndex },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             DateTimePicker,
             {
               ...pickerProps,
@@ -14054,8 +14066,8 @@ var DateTimeInput = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-row-2 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Visibility, { isVisible: !!onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex-row-2 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Visibility, { isVisible: !!onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               Button,
               {
                 size: "medium",
@@ -14067,7 +14079,7 @@ var DateTimeInput = ({
                 children: translation("clear")
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               Button,
               {
                 size: "medium",
@@ -14089,7 +14101,7 @@ var DateTimeInputUncontrolled = ({
   ...props
 }) => {
   const [date, setDate] = useOverwritableState((0, import_react46.useMemo)(() => initialDate ?? /* @__PURE__ */ new Date(), [initialDate]));
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     DateTimeInput,
     {
       ...props,
@@ -14110,7 +14122,7 @@ var DateTimeInputUncontrolled = ({
 var import_react47 = require("react");
 var import_react48 = require("react");
 var import_clsx53 = __toESM(require("clsx"));
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var InsideLabelInput = (0, import_react48.forwardRef)(function InsideLabelInput2({
   id: customId,
   label,
@@ -14120,8 +14132,8 @@ var InsideLabelInput = (0, import_react48.forwardRef)(function InsideLabelInput2
   const [isFocused, setIsFocused] = (0, import_react48.useState)(false);
   const generatedId = (0, import_react47.useId)();
   const id = customId ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: (0, import_clsx53.default)("relative"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: (0, import_clsx53.default)("relative"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       Input,
       {
         ...props,
@@ -14139,7 +14151,7 @@ var InsideLabelInput = (0, import_react48.forwardRef)(function InsideLabelInput2
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "label",
       {
         id: id + "-label",
@@ -14161,7 +14173,7 @@ var InsideLabelInputUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, props.onChangeText);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     InsideLabelInput,
     {
       ...props,
@@ -14174,7 +14186,7 @@ var InsideLabelInputUncontrolled = ({
 // src/components/user-action/input/SearchBar.tsx
 var import_lucide_react24 = require("lucide-react");
 var import_clsx54 = require("clsx");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SearchBar = ({
   onSearch,
   searchButtonProps,
@@ -14182,8 +14194,8 @@ var SearchBar = ({
   ...inputProps
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ...containerProps, className: (0, import_clsx54.clsx)("relative", containerProps?.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { ...containerProps, className: (0, import_clsx54.clsx)("relative", containerProps?.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       InputUncontrolled,
       {
         ...inputProps,
@@ -14191,7 +14203,7 @@ var SearchBar = ({
         className: (0, import_clsx54.clsx)("pr-10 w-full", inputProps.className)
       }
     ),
-    onSearch && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    onSearch && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Button,
       {
         ...searchButtonProps,
@@ -14201,7 +14213,7 @@ var SearchBar = ({
         coloringStyle: "text",
         onClick: (event) => onSearch(event),
         className: (0, import_clsx54.clsx)("absolute right-1 top-1/2 -translate-y-1/2", searchButtonProps?.className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react24.Search, { className: "w-full h-full" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react24.Search, { className: "w-full h-full" })
       }
     )
   ] });
@@ -14211,7 +14223,7 @@ var SearchBar = ({
 var import_react49 = require("react");
 var import_lucide_react25 = require("lucide-react");
 var import_clsx55 = __toESM(require("clsx"));
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ToggleableInput = (0, import_react49.forwardRef)(function ToggleableInput2({
   value,
   initialState = "display",
@@ -14226,8 +14238,8 @@ var ToggleableInput = (0, import_react49.forwardRef)(function ToggleableInput2({
       innerRef.current?.focus();
     }
   }, [isEditing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx55.default)("relative flex-row-2", { "flex-1": isEditing }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: (0, import_clsx55.default)("relative flex-row-2", { "flex-1": isEditing }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Input,
       {
         ...props,
@@ -14253,9 +14265,9 @@ var ToggleableInput = (0, import_react49.forwardRef)(function ToggleableInput2({
         })
       }
     ),
-    !isEditing && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "absolute left-0 flex-row-2 items-center pointer-events-none touch-none w-full overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: (0, import_clsx55.default)(" truncate"), children: value }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react25.Pencil, { className: (0, import_clsx55.default)(`size-force-4`, { "text-transparent": isEditing }) })
+    !isEditing && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "absolute left-0 flex-row-2 items-center pointer-events-none touch-none w-full overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: (0, import_clsx55.default)(" truncate"), children: value }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react25.Pencil, { className: (0, import_clsx55.default)(`size-force-4`, { "text-transparent": isEditing }) })
     ] })
   ] });
 });
@@ -14265,7 +14277,7 @@ var ToggleableInputUncontrolled = ({
   ...restProps
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onChangeText);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     ToggleableInput,
     {
       value,
@@ -14279,7 +14291,7 @@ var ToggleableInputUncontrolled = ({
 var import_react50 = require("react");
 var import_react51 = require("react");
 var import_react52 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var FocusTrap = (0, import_react52.forwardRef)(function FocusTrap2({
   active = true,
   initialFocus,
@@ -14289,7 +14301,7 @@ var FocusTrap = (0, import_react52.forwardRef)(function FocusTrap2({
   const innerRef = (0, import_react50.useRef)(null);
   (0, import_react51.useImperativeHandle)(forwardedRef, () => innerRef.current);
   useFocusTrap({ container: innerRef, active, initialFocus, focusFirst });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref: innerRef, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref: innerRef, ...props });
 });
 
 // src/components/utils/Transition.tsx