@helpwave/hightide 0.6.3 → 0.6.4

package/dist/index.js

@@ -8402,8 +8402,7 @@ var import_react9 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var defaultConfig = {
   tooltip: {
-    appearDelay: 200,
-    disappearDelay: 400
+    appearDelay: 400
   },
   theme: {
     initialTheme: "light"
@@ -11094,6 +11093,9 @@ var InputDialog = ({
   );
 };
 
+// src/components/user-interaction/select/Select.tsx
+var import_react36 = require("react");
+
 // src/components/user-interaction/select/SelectContext.tsx
 var import_react34 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -11602,168 +11604,16 @@ var MultiSelectOption = SelectOption;
 var MultiSelectContent = SelectContent;
 var MultiSelectButton = SelectButton;
 
-// src/components/user-interaction/select/MultiSelect.tsx
-var import_react36 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var MultiSelect = (0, import_react36.forwardRef)(function MultiSelect2({
-  children,
-  contentPanelProps,
-  buttonProps,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(MultiSelectRoot, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MultiSelectButton, { ref, ...buttonProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MultiSelectContent, { ...contentPanelProps, children })
-  ] });
-});
-var MultiSelectUncontrolled = (0, import_react36.forwardRef)(function MultiSelectUncontrolled2({
-  value: initialValue,
-  onValueChange,
-  ...props
-}, ref) {
-  const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    MultiSelect,
-    {
-      ...props,
-      ref,
-      value,
-      onValueChange: setValue
-    }
-  );
-});
-
-// src/components/user-interaction/select/MultiSelectChipDisplay.tsx
-var import_react37 = require("react");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var MultiSelectChipDisplayButton = (0, import_react37.forwardRef)(function MultiSelectChipDisplayButton2({
-  id,
-  ...props
-}, ref) {
-  const { state, trigger, item, ids, setIds } = useSelectContext();
-  const { register, unregister, toggleOpen } = trigger;
-  (0, import_react37.useEffect)(() => {
-    if (id) {
-      setIds((prev) => ({
-        ...prev,
-        trigger: id
-      }));
-    }
-  }, [id, setIds]);
-  const innerRef = (0, import_react37.useRef)(null);
-  (0, import_react37.useImperativeHandle)(ref, () => innerRef.current);
-  (0, import_react37.useEffect)(() => {
-    register(innerRef);
-    return () => unregister();
-  }, [register, unregister]);
-  const disabled = !!props?.disabled || !!state.disabled;
-  const invalid = state.invalid;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-    "div",
-    {
-      ...props,
-      ref: innerRef,
-      onClick: (event) => {
-        toggleOpen();
-        props.onClick?.(event);
-      },
-      "data-name": props["data-name"] ?? "select-button-chips",
-      "data-value": state.value.length > 0 ? "" : void 0,
-      "data-disabled": disabled ? "" : void 0,
-      "data-invalid": invalid ? "" : void 0,
-      "aria-invalid": invalid,
-      "aria-disabled": disabled,
-      children: [
-        state.selectedOptions.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Chip, { className: "gap-x-2", children: [
-          label,
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-            Button,
-            {
-              onClick: () => {
-                item.toggleSelection(value, false);
-              },
-              size: "xs",
-              color: "negative",
-              coloringStyle: "text",
-              layout: "icon",
-              className: "flex-row-0 items-center",
-              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react8.XIcon, { className: "size-5" })
-            }
-          )
-        ] }, value)),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          Button,
-          {
-            id: ids.trigger,
-            onClick: (event) => {
-              event.stopPropagation();
-              toggleOpen();
-            },
-            onKeyDown: (event) => {
-              switch (event.key) {
-                case "ArrowDown":
-                  toggleOpen(true, { highlightStartPositionBehavior: "first" });
-                  break;
-                case "ArrowUp":
-                  toggleOpen(true, { highlightStartPositionBehavior: "last" });
-              }
-            },
-            layout: "icon",
-            size: "sm",
-            color: "neutral",
-            "aria-invalid": invalid,
-            "aria-disabled": disabled,
-            "aria-haspopup": "listbox",
-            "aria-expanded": state.isOpen,
-            "aria-controls": state.isOpen ? ids.content : void 0,
-            className: "size-9",
-            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react8.Plus, {})
-          }
-        )
-      ]
-    }
-  );
-});
-var MultiSelectChipDisplay = (0, import_react37.forwardRef)(function MultiSelectChipDisplay2({
-  children,
-  contentPanelProps,
-  chipDisplayProps,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(MultiSelectRoot, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MultiSelectChipDisplayButton, { ref, ...chipDisplayProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MultiSelectContent, { ...contentPanelProps, children })
-  ] });
-});
-var MultiSelectChipDisplayUncontrolled = (0, import_react37.forwardRef)(function MultiSelectChipDisplayUncontrolled2({
-  value: initialValue,
-  onValueChange,
-  ...props
-}, ref) {
-  const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    MultiSelectChipDisplay,
-    {
-      ...props,
-      ref,
-      value,
-      onValueChange: setValue
-    }
-  );
-});
-
 // src/components/user-interaction/select/Select.tsx
-var import_react38 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Select = (0, import_react38.forwardRef)(function Select2({
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Select = (0, import_react36.forwardRef)(function Select2({
   children,
   contentPanelProps,
   buttonProps,
   ...props
 }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SelectRoot, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SelectRoot, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       SelectButton,
       {
         ref,
@@ -11775,16 +11625,16 @@ var Select = (0, import_react38.forwardRef)(function Select2({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { ...contentPanelProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectContent, { ...contentPanelProps, children })
   ] });
 });
-var SelectUncontrolled = (0, import_react38.forwardRef)(function SelectUncontrolled2({
+var SelectUncontrolled = (0, import_react36.forwardRef)(function SelectUncontrolled2({
   value: initialValue,
   onValueChange,
   ...props
 }, ref) {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Select,
     {
       ...props,
@@ -11796,7 +11646,7 @@ var SelectUncontrolled = (0, import_react38.forwardRef)(function SelectUncontrol
 });
 
 // src/components/layout/dialog/LanguageDialog.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var LanguageDialog = ({
   onClose,
   titleOverwrite,
@@ -11805,15 +11655,15 @@ var LanguageDialog = ({
 }) => {
   const { locale, setLocale } = useLocale();
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     Dialog,
     {
       titleElement: titleOverwrite ?? translation("language"),
       description: descriptionOverwrite ?? translation("chooseLanguage"),
       onClose,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-64", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-64", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           Select,
           {
             value: locale,
@@ -11821,27 +11671,27 @@ var LanguageDialog = ({
             buttonProps: {
               selectedDisplay: (locale2) => LocalizationUtil.languagesLocalNames[locale2]
             },
-            children: LocalizationUtil.locals.map((local) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectOption, { value: local, children: LocalizationUtil.languagesLocalNames[local] }, local))
+            children: LocalizationUtil.locals.map((local) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectOption, { value: local, children: LocalizationUtil.languagesLocalNames[local] }, local))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { color: "positive", onClick: onClose, children: translation("done") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { color: "positive", onClick: onClose, children: translation("done") }) })
       ] })
     }
   );
 };
 
 // src/components/layout/dialog/ThemeDialog.tsx
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_clsx14 = __toESM(require("clsx"));
 
 // src/contexts/ThemeContext.tsx
-var import_react39 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var themes = ["light", "dark", "system"];
 var ThemeUtil = {
   themes
 };
-var ThemeContext = (0, import_react39.createContext)(null);
+var ThemeContext = (0, import_react37.createContext)(null);
 var ThemeProvider = ({ children, theme, initialTheme }) => {
   const {
     value: storedTheme,
@@ -11849,8 +11699,8 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
     deleteValue: deleteStoredTheme
   } = useLocalStorage("theme", "system");
   const { config } = useHightideConfig();
-  const [themePreference, setThemePreference] = (0, import_react39.useState)("system");
-  const resolvedTheme = (0, import_react39.useMemo)(() => {
+  const [themePreference, setThemePreference] = (0, import_react37.useState)("system");
+  const resolvedTheme = (0, import_react37.useMemo)(() => {
     if (theme && theme !== "system") {
       return theme;
     }
@@ -11862,7 +11712,7 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
     }
     return initialTheme ?? config.theme.initialTheme;
   }, [config.theme.initialTheme, initialTheme, storedTheme, theme, themePreference]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!theme) return;
     if (theme === "system") {
       deleteStoredTheme();
@@ -11870,18 +11720,18 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
       setStoredTheme(theme);
     }
   }, [theme]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     document.documentElement.setAttribute("data-theme", resolvedTheme);
   }, [resolvedTheme]);
-  const getPreference = (0, import_react39.useCallback)(() => {
+  const getPreference = (0, import_react37.useCallback)(() => {
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const prefersLight = window.matchMedia("(prefers-color-scheme: light)").matches;
     setThemePreference(prefersDark ? "dark" : prefersLight ? "light" : "system");
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     getPreference();
   }, [getPreference]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const darkQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const lightQuery = window.matchMedia("(prefers-color-scheme: light)");
     const noPrefQuery = window.matchMedia("(prefers-color-scheme: no-preference)");
@@ -11894,7 +11744,7 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
       noPrefQuery.removeEventListener("change", getPreference);
     };
   }, [getPreference]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     ThemeContext.Provider,
     {
       value: {
@@ -11912,7 +11762,7 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
   );
 };
 var useTheme = () => {
-  const context = (0, import_react39.useContext)(ThemeContext);
+  const context = (0, import_react37.useContext)(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.");
   }
@@ -11920,14 +11770,14 @@ var useTheme = () => {
 };
 
 // src/components/layout/dialog/ThemeDialog.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var ThemeIcon = ({ theme, className }) => {
   if (theme === "dark") {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react9.MoonIcon, { className: (0, import_clsx14.default)("w-4 h-4", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react8.MoonIcon, { className: (0, import_clsx14.default)("w-4 h-4", className) });
   } else if (theme === "light") {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react9.SunIcon, { className: (0, import_clsx14.default)("w-4 h-4", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react8.SunIcon, { className: (0, import_clsx14.default)("w-4 h-4", className) });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react9.MonitorCog, { className: (0, import_clsx14.default)("w-4 h-4", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react8.MonitorCog, { className: (0, import_clsx14.default)("w-4 h-4", className) });
   }
 };
 var ThemeDialog = ({
@@ -11938,67 +11788,67 @@ var ThemeDialog = ({
 }) => {
   const { theme, setTheme } = useTheme();
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Dialog,
     {
       titleElement: titleOverwrite ?? translation("pThemes", { count: 1 }),
       description: descriptionOverwrite ?? translation("chooseTheme"),
       onClose,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-64", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-64", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Select,
           {
             value: theme,
             onValueChange: (theme2) => setTheme(theme2),
             iconAppearance: "right",
             buttonProps: {
-              selectedDisplay: (value) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-row-2 items-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ThemeIcon, { theme }),
+              selectedDisplay: (value) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-row-2 items-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeIcon, { theme }),
                 translation("sThemeMode", { theme: value })
               ] }),
               className: "min-w-32"
             },
-            children: ThemeUtil.themes.map((theme2) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectOption, { value: theme2, className: "gap-x-6 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-row-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ThemeIcon, { theme: theme2 }),
+            children: ThemeUtil.themes.map((theme2) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectOption, { value: theme2, className: "gap-x-6 justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-row-2 items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeIcon, { theme: theme2 }),
               translation("sThemeMode", { theme: theme2 })
             ] }) }, theme2))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-row-4 mt-3 justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { autoFocus: true, color: "positive", onClick: onClose, children: translation("done") }) })
       ] })
     }
   );
 };
 
 // src/components/layout/loading/ErrorComponent.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_clsx15 = __toESM(require("clsx"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var ErrorComponent = ({
   errorText,
   classname
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: (0, import_clsx15.default)("flex-col-4 items-center justify-center w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react10.AlertOctagon, { size: 64, className: "text-warning" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_clsx15.default)("flex-col-4 items-center justify-center w-full h-24", classname), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.AlertOctagon, { size: 64, className: "text-warning" }),
     errorText ?? `${translation("errorOccurred")} :(`
   ] });
 };
 
 // src/components/layout/loading/LoadingAndErrorComponent.tsx
-var import_react40 = require("react");
+var import_react38 = require("react");
 
 // src/components/layout/loading/LoadingContainer.tsx
 var import_clsx16 = require("clsx");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var LoadingContainer = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: (0, import_clsx16.clsx)("relative overflow-hidden shimmer bg-disabled/30 rounded-md", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: (0, import_clsx16.clsx)("relative overflow-hidden shimmer bg-disabled/30 rounded-md", className) });
 };
 
 // src/components/layout/loading/LoadingAndErrorComponent.tsx
 var import_clsx17 = require("clsx");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var LoadingAndErrorComponent = ({
   children,
   isLoading = false,
@@ -12008,8 +11858,8 @@ var LoadingAndErrorComponent = ({
   minimumLoadingDuration = 200,
   className
 }) => {
-  const [isInMinimumLoading, setIsInMinimumLoading] = (0, import_react40.useState)(false);
-  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = (0, import_react40.useState)(false);
+  const [isInMinimumLoading, setIsInMinimumLoading] = (0, import_react38.useState)(false);
+  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = (0, import_react38.useState)(false);
   if (minimumLoadingDuration && !isInMinimumLoading && !hasUsedMinimumLoading) {
     setIsInMinimumLoading(true);
     setTimeout(() => {
@@ -12018,33 +11868,33 @@ var LoadingAndErrorComponent = ({
     }, minimumLoadingDuration);
   }
   if (isLoading || minimumLoadingDuration && isInMinimumLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LoadingContainer, { className: (0, import_clsx17.clsx)(className) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LoadingContainer, { className: (0, import_clsx17.clsx)(className) }) });
   }
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: errorComponent ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LoadingContainer, { className: (0, import_clsx17.clsx)("bg-negative", className) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: errorComponent ?? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LoadingContainer, { className: (0, import_clsx17.clsx)("bg-negative", className) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children });
 };
 
 // src/components/layout/loading/LoadingAnimation.tsx
 var import_clsx18 = __toESM(require("clsx"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var LoadingAnimation = ({
   loadingText,
   classname
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: (0, import_clsx18.default)("flex-col-2 items-center justify-center w-full h-24", classname), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(HelpwaveLogo, { animate: "loading" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: (0, import_clsx18.default)("flex-col-2 items-center justify-center w-full h-24", classname), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(HelpwaveLogo, { animate: "loading" }),
     loadingText ?? `${translation("loading")}...`
   ] });
 };
 
 // src/components/layout/navigation/BreadCrumbs.tsx
 var import_link = __toESM(require_link2());
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var BreadCrumbLink = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_link.default,
     {
       ...props,
@@ -12053,29 +11903,29 @@ var BreadCrumbLink = ({ ...props }) => {
   );
 };
 var BreadCrumbDivider = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { "data-name": "breadcrumb-divider", children: "/" });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "data-name": "breadcrumb-divider", children: "/" });
 };
 var BreadCrumbGroup = ({ children, divider, ...props }) => {
   const items = ArrayUtil.resolveSingleOrArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { ...props, "data-name": props["data-name"] ?? "breadcrumb", children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { ...props, "data-name": props["data-name"] ?? "breadcrumb", children: items.map((item, index) => {
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("li", { "data-name": "breadcrumb-item", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("li", { "data-name": "breadcrumb-item", children: [
       item,
-      !isLast && divider !== null && (divider ?? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadCrumbDivider, {}))
+      !isLast && divider !== null && (divider ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BreadCrumbDivider, {}))
     ] }, index);
   }) });
 };
 var BreadCrumbs = ({ crumbs }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadCrumbGroup, { children: crumbs.map(({ href, label }, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadCrumbLink, { href, children: label }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BreadCrumbGroup, { children: crumbs.map(({ href, label }, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BreadCrumbLink, { href, children: label }, index)) });
 };
 
 // src/components/layout/navigation/Navigation.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_react41 = require("react");
-var import_react42 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_react39 = require("react");
+var import_react40 = require("react");
 var import_link2 = __toESM(require_link2());
 var import_clsx19 = __toESM(require("clsx"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function isSubItem(item) {
   return "items" in item && Array.isArray(item.items);
 }
@@ -12085,10 +11935,10 @@ var NavigationItemWithSubItem = ({
   horizontalAlignment = "center",
   ...options
 }) => {
-  const [isOpen, setOpen] = (0, import_react42.useState)(false);
-  const containerRef = (0, import_react42.useRef)(null);
-  const triggerRef = (0, import_react42.useRef)(null);
-  const id = (0, import_react42.useId)();
+  const [isOpen, setOpen] = (0, import_react40.useState)(false);
+  const containerRef = (0, import_react40.useRef)(null);
+  const triggerRef = (0, import_react40.useRef)(null);
+  const id = (0, import_react40.useId)();
   const style = useFloatingElement({
     active: isOpen,
     containerRef,
@@ -12096,15 +11946,15 @@ var NavigationItemWithSubItem = ({
     horizontalAlignment,
     ...options
   });
-  const onBlur = (0, import_react42.useCallback)((event) => {
+  const onBlur = (0, import_react40.useCallback)((event) => {
     const nextFocus = event.relatedTarget;
     if (!containerRef.current?.contains(nextFocus) && !triggerRef.current?.contains(nextFocus)) {
       setOpen(false);
     }
   }, []);
   const { zIndex } = useOverlayRegistry();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "button",
       {
         id: "navigation-" + id,
@@ -12120,11 +11970,11 @@ var NavigationItemWithSubItem = ({
         "aria-controls": "navigation-items-" + id,
         children: [
           label,
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ExpansionIcon, { isExpanded: isOpen })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ExpansionIcon, { isExpanded: isOpen })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "ul",
       {
         id: "navigation-items-" + id,
@@ -12143,7 +11993,7 @@ var NavigationItemWithSubItem = ({
           { "opacity-0": !style }
         ),
         style: { ...style, zIndex },
-        children: items.map(({ link, label: label2, external }, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        children: items.map(({ link, label: label2, external }, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_link2.default,
           {
             href: link,
@@ -12157,25 +12007,25 @@ var NavigationItemWithSubItem = ({
   ] });
 };
 var NavigationItemList = ({ items, ...restProps }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { ...restProps, className: (0, import_clsx19.default)("flex-row-6 items-center", restProps.className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: isSubItem(item) ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NavigationItemWithSubItem, { ...item }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_link2.default, { href: item.link, target: item.external ? "_blank" : void 0, className: "link", children: item.label }) }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { ...restProps, className: (0, import_clsx19.default)("flex-row-6 items-center", restProps.className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { children: isSubItem(item) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(NavigationItemWithSubItem, { ...item }) : /* @__PURE__ */ (0, import_jsx_runtime45.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_react42.useState)(false);
-  const id = (0, import_react42.useId)();
-  const menuRef = (0, import_react42.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const [isMobileOpen, setIsMobileOpen] = (0, import_react40.useState)(false);
+  const id = (0, import_react40.useId)();
+  const menuRef = (0, import_react40.useRef)(null);
+  (0, import_react39.useEffect)(() => {
     menuRef.current?.focus();
   }, [isMobileOpen]);
   const { zIndex } = useOverlayRegistry({ isActive: isMobileOpen });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("nav", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("nav", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       NavigationItemList,
       {
         ...props,
         className: (0, import_clsx19.default)("hidden", { "desktop:flex": !isMobileOpen }, props.className)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         layout: "icon",
@@ -12186,10 +12036,10 @@ var Navigation = ({ ...props }) => {
         "aria-haspopup": "true",
         "aria-expanded": isMobileOpen,
         "aria-controls": "navigation-menu-" + id,
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react11.Menu, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.Menu, { className: "w-6 h-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "div",
       {
         id: "navigation-menu-" + id,
@@ -12211,17 +12061,17 @@ var Navigation = ({ ...props }) => {
         ),
         style: { zIndex },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Button,
             {
               layout: "icon",
               coloringStyle: "text",
               color: "neutral",
               onClick: () => setIsMobileOpen(false),
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react11.XIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react10.XIcon, {})
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(NavigationItemList, { ...props, className: (0, import_clsx19.default)("flex-col-8", props.className) })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(NavigationItemList, { ...props, className: (0, import_clsx19.default)("flex-col-8", props.className) })
         ]
       }
     )
@@ -12229,10 +12079,10 @@ var Navigation = ({ ...props }) => {
 };
 
 // src/components/layout/navigation/Pagination.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_clsx20 = __toESM(require("clsx"));
-var import_react43 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_react41 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var Pagination = ({
   pageIndex,
   pageCount,
@@ -12241,11 +12091,11 @@ var Pagination = ({
   style
 }) => {
   const translation = useHightideTranslation();
-  const [value, setValue] = (0, import_react43.useState)((pageIndex + 1).toString());
+  const [value, setValue] = (0, import_react41.useState)((pageIndex + 1).toString());
   const noPages = pageCount === 0;
   const onFirstPage = pageIndex === 0 && !noPages;
   const onLastPage = pageIndex === pageCount - 1;
-  (0, import_react43.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (noPages) {
       setValue("0");
     } else {
@@ -12255,8 +12105,8 @@ var Pagination = ({
   const changePage = (page) => {
     onPageChanged(page);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: (0, import_clsx20.default)("flex-row-1", className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: (0, import_clsx20.default)("flex-row-1", className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Button,
       {
         layout: "icon",
@@ -12264,10 +12114,10 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(0),
         disabled: onFirstPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.ChevronFirst, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronFirst, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Button,
       {
         layout: "icon",
@@ -12275,11 +12125,11 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageIndex - 1),
         disabled: onFirstPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.ChevronLeft, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronLeft, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-row-2 min-w-56 items-center justify-center mx-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex-row-2 min-w-56 items-center justify-center mx-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Input,
         {
           value,
@@ -12303,8 +12153,8 @@ var Pagination = ({
           editCompleteOptions: { delay: 800 }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "select-none w-10", children: translation("of") }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "select-none w-10", children: translation("of") }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.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",
@@ -12312,7 +12162,7 @@ var Pagination = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Button,
       {
         layout: "icon",
@@ -12320,10 +12170,10 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageIndex + 1),
         disabled: onLastPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.ChevronRight, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronRight, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Button,
       {
         layout: "icon",
@@ -12331,16 +12181,16 @@ var Pagination = ({
         color: "neutral",
         onClick: () => changePage(pageCount - 1),
         disabled: onLastPage || noPages,
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.ChevronLast, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react11.ChevronLast, {})
       }
     )
   ] });
 };
 
 // src/components/layout/navigation/StepperBar.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_clsx21 = __toESM(require("clsx"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var defaultState = {
   currentStep: 0,
   seenSteps: /* @__PURE__ */ new Set([0])
@@ -12362,12 +12212,12 @@ var StepperBar = ({
     seenSteps.add(newStep);
     onChange({ currentStep: newStep, seenSteps });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       className: (0, import_clsx21.default)("flex-row-2 justify-between", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-row-2 flex-[2] justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-row-2 flex-[2] justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
           Button,
           {
             disabled: currentStep === 0 || disabledSteps.has(currentStep),
@@ -12376,14 +12226,14 @@ var StepperBar = ({
             },
             className: "flex-row-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.ChevronLeft, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.ChevronLeft, { size: 14 }),
               translation("back")
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-row-2 flex-[5] justify-center items-center", children: showDots && dots.map((value, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime49.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "div",
             {
               onClick: () => seen && update(index),
@@ -12403,7 +12253,7 @@ var StepperBar = ({
             index
           );
         }) }),
-        currentStep !== numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        currentStep !== numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
           Button,
           {
             onClick: () => update(currentStep + 1),
@@ -12411,18 +12261,18 @@ var StepperBar = ({
             disabled: disabledSteps.has(currentStep),
             children: [
               translation("next"),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.ChevronRight, { size: 14 })
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.ChevronRight, { size: 14 })
             ]
           }
         ) }),
-        currentStep === numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        currentStep === numberOfSteps && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-row-2 flex-[2] justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
           Button,
           {
             disabled: disabledSteps.has(currentStep),
             onClick: onFinish,
             className: "flex-row-1 items-center justify-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.Check, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.Check, { size: 14 }),
               finishText ?? translation("confirm")
             ]
           }
@@ -12433,7 +12283,7 @@ var StepperBar = ({
 };
 var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
   const [usedState, setUsedState] = useOverwritableState(state, onChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     StepperBar,
     {
       ...props,
@@ -12444,15 +12294,15 @@ var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
 };
 
 // src/components/layout/table/FillerCell.tsx
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var FillerCell = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       ...props,
       "data-name": PropsUtil.dataAttributes.name("table-filler-cell"),
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react14.Minus, { className: "max-w-4 max-h-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react13.Minus, { className: "max-w-4 max-h-4" })
     }
   );
 };
@@ -12478,18 +12328,18 @@ var import_react_table = require("@tanstack/react-table");
 
 // src/components/layout/table/TableCell.tsx
 var import_clsx22 = require("clsx");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var TableCell = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: (0, import_clsx22.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: (0, import_clsx22.clsx)("block max-w-full overflow-ellipsis truncate", className), children });
 };
 
 // src/hooks/useResizeCallbackWrapper.ts
-var import_react44 = require("react");
+var import_react42 = require("react");
 var useResizeCallbackWrapper = (callback) => {
-  (0, import_react44.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     window.addEventListener("resize", callback);
     return () => {
       window.removeEventListener("resize", callback);
@@ -12498,41 +12348,37 @@ var useResizeCallbackWrapper = (callback) => {
 };
 
 // src/components/layout/table/TableSortButton.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_clsx24 = __toESM(require("clsx"));
 
 // src/components/user-interaction/Tooltip.tsx
+var import_react43 = require("react");
+var import_react44 = require("react");
 var import_react45 = require("react");
 var import_clsx23 = require("clsx");
 var import_react_dom6 = require("react-dom");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Tooltip = ({
   tooltip,
   children,
-  appearDelay: appearDelayOverwrite,
-  disappearDelay: disappearDelayOverwrite,
+  appearDelay: appearOverwrite,
   tooltipClassName,
   containerClassName,
   position = "bottom",
   disabled = false
 }) => {
-  const [state, setState] = (0, import_react45.useState)({
-    isShown: false,
-    timer: null
-  });
+  const id = (0, import_react44.useId)();
+  const [open, setOpen] = (0, import_react45.useState)(false);
+  const timeoutRef = (0, import_react45.useRef)(null);
   const { config } = useHightideConfig();
   const appearDelay = (0, import_react45.useMemo)(
-    () => appearDelayOverwrite ?? config.tooltip.appearDelay,
-    [config.tooltip.appearDelay, appearDelayOverwrite]
-  );
-  const disappearDelay = (0, import_react45.useMemo)(
-    () => disappearDelayOverwrite ?? config.tooltip.disappearDelay,
-    [config.tooltip.disappearDelay, disappearDelayOverwrite]
+    () => appearOverwrite ?? config.tooltip.appearDelay,
+    [appearOverwrite, config.tooltip.appearDelay]
   );
   const anchorRef = (0, import_react45.useRef)(null);
   const containerRef = (0, import_react45.useRef)(null);
   const triangleRef = (0, import_react45.useRef)(null);
-  const isActive = !disabled && state.isShown;
+  const isActive = !disabled && open;
   const { isVisible, transitionState, callbacks } = useTransitionState(
     (0, import_react45.useMemo)(() => ({ isOpen: isActive }), [isActive])
   );
@@ -12561,66 +12407,62 @@ var Tooltip = ({
   const regsitryOptions = (0, import_react45.useMemo)(() => ({ isActive }), [isActive]);
   const { zIndex } = useOverlayRegistry(regsitryOptions);
   const { zIndex: zIndexTriangle } = useOverlayRegistry(regsitryOptions);
-  const onEnter = (0, import_react45.useCallback)(() => {
-    setState((prevState) => {
-      if (prevState.isShown) {
-        clearTimeout(prevState.timer);
-        return {
-          ...prevState,
-          timer: null
-        };
-      }
-      return {
-        ...prevState,
-        timer: setTimeout(() => {
-          setState((prevState2) => {
-            clearTimeout(prevState2.timer);
-            return { ...prevState2, isShown: true, timer: null };
-          });
-        }, appearDelay)
-      };
-    });
-  }, [appearDelay]);
-  const onLeave = (0, import_react45.useCallback)(() => {
-    setState((prevState) => {
-      if (!prevState.isShown) {
-        clearTimeout(prevState.timer);
-        return {
-          ...prevState,
-          timer: null
-        };
+  const openWithDelay = (0, import_react45.useCallback)(() => {
+    if (timeoutRef.current || open) return;
+    timeoutRef.current = window.setTimeout(() => {
+      timeoutRef.current = null;
+      setOpen(true);
+    }, appearDelay);
+  }, [appearDelay, open]);
+  const close3 = (0, import_react45.useCallback)(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setOpen(false);
+  }, []);
+  (0, import_react43.useEffect)(() => {
+    if (!open) return;
+    const closeOnBlur = () => close3();
+    const closeOnScroll = () => close3();
+    window.addEventListener("blur", closeOnBlur);
+    window.addEventListener("scroll", closeOnScroll, true);
+    return () => {
+      window.removeEventListener("blur", closeOnBlur);
+      window.removeEventListener("scroll", closeOnScroll, true);
+    };
+  }, [open, close3]);
+  (0, import_react43.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
       }
-      clearTimeout(prevState.timer);
-      return {
-        ...prevState,
-        timer: setTimeout(() => {
-          setState((prevState2) => {
-            clearTimeout(prevState2.timer);
-            return { ...prevState2, isShown: false, timer: null };
-          });
-        }, disappearDelay)
-      };
-    });
-  }, [disappearDelay]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       ref: anchorRef,
       className: (0, import_clsx23.clsx)("relative inline-block", containerClassName),
-      onPointerEnter: onEnter,
-      onPointerLeave: onLeave,
+      "aria-describedby": isVisible ? id : void 0,
+      onPointerEnter: openWithDelay,
+      onPointerLeave: close3,
+      onPointerCancel: close3,
+      onFocus: openWithDelay,
+      onBlur: close3,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Visibility, { isVisible: isActive || isVisible, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Visibility, { isVisible: isActive || isVisible, children: [
           (0, import_react_dom6.createPortal)(
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "div",
               {
                 ref: containerRef,
+                id,
                 ...callbacks,
-                onPointerEnter: onEnter,
                 "data-name": PropsUtil.dataAttributes.name("tooltip"),
                 "data-state": transitionState,
+                role: "tooltip",
                 className: tooltipClassName,
                 style: { ...css, zIndex },
                 children: tooltip
@@ -12629,7 +12471,7 @@ var Tooltip = ({
             document.body
           ),
           (0, import_react_dom6.createPortal)(
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "div",
               {
                 ref: triangleRef,
@@ -12648,7 +12490,7 @@ var Tooltip = ({
 };
 
 // src/components/layout/table/TableSortButton.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var TableSortButton = ({
   sortDirection,
   invert = false,
@@ -12660,16 +12502,16 @@ var TableSortButton = ({
 }) => {
   const translation = useHightideTranslation();
   const { sortingsCount, index } = sortingIndexDisplay;
-  let icon = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.ChevronsUpDown, { className: "size-4" });
+  let icon = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react14.ChevronsUpDown, { className: "size-4" });
   if (sortDirection) {
     let usedSortDirection = sortDirection;
     if (invert) {
       usedSortDirection = usedSortDirection === "desc" ? "asc" : "desc";
     }
-    icon = usedSortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.ChevronUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.ChevronDown, { className: "size-4" });
+    icon = usedSortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react14.ChevronUp, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react14.ChevronDown, { className: "size-4" });
   }
   const hasSortingIndex = !!sortingIndexDisplay && sortingsCount > 1 && index > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Tooltip, { tooltip: translation("rSortingOrderAfter", { otherSortings: index - 1 }), disabled: !hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Tooltip, { tooltip: translation("rSortingOrderAfter", { otherSortings: index - 1 }), disabled: !hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     Button,
     {
       layout: hasSortingIndex ? "default" : "icon",
@@ -12678,7 +12520,7 @@ var TableSortButton = ({
       className: (0, import_clsx24.default)("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Visibility, { isVisible: hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Visibility, { isVisible: hasSortingIndex, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           {
             className: (0, import_clsx24.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"),
@@ -12692,7 +12534,7 @@ var TableSortButton = ({
 };
 
 // src/components/layout/table/TableFilterButton.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 
 // src/components/user-interaction/Menu.tsx
 var import_react48 = require("react");
@@ -12831,14 +12673,14 @@ var useOutsideClick = (refs, handler) => {
 };
 
 // src/components/user-interaction/Menu.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var MenuItem = ({
   children,
   onClick,
   alignment = "left",
   isDisabled = false,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "div",
   {
     className: (0, import_clsx25.default)("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold text-nowrap", {
@@ -12910,9 +12752,9 @@ var Menu = ({
   const { zIndex } = useOverlayRegistry({
     isActive: isOpen
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
     trigger(bag, (0, import_react48.useCallback)((el) => triggerRef.current = el, [])),
-    (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         ref: menuRef,
@@ -12943,7 +12785,7 @@ var Menu = ({
 
 // src/components/layout/table/TableFilterButton.tsx
 var import_react49 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var TableFilterButton = ({
   filterType,
   column
@@ -12955,21 +12797,21 @@ var TableFilterButton = ({
   (0, import_react49.useEffect)(() => {
     setFilterValue(columnFilterValue);
   }, [columnFilterValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Menu,
     {
-      trigger: ({ toggleOpen }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { ref, className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      trigger: ({ toggleOpen }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { ref, className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           Button,
           {
             layout: "icon",
             color: "neutral",
             size: "xs",
             onClick: toggleOpen,
-            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react16.FilterIcon, { className: "size-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.FilterIcon, { className: "size-4" })
           }
         ),
-        hasFilter && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        hasFilter && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-primary pointer-events-none",
@@ -12977,9 +12819,9 @@ var TableFilterButton = ({
           }
         )
       ] }),
-      children: ({ close: close3 }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex-col-1 p-2 items-start font-normal text-menu-text", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h4", { className: "typography-label-md-semibold", children: translation("filter") }),
-        filterType === "text" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: ({ close: close3 }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-col-1 p-2 items-start font-normal text-menu-text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h4", { className: "typography-label-md-semibold", children: translation("filter") }),
+        filterType === "text" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           Input,
           {
             value: filterValue ?? "",
@@ -12989,8 +12831,8 @@ var TableFilterButton = ({
             className: "h-10"
           }
         ),
-        filterType === "range" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex-row-2 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        filterType === "range" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-row-2 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Input,
             {
               value: filterValue?.[0].toString() ?? "",
@@ -13003,8 +12845,8 @@ var TableFilterButton = ({
               className: "h-10 input-indicator-hidden w-40"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-bold", children: "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-bold", children: "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Input,
             {
               value: filterValue?.[1].toString() ?? "",
@@ -13018,8 +12860,8 @@ var TableFilterButton = ({
             }
           )
         ] }),
-        filterType === "dateRange" && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        filterType === "dateRange" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Input,
             {
               value: filterValue?.[0] ? filterValue?.[0].toISOString().slice(0, 16) : "",
@@ -13032,7 +12874,7 @@ var TableFilterButton = ({
               className: "h-10 w-50"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             Input,
             {
               value: filterValue?.[1] ? filterValue?.[1].toISOString().slice(0, 16) : "",
@@ -13046,12 +12888,12 @@ var TableFilterButton = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex-row-2 justify-end w-full", children: [
-          hasFilter && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { color: "negative", size: "sm", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-row-2 justify-end w-full", children: [
+          hasFilter && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { color: "negative", size: "sm", onClick: () => {
             column.setFilterValue(void 0);
             close3();
           }, children: translation("remove") }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { size: "sm", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button, { size: "sm", onClick: () => {
             column.setFilterValue(filterValue);
             close3();
           }, children: translation("apply") })
@@ -13062,9 +12904,9 @@ var TableFilterButton = ({
 };
 
 // src/components/user-interaction/Checkbox.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_react50 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Checkbox = ({
   value = false,
   indeterminate = false,
@@ -13082,7 +12924,7 @@ var Checkbox = ({
     onValueChange?.(!value);
     onEditComplete?.(!value);
   }, [onEditComplete, onValueChange, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       ...props,
@@ -13109,8 +12951,8 @@ var Checkbox = ({
       "aria-checked": indeterminate ? "mixed" : value,
       ...PropsUtil.aria.interactionStates({ disabled, invalid, readOnly, required }, props),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Visibility, { isVisible: indeterminate, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react17.Minus, { "data-name": "checkbox-indicator", "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Visibility, { isVisible: !indeterminate && (alwaysShowCheckIcon || value), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react17.Check, { "data-name": "checkbox-indicator", "aria-hidden": true }) })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Visibility, { isVisible: indeterminate, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react16.Minus, { "data-name": "checkbox-indicator", "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Visibility, { isVisible: !indeterminate && (alwaysShowCheckIcon || value), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react16.Check, { "data-name": "checkbox-indicator", "aria-hidden": true }) })
       ]
     }
   );
@@ -13121,7 +12963,7 @@ var CheckboxUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Checkbox,
     {
       ...props,
@@ -13132,7 +12974,7 @@ var CheckboxUncontrolled = ({
 };
 
 // src/components/layout/table/Table.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Table = ({
   data,
   fillerRow,
@@ -13252,7 +13094,7 @@ var Table = ({
       minSize: 60,
       maxSize: 700,
       cell: ({ cell }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableCell, { children: cell.getValue() });
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TableCell, { children: cell.getValue() });
       },
       ...defaultColumn
     },
@@ -13337,8 +13179,8 @@ var Table = ({
     }
     return colSizes;
   }, [table.getState().columnSizingInfo, table.getState().columnSizing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ref, "data-name": PropsUtil.dataAttributes.name("table-container"), className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "data-name": PropsUtil.dataAttributes.name("table-scroll-wrapper"), className: tableContainerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { ref, "data-name": PropsUtil.dataAttributes.name("table-container"), className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { "data-name": PropsUtil.dataAttributes.name("table-scroll-wrapper"), className: tableContainerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       "table",
       {
         ref: tableRef,
@@ -13349,7 +13191,7 @@ var Table = ({
         },
         className: tableClassName,
         children: [
-          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("colgroup", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "col",
             {
               style: {
@@ -13360,16 +13202,16 @@ var Table = ({
             },
             header.id
           )) }, headerGroup.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("tr", { "data-name": PropsUtil.dataAttributes.name("table-header-row"), className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("tr", { "data-name": PropsUtil.dataAttributes.name("table-header-row"), className: table.options.meta?.headerRowClassName, children: headerGroup.headers.map((header) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
               "th",
               {
                 colSpan: header.colSpan,
                 "data-name": PropsUtil.dataAttributes.name("table-header-cell"),
                 className: (0, import_clsx26.default)("group/table-header-cell", header.column.columnDef.meta?.className),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Visibility, { isVisible: !header.isPlaceholder, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex-row-1 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Visibility, { isVisible: header.column.getCanSort(), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Visibility, { isVisible: !header.isPlaceholder, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex-row-1 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Visibility, { isVisible: header.column.getCanSort(), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                       TableSortButton,
                       {
                         sortDirection: header.column.getIsSorted(),
@@ -13395,7 +13237,7 @@ var Table = ({
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Visibility, { isVisible: header.column.getCanFilter() && !!header.column.columnDef.meta?.filterType, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Visibility, { isVisible: header.column.getCanFilter() && !!header.column.columnDef.meta?.filterType, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                       TableFilterButton,
                       {
                         column: header.column,
@@ -13407,7 +13249,7 @@ var Table = ({
                       header.getContext()
                     )
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Visibility, { isVisible: header.column.getCanResize(), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Visibility, { isVisible: header.column.getCanResize(), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                     "div",
                     {
                       onPointerDown: header.getResizeHandler(),
@@ -13428,16 +13270,16 @@ var Table = ({
               header.id
             );
           }) }, headerGroup.id)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("tbody", { children: [
             table.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 "tr",
                 {
                   onClick: () => onRowClick?.(row, table),
                   "data-name": "table-body-row",
                   className: BagFunctionUtil.resolve(table.options.meta?.bodyRowClassName, row.original),
                   children: row.getVisibleCells().map((cell) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("td", { "data-name": "table-body-cell", children: (0, import_react_table.flexRender)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("td", { "data-name": "table-body-cell", children: (0, import_react_table.flexRender)(
                       cell.column.columnDef.cell,
                       cell.getContext()
                     ) }, cell.id);
@@ -13447,15 +13289,15 @@ var Table = ({
               );
             }),
             range(table.getState().pagination.pageSize - table.getRowModel().rows.length, { allowEmptyRange: true }).map((row, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("tr", { children: columns.map((column) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FillerCell, {}) }, column.id);
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("tr", { children: columns.map((column) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("td", { children: fillerRow ? fillerRow(column.id, table) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FillerCell, {}) }, column.id);
               }) }, "filler-row-" + index);
             })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex-row-2 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex-row-2 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Pagination,
       {
         pageIndex: table.getState().pagination.pageIndex,
@@ -13467,7 +13309,7 @@ var Table = ({
 };
 var TableUncontrolled = ({ data, ...props }) => {
   const [usedDate] = useOverwritableState(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Table,
     {
       ...props,
@@ -13491,7 +13333,7 @@ var TableWithSelection = ({
       {
         id: selectionRowId,
         header: ({ table }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             Checkbox,
             {
               value: table.getIsAllRowsSelected(),
@@ -13504,7 +13346,7 @@ var TableWithSelection = ({
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             Checkbox,
             {
               disabled: !row.getCanSelect(),
@@ -13522,15 +13364,15 @@ var TableWithSelection = ({
       ...columns
     ];
   }, [columns, selectionRowId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Table,
     {
       columns: columnsWithSelection,
       fillerRow: (columnId, table) => {
         if (columnId === selectionRowId) {
-          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Checkbox, { value: false, disabled: true, className: "max-w-6" });
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Checkbox, { value: false, disabled: true, className: "max-w-6" });
         }
-        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FillerCell, {});
+        return fillerRow ? fillerRow(columnId, table) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FillerCell, {});
       },
       state: {
         rowSelection,
@@ -13564,8 +13406,8 @@ var writeToClipboard = (text) => {
 };
 
 // src/components/user-interaction/CopyToClipboardWrapper.tsx
-var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var CopyToClipboardWrapper = ({
   children,
   textToCopy,
@@ -13596,7 +13438,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_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       className: (0, import_clsx27.clsx)("relative inline-block cursor-copy", containerClassName),
@@ -13614,7 +13456,7 @@ var CopyToClipboardWrapper = ({
       },
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             className: (0, import_clsx27.clsx)(
@@ -13629,15 +13471,15 @@ var CopyToClipboardWrapper = ({
               opacity: isShowingIndication || isShowingConfirmation ? 1 : 0
             },
             children: [
-              isShowingConfirmation && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-row-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react18.CheckIcon, { size: 16, className: "text-positive" }),
+              isShowingConfirmation && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex-row-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react17.CheckIcon, { size: 16, className: "text-positive" }),
                 translation("copied")
               ] }),
-              isShowingIndication && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-row-1 text-description", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react18.Copy, { size: 16 }),
+              isShowingIndication && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex-row-1 text-description", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react17.Copy, { size: 16 }),
                 translation("clickToCopy")
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "div",
                 {
                   className: (0, import_clsx27.clsx)(`absolute w-0 h-0`, triangleClasses[position]),
@@ -13655,7 +13497,7 @@ var CopyToClipboardWrapper = ({
 // src/components/user-interaction/ScrollPicker.tsx
 var import_react53 = require("react");
 var import_clsx28 = __toESM(require("clsx"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var up = 1;
 var down = -1;
 var ScrollPicker = ({
@@ -13794,7 +13636,7 @@ var ScrollPicker = ({
     }
     return clamp(1 - opacityValue / max);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       className: "relative overflow-hidden",
@@ -13805,15 +13647,15 @@ var ScrollPicker = ({
           setAnimation(({ velocity, ...animationData }) => ({ ...animationData, velocity: velocity + deltaY }));
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 left-1/2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
           {
             className: "flex-col-2 select-none",
@@ -13821,7 +13663,7 @@ var ScrollPicker = ({
               transform: `translateY(${-transition * (distance + itemHeight)}px)`,
               columnGap: `${distance}px`
             },
-            children: shownItems.map(({ name: name2, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            children: shownItems.map(({ name: name2, index }, arrayIndex) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "div",
               {
                 className: (0, import_clsx28.default)(
@@ -13853,7 +13695,7 @@ var ScrollPicker = ({
 // src/components/user-interaction/Textarea.tsx
 var import_react54 = require("react");
 var import_clsx29 = __toESM(require("clsx"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Textarea = (0, import_react54.forwardRef)(function Textarea2({
   invalid = false,
   onValueChange,
@@ -13866,7 +13708,7 @@ var Textarea = (0, import_react54.forwardRef)(function Textarea2({
     onEditComplete?.(text);
     clearTimer();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "textarea",
     {
       ...props,
@@ -13896,7 +13738,7 @@ var TextareaUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Textarea,
     {
       ...props,
@@ -13916,7 +13758,7 @@ var TextareaWithHeadline = ({
 }) => {
   const genId = (0, import_react54.useId)();
   const usedId = id ?? genId;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       className: (0, import_clsx29.default)(
@@ -13928,8 +13770,8 @@ var TextareaWithHeadline = ({
         containerClassName
       ),
       children: [
-        headline && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("label", { ...headlineProps, htmlFor: usedId, className: (0, import_clsx29.default)("typography-lable-md text-label", headlineProps.className), children: headline }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        headline && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { ...headlineProps, htmlFor: usedId, className: (0, import_clsx29.default)("typography-lable-md text-label", headlineProps.className), children: headline }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Textarea,
           {
             ...props,
@@ -13947,7 +13789,7 @@ var TextareaWithHeadline = ({
 
 // src/components/user-interaction/date/DatePicker.tsx
 var import_react57 = require("react");
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 
 // src/utils/date.ts
 var monthsList = ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
@@ -14124,7 +13966,7 @@ var import_clsx31 = __toESM(require("clsx"));
 
 // src/components/user-interaction/date/DayPicker.tsx
 var import_react55 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var DayPicker = ({
   displayedMonth,
   value,
@@ -14147,14 +13989,14 @@ var DayPicker = ({
     if (!providedStart) return;
     return new Date(providedStart.getFullYear(), providedStart.getMonth(), providedStart.getDate());
   }, [providedStart]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className, "data-name": "day-picker-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-name": "day-picker-header-row", children: weeks[0].map((weekDay, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-name": "day-picker-header-item", children: new Intl.DateTimeFormat(locale, { weekday: "long" }).format(weekDay).substring(0, 2) }, index)) }),
-    weeks.map((week, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-name": "day-picker-body-row", children: week.map((date) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className, "data-name": "day-picker-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "data-name": "day-picker-header-row", children: weeks[0].map((weekDay, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "data-name": "day-picker-header-item", children: new Intl.DateTimeFormat(locale, { weekday: "long" }).format(weekDay).substring(0, 2) }, index)) }),
+    weeks.map((week, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "data-name": "day-picker-body-row", children: week.map((date) => {
       const isSelected = !!value && DateUtils.equalDate(value, date);
       const isToday = DateUtils.equalDate(/* @__PURE__ */ new Date(), date);
       const isSameMonth = date.getMonth() === month;
       const isDayValid = isInTimeSpan(date, start, end);
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "button",
         {
           disabled: !isDayValid,
@@ -14188,7 +14030,7 @@ var DayPickerUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     DayPicker,
     {
       value,
@@ -14201,7 +14043,7 @@ var DayPickerUncontrolled = ({
 // src/components/user-interaction/date/YearMonthPicker.tsx
 var import_react56 = require("react");
 var import_clsx30 = __toESM(require("clsx"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var YearRow = (0, import_react56.memo)(function YearRow2({
   year,
   selectedMonthIndex,
@@ -14219,22 +14061,22 @@ var YearRow = (0, import_react56.memo)(function YearRow2({
     }
   }, [isSelectedYear]);
   const monthGrid = (0, import_react56.useMemo)(() => equalSizeGroups([...DateUtils.monthsList], 3), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     ExpandableRoot,
     {
       ref: isSelectedYear ? ref : void 0,
       isExpanded,
       onExpandedChange: setIsExpanded,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ExpandableHeader, { className: (0, import_clsx30.default)("px-2", { "text-primary font-bold": isSelectedYear }), children: year }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ExpandableContent, { className: "gap-y-1 px-2 expadable-content-h-39", children: isExpanded && monthGrid.map((group, groupIdx) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-row-1", children: group.map((month) => {
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ExpandableHeader, { className: (0, import_clsx30.default)("px-2", { "text-primary font-bold": isSelectedYear }), children: year }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ExpandableContent, { className: "gap-y-1 px-2 expadable-content-h-39", children: isExpanded && monthGrid.map((group, groupIdx) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex-row-1", children: group.map((month) => {
           const monthIndex = DateUtils.monthsList.indexOf(month);
           const currentTimestamp = new Date(year, monthIndex).getTime();
           const isAfterStart = minTimestamp === void 0 || currentTimestamp >= minTimestamp;
           const isBeforeEnd = maxTimestamp === void 0 || currentTimestamp <= maxTimestamp;
           const isValid = isAfterStart && isBeforeEnd;
           const isSelectedMonth = monthIndex === selectedMonthIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             Button,
             {
               disabled: !isValid,
@@ -14291,7 +14133,7 @@ var YearMonthPicker = ({
     onValueChange2?.(newDate);
     onEditComplete2?.(newDate);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     InfiniteScroll,
     {
       itemCount: years.length,
@@ -14301,7 +14143,7 @@ var YearMonthPicker = ({
         const year = years[index];
         const isSelectedYear = value.getFullYear() === year;
         const selectedMonthIndex = isSelectedYear ? value.getMonth() : void 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           YearRow,
           {
             year,
@@ -14323,7 +14165,7 @@ var YearMonthPickerUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     YearMonthPicker,
     {
       value,
@@ -14334,7 +14176,7 @@ var YearMonthPickerUncontrolled = ({
 };
 
 // src/components/user-interaction/date/DatePicker.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var DatePicker = ({
   value = /* @__PURE__ */ new Date(),
   start,
@@ -14350,9 +14192,9 @@ var DatePicker = ({
   const { locale } = useLocale();
   const [displayedMonth, setDisplayedMonth] = (0, import_react57.useState)(new Date(value.getFullYear(), value.getMonth(), 1));
   const [displayMode, setDisplayMode] = (0, import_react57.useState)(initialDisplay);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: (0, import_clsx31.default)("flex-col-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-2 items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: (0, import_clsx31.default)("flex-col-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-row-2 items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         Button,
         {
           size: "sm",
@@ -14363,12 +14205,12 @@ var DatePicker = ({
           onClick: () => setDisplayMode(displayMode === "day" ? "yearMonth" : "day"),
           children: [
             `${new Intl.DateTimeFormat(LocalizationUtil.localToLanguage(locale), { month: "long" }).format(displayedMonth)} ${displayedMonth.getFullYear()}`,
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react19.ChevronDown, { size: 16 })
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react18.ChevronDown, { size: 16 })
           ]
         }
       ),
-      displayMode === "day" && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-2 justify-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      displayMode === "day" && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-row-2 justify-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             size: "sm",
@@ -14379,10 +14221,10 @@ var DatePicker = ({
               onValueChange(newDate);
               setDisplayedMonth(newDate);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react19.Calendar, { className: "size-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react18.Calendar, { className: "size-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             size: "sm",
@@ -14390,10 +14232,10 @@ var DatePicker = ({
             onClick: () => {
               setDisplayedMonth(subtractDuration(displayedMonth, { months: 1 }));
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react19.ArrowUp, { size: 20 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react18.ArrowUp, { size: 20 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             size: "sm",
@@ -14401,12 +14243,12 @@ var DatePicker = ({
             onClick: () => {
               setDisplayedMonth(addDuration(displayedMonth, { months: 1 }));
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react19.ArrowDown, { size: 20 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react18.ArrowDown, { size: 20 })
           }
         )
       ] })
     ] }),
-    displayMode === "yearMonth" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    displayMode === "yearMonth" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       YearMonthPicker,
       {
         ...yearMonthPickerProps,
@@ -14423,7 +14265,7 @@ var DatePicker = ({
         },
         className: "h-60 max-h-60"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       DayPicker,
       {
         ...dayPickerProps,
@@ -14445,7 +14287,7 @@ var DatePickerUncontrolled = ({
   ...props
 }) => {
   const [date, setDate] = useOverwritableState(value, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     DatePicker,
     {
       ...props,
@@ -14460,7 +14302,7 @@ var import_clsx32 = __toESM(require("clsx"));
 
 // src/components/user-interaction/date/TimePicker.tsx
 var import_react58 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TimePicker = ({
   value = /* @__PURE__ */ new Date(),
   onValueChange,
@@ -14508,10 +14350,10 @@ var TimePicker = ({
     onValueChange?.(newDate);
     onEditComplete?.(newDate);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { "data-name": "time-picker-container", className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-name": "time-picker-value-column", children: hours.map((hour2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-name": "time-picker-container", className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-name": "time-picker-value-column", children: hours.map((hour2) => {
       const isSelected = hour2 === value.getHours() - (!is24HourFormat && isPM ? 12 : 0);
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           size: "sm",
@@ -14523,9 +14365,9 @@ var TimePicker = ({
         hour2
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-name": "time-picker-value-column", children: minutes.map((minute) => {
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-name": "time-picker-value-column", children: minutes.map((minute) => {
       const isSelected = minute === closestMinute;
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           size: "sm",
@@ -14537,8 +14379,8 @@ var TimePicker = ({
         minute + minuteIncrement
       );
     }) }),
-    !is24HourFormat && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { "data-name": "time-picker-value-column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    !is24HourFormat && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-name": "time-picker-value-column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           size: "sm",
@@ -14547,7 +14389,7 @@ var TimePicker = ({
           children: "AM"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           size: "sm",
@@ -14565,7 +14407,7 @@ var TimePickerUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     TimePicker,
     {
       ...props,
@@ -14576,7 +14418,7 @@ var TimePickerUncontrolled = ({
 };
 
 // src/components/user-interaction/date/DateTimePicker.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var DateTimePicker = ({
   value = /* @__PURE__ */ new Date(),
   start,
@@ -14595,7 +14437,7 @@ var DateTimePicker = ({
   let dateDisplay;
   let timeDisplay;
   if (useDate) {
-    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    dateDisplay = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       DatePicker,
       {
         ...datePickerProps,
@@ -14611,7 +14453,7 @@ var DateTimePicker = ({
     );
   }
   if (useTime) {
-    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    timeDisplay = /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       TimePicker,
       {
         ...timePickerProps,
@@ -14624,14 +14466,14 @@ var DateTimePicker = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-row-2 min-h-71 max-h-71", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex-row-2 min-h-71 max-h-71", children: [
     dateDisplay,
     timeDisplay
   ] });
 };
 var DateTimePickerUncontrolled = ({ value: initialValue, onValueChange, ...props }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     DateTimePicker,
     {
       ...props,
@@ -14642,7 +14484,7 @@ var DateTimePickerUncontrolled = ({ value: initialValue, onValueChange, ...props
 };
 
 // src/components/user-interaction/date/TimeDisplay.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var TimeDisplay = ({
   date,
   mode = "daysFromToday"
@@ -14679,15 +14521,15 @@ var TimeDisplay = ({
   } else {
     fullString = `${date.getDate()}. ${monthToTranslation[date.getMonth()]} ${date.getFullYear()}`;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: fullString });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: fullString });
 };
 
 // src/components/user-interaction/input/DateTimeInput.tsx
 var import_react59 = require("react");
 var import_react_dom8 = require("react-dom");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_clsx33 = __toESM(require("clsx"));
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var DateTimeInput = ({
   value,
   onValueChange,
@@ -14722,9 +14564,9 @@ var DateTimeInput = ({
       setIsOpen(false);
     }
   }, [isReadOnly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ...containerProps, ref: anchorRef, className: (0, import_clsx33.default)("relative w-full", containerProps?.className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { ...containerProps, ref: anchorRef, className: (0, import_clsx33.default)("relative w-full", containerProps?.className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         Input,
         {
           ...props,
@@ -14742,7 +14584,7 @@ var DateTimeInput = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         Button,
         {
           coloringStyle: "text",
@@ -14752,12 +14594,12 @@ var DateTimeInput = ({
           className: "absolute right-1 top-1/2 -translate-y-1/2",
           disabled: isReadOnly,
           onClick: () => setIsOpen((prevState) => !prevState),
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react20.CalendarIcon, { className: "size-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react19.CalendarIcon, { className: "size-5" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Visibility, { isVisible: isOpen, children: (0, import_react_dom8.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Visibility, { isVisible: isOpen, children: (0, import_react_dom8.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -14768,7 +14610,7 @@ var DateTimeInput = ({
             opacity: position ? void 0 : 0
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               DateTimePicker,
               {
                 ...pickerProps,
@@ -14778,8 +14620,8 @@ var DateTimeInput = ({
                 onEditComplete
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-row-2 justify-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Visibility, { isVisible: !!onRemove && !!value, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex-row-2 justify-end", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Visibility, { isVisible: !!onRemove && !!value, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 Button,
                 {
                   size: "md",
@@ -14792,7 +14634,7 @@ var DateTimeInput = ({
                   children: translation("clear")
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Visibility, { isVisible: !value, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Visibility, { isVisible: !value, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 Button,
                 {
                   size: "md",
@@ -14802,7 +14644,7 @@ var DateTimeInput = ({
                   children: translation("cancel")
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                 Button,
                 {
                   size: "md",
@@ -14827,7 +14669,7 @@ var DateTimeInputUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     DateTimeInput,
     {
       ...props,
@@ -14848,7 +14690,7 @@ var DateTimeInputUncontrolled = ({
 var import_react60 = require("react");
 var import_react61 = require("react");
 var import_clsx34 = __toESM(require("clsx"));
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var InsideLabelInput = (0, import_react61.forwardRef)(function InsideLabelInput2({
   id: customId,
   label,
@@ -14858,8 +14700,8 @@ var InsideLabelInput = (0, import_react61.forwardRef)(function InsideLabelInput2
   const [isFocused, setIsFocused] = (0, import_react61.useState)(false);
   const generatedId = (0, import_react60.useId)();
   const id = customId ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx34.default)("relative"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: (0, import_clsx34.default)("relative"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Input,
       {
         ...props,
@@ -14877,7 +14719,7 @@ var InsideLabelInput = (0, import_react61.forwardRef)(function InsideLabelInput2
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       "label",
       {
         id: id + "-label",
@@ -14899,7 +14741,7 @@ var InsideLabelInputUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, props.onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     InsideLabelInput,
     {
       ...props,
@@ -14910,9 +14752,9 @@ var InsideLabelInputUncontrolled = ({
 };
 
 // src/components/user-interaction/input/SearchBar.tsx
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_clsx35 = require("clsx");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var SearchBar = ({
   value: initialValue,
   onSearch,
@@ -14923,8 +14765,8 @@ var SearchBar = ({
 }) => {
   const translation = useHightideTranslation();
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { ...containerProps, className: (0, import_clsx35.clsx)("relative", containerProps?.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ...containerProps, className: (0, import_clsx35.clsx)("relative", containerProps?.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       InputUncontrolled,
       {
         ...inputProps,
@@ -14935,7 +14777,7 @@ var SearchBar = ({
         className: (0, import_clsx35.clsx)("pr-10 w-full", inputProps.className)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       Button,
       {
         ...searchButtonProps,
@@ -14945,7 +14787,7 @@ var SearchBar = ({
         coloringStyle: "text",
         onClick: () => onSearch(value),
         className: (0, import_clsx35.clsx)("absolute right-1 top-1/2 -translate-y-1/2", searchButtonProps?.className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react21.Search, { className: "w-full h-full" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react20.Search, { className: "w-full h-full" })
       }
     )
   ] });
@@ -14953,9 +14795,9 @@ var SearchBar = ({
 
 // src/components/user-interaction/input/ToggleableInput.tsx
 var import_react62 = require("react");
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_clsx36 = __toESM(require("clsx"));
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ToggleableInput = (0, import_react62.forwardRef)(function ToggleableInput2({
   value,
   initialState = "display",
@@ -14970,8 +14812,8 @@ var ToggleableInput = (0, import_react62.forwardRef)(function ToggleableInput2({
       innerRef.current?.focus();
     }
   }, [isEditing]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: (0, import_clsx36.default)("relative flex-row-2", { "flex-1": isEditing }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx36.default)("relative flex-row-2", { "flex-1": isEditing }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Input,
       {
         ...props,
@@ -14997,9 +14839,9 @@ var ToggleableInput = (0, import_react62.forwardRef)(function ToggleableInput2({
         })
       }
     ),
-    !isEditing && /* @__PURE__ */ (0, import_jsx_runtime70.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_runtime70.jsx)("span", { className: (0, import_clsx36.default)(" truncate"), children: value }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react22.Pencil, { className: (0, import_clsx36.default)(`size-force-4`, { "text-transparent": isEditing }) })
+    !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_clsx36.default)(" truncate"), children: value }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react21.Pencil, { className: (0, import_clsx36.default)(`size-force-4`, { "text-transparent": isEditing }) })
     ] })
   ] });
 });
@@ -15009,7 +14851,7 @@ var ToggleableInputUncontrolled = ({
   ...restProps
 }) => {
   const [value, setValue] = useOverwritableState(initialValue, onValueChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     ToggleableInput,
     {
       value,
@@ -15020,11 +14862,11 @@ var ToggleableInputUncontrolled = ({
 };
 
 // src/components/user-interaction/properties/CheckboxProperty.tsx
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react23 = require("lucide-react");
 
 // src/components/user-interaction/properties/PropertyBase.tsx
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var PropertyBase = ({
   name: name2,
   children,
@@ -15043,29 +14885,29 @@ var PropertyBase = ({
   const isClearEnabled = allowClear && !readOnly;
   const isRemoveEnabled = allowRemove && !readOnly;
   const showActionsContainer = isClearEnabled || isRemoveEnabled;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       className: className ? `group/property ${className}` : "group/property",
       "data-name": "property-root",
       "data-invalid": PropsUtil.dataAttributes.bool(invalid),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "div",
           {
             className,
             "data-name": "property-title",
             "data-invalid": PropsUtil.dataAttributes.bool(invalid),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Tooltip, { tooltip: name2, containerClassName: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex-row-1 items-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { "data-name": "property-title-icon", children: icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "data-name": "property-title-text", children: name2 })
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Tooltip, { tooltip: name2, containerClassName: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex-row-1 items-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-name": "property-title-icon", children: icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { "data-name": "property-title-text", children: name2 })
               ] }) }),
-              invalid && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react23.AlertTriangle, { className: "size-force-6" })
+              invalid && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.AlertTriangle, { className: "size-force-6" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "div",
           {
             className,
@@ -15073,8 +14915,8 @@ var PropertyBase = ({
             "data-invalid": PropsUtil.dataAttributes.bool(invalid),
             children: [
               children({ required, hasValue, invalid }),
-              showActionsContainer && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { "data-name": "property-actions", children: [
-                isClearEnabled && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Tooltip, { tooltip: translation("clearValue"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+              showActionsContainer && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { "data-name": "property-actions", children: [
+                isClearEnabled && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Tooltip, { tooltip: translation("clearValue"), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                   Button,
                   {
                     onClick: onValueClear,
@@ -15083,10 +14925,10 @@ var PropertyBase = ({
                     coloringStyle: "text",
                     layout: "icon",
                     size: "sm",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react23.X, { className: "size-force-5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.X, { className: "size-force-5" })
                   }
                 ) }),
-                isRemoveEnabled && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Tooltip, { tooltip: translation("removeProperty"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                isRemoveEnabled && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Tooltip, { tooltip: translation("removeProperty"), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                   Button,
                   {
                     onClick: onRemove,
@@ -15094,7 +14936,7 @@ var PropertyBase = ({
                     coloringStyle: "text",
                     layout: "icon",
                     size: "sm",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react23.Trash, { className: "size-force-5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.Trash, { className: "size-force-5" })
                   }
                 ) })
               ] })
@@ -15107,7 +14949,7 @@ var PropertyBase = ({
 };
 
 // src/components/user-interaction/properties/CheckboxProperty.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var CheckboxProperty = ({
   value,
   onValueChange,
@@ -15116,15 +14958,15 @@ var CheckboxProperty = ({
   ...baseProps
 }) => {
   const translation = useHightideTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     PropertyBase,
     {
       ...baseProps,
       hasValue: value !== void 0,
       readOnly,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.Check, { size: 24 }),
-      children: () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex-row-2 items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.Check, { size: 24 }),
+      children: () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex-row-2 items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Button,
           {
             color: value ? "positive" : "neutral",
@@ -15137,7 +14979,7 @@ var CheckboxProperty = ({
             children: translation("yes")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Button,
           {
             color: !value && value !== void 0 ? "negative" : "neutral",
@@ -15156,8 +14998,8 @@ var CheckboxProperty = ({
 };
 
 // src/components/user-interaction/properties/DateProperty.tsx
-var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var DateProperty = ({
   value,
   onValueChange,
@@ -15167,13 +15009,13 @@ var DateProperty = ({
   ...baseProps
 }) => {
   const hasValue = !!value;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     PropertyBase,
     {
       ...baseProps,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react25.CalendarDays, { size: 24 }),
-      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react24.CalendarDays, { size: 24 }),
+      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         DateTimeInput,
         {
           value,
@@ -15191,7 +15033,129 @@ var DateProperty = ({
 
 // src/components/user-interaction/properties/MultiSelectProperty.tsx
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+
+// src/components/user-interaction/select/MultiSelectChipDisplay.tsx
+var import_react63 = require("react");
+var import_lucide_react25 = require("lucide-react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var MultiSelectChipDisplayButton = (0, import_react63.forwardRef)(function MultiSelectChipDisplayButton2({
+  id,
+  ...props
+}, ref) {
+  const { state, trigger, item, ids, setIds } = useSelectContext();
+  const { register, unregister, toggleOpen } = trigger;
+  (0, import_react63.useEffect)(() => {
+    if (id) {
+      setIds((prev) => ({
+        ...prev,
+        trigger: id
+      }));
+    }
+  }, [id, setIds]);
+  const innerRef = (0, import_react63.useRef)(null);
+  (0, import_react63.useImperativeHandle)(ref, () => innerRef.current);
+  (0, import_react63.useEffect)(() => {
+    register(innerRef);
+    return () => unregister();
+  }, [register, unregister]);
+  const disabled = !!props?.disabled || !!state.disabled;
+  const invalid = state.invalid;
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    "div",
+    {
+      ...props,
+      ref: innerRef,
+      onClick: (event) => {
+        toggleOpen();
+        props.onClick?.(event);
+      },
+      "data-name": props["data-name"] ?? "select-button-chips",
+      "data-value": state.value.length > 0 ? "" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-invalid": invalid ? "" : void 0,
+      "aria-invalid": invalid,
+      "aria-disabled": disabled,
+      children: [
+        state.selectedOptions.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Chip, { className: "gap-x-2", children: [
+          label,
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            Button,
+            {
+              onClick: () => {
+                item.toggleSelection(value, false);
+              },
+              size: "xs",
+              color: "negative",
+              coloringStyle: "text",
+              layout: "icon",
+              className: "flex-row-0 items-center",
+              children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react25.XIcon, { className: "size-5" })
+            }
+          )
+        ] }, value)),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          Button,
+          {
+            id: ids.trigger,
+            onClick: (event) => {
+              event.stopPropagation();
+              toggleOpen();
+            },
+            onKeyDown: (event) => {
+              switch (event.key) {
+                case "ArrowDown":
+                  toggleOpen(true, { highlightStartPositionBehavior: "first" });
+                  break;
+                case "ArrowUp":
+                  toggleOpen(true, { highlightStartPositionBehavior: "last" });
+              }
+            },
+            layout: "icon",
+            size: "sm",
+            color: "neutral",
+            "aria-invalid": invalid,
+            "aria-disabled": disabled,
+            "aria-haspopup": "listbox",
+            "aria-expanded": state.isOpen,
+            "aria-controls": state.isOpen ? ids.content : void 0,
+            className: "size-9",
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react25.Plus, {})
+          }
+        )
+      ]
+    }
+  );
+});
+var MultiSelectChipDisplay = (0, import_react63.forwardRef)(function MultiSelectChipDisplay2({
+  children,
+  contentPanelProps,
+  chipDisplayProps,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(MultiSelectRoot, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MultiSelectChipDisplayButton, { ref, ...chipDisplayProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MultiSelectContent, { ...contentPanelProps, children })
+  ] });
+});
+var MultiSelectChipDisplayUncontrolled = (0, import_react63.forwardRef)(function MultiSelectChipDisplayUncontrolled2({
+  value: initialValue,
+  onValueChange,
+  ...props
+}, ref) {
+  const [value, setValue] = useOverwritableState(initialValue, onValueChange);
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    MultiSelectChipDisplay,
+    {
+      ...props,
+      ref,
+      value,
+      onValueChange: setValue
+    }
+  );
+});
+
+// src/components/user-interaction/properties/MultiSelectProperty.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var MultiSelectProperty = ({
   children,
   value,
@@ -15200,18 +15164,18 @@ var MultiSelectProperty = ({
   ...props
 }) => {
   const hasValue = value.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     PropertyBase,
     {
       ...props,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react26.List, { size: 24 }),
-      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react26.List, { size: 24 }),
+      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
         {
           "data-name": "property-input-wrapper",
           "data-invalid": PropsUtil.dataAttributes.bool(invalid),
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             MultiSelectChipDisplay,
             {
               value,
@@ -15237,7 +15201,7 @@ var MultiSelectProperty = ({
 
 // src/components/user-interaction/properties/NumberProperty.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var NumberProperty = ({
   value,
   onRemove,
@@ -15249,20 +15213,20 @@ var NumberProperty = ({
 }) => {
   const translation = useHightideTranslation();
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react27.Binary, { size: 24 }),
-      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react27.Binary, { size: 24 }),
+      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
           "data-name": "property-input-wrapper",
           "data-invalid": PropsUtil.dataAttributes.bool(invalid),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               Input,
               {
                 className: "w-full pr-8",
@@ -15290,7 +15254,7 @@ var NumberProperty = ({
                 }
               }
             ),
-            suffix && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            suffix && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               "span",
               {
                 "data-name": "property-suffix",
@@ -15307,7 +15271,7 @@ var NumberProperty = ({
 
 // src/components/user-interaction/properties/SelectProperty.tsx
 var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var SingleSelectProperty = ({
   children,
   value,
@@ -15316,18 +15280,18 @@ var SingleSelectProperty = ({
   ...props
 }) => {
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     PropertyBase,
     {
       ...props,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react28.List, { size: 24 }),
-      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react28.List, { size: 24 }),
+      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "div",
         {
           "data-name": "property-input-wrapper",
           "data-invalid": PropsUtil.dataAttributes.bool(invalid),
-          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             Select,
             {
               value,
@@ -15350,7 +15314,7 @@ var SingleSelectProperty = ({
 
 // src/components/user-interaction/properties/TextProperty.tsx
 var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var TextProperty = ({
   value,
   readOnly,
@@ -15361,14 +15325,14 @@ var TextProperty = ({
 }) => {
   const translation = useHightideTranslation();
   const hasValue = value !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     PropertyBase,
     {
       ...baseProps,
       onRemove,
       hasValue,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react29.Text, { size: 24 }),
-      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react29.Text, { size: 24 }),
+      children: ({ invalid }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         Textarea,
         {
           className: "w-full",
@@ -15398,34 +15362,65 @@ var TextProperty = ({
   );
 };
 
-// src/components/utils/FocusTrap.tsx
-var import_react63 = require("react");
+// src/components/user-interaction/select/MultiSelect.tsx
 var import_react64 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var MultiSelect = (0, import_react64.forwardRef)(function MultiSelect2({
+  children,
+  contentPanelProps,
+  buttonProps,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(MultiSelectRoot, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MultiSelectButton, { ref, ...buttonProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MultiSelectContent, { ...contentPanelProps, children })
+  ] });
+});
+var MultiSelectUncontrolled = (0, import_react64.forwardRef)(function MultiSelectUncontrolled2({
+  value: initialValue,
+  onValueChange,
+  ...props
+}, ref) {
+  const [value, setValue] = useOverwritableState(initialValue, onValueChange);
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    MultiSelect,
+    {
+      ...props,
+      ref,
+      value,
+      onValueChange: setValue
+    }
+  );
+});
+
+// src/components/utils/FocusTrap.tsx
 var import_react65 = require("react");
+var import_react66 = require("react");
+var import_react67 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
-var FocusTrap = (0, import_react65.forwardRef)(function FocusTrap2({
+var FocusTrap = (0, import_react67.forwardRef)(function FocusTrap2({
   active = true,
   initialFocus,
   focusFirst = false,
   ...props
 }, forwardedRef) {
-  const innerRef = (0, import_react63.useRef)(null);
-  (0, import_react64.useImperativeHandle)(forwardedRef, () => innerRef.current);
+  const innerRef = (0, import_react65.useRef)(null);
+  (0, import_react66.useImperativeHandle)(forwardedRef, () => innerRef.current);
   useFocusTrap({ container: innerRef, active, initialFocus, focusFirst });
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { ref: innerRef, ...props });
 });
 
 // src/components/utils/Transition.tsx
-var import_react66 = require("react");
+var import_react68 = require("react");
 function Transition({
   children,
   show,
   includeAnimation = true
 }) {
-  const [isOpen, setIsOpen] = (0, import_react66.useState)(show);
-  const [isTransitioning, setIsTransitioning] = (0, import_react66.useState)(!isOpen);
+  const [isOpen, setIsOpen] = (0, import_react68.useState)(show);
+  const [isTransitioning, setIsTransitioning] = (0, import_react68.useState)(!isOpen);
   const isUsingReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : true;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     setIsOpen(show);
     setIsTransitioning(true);
   }, [show]);
@@ -15461,7 +15456,7 @@ var HightideProvider = ({
 };
 
 // src/hooks/focus/useFocusGuards.ts
-var import_react67 = require("react");
+var import_react69 = require("react");
 var selectorName = "data-hw-focus-guard";
 function FocusGuard() {
   const element = document.createElement("div");
@@ -15499,7 +15494,7 @@ var FocusGuardsService = class _FocusGuardsService {
   }
 };
 var useFocusGuards = () => {
-  (0, import_react67.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     FocusGuardsService.getInstance().add();
     return () => {
       FocusGuardsService.getInstance().remove();
@@ -15508,10 +15503,10 @@ var useFocusGuards = () => {
 };
 
 // src/hooks/focus/useFocusOnceVisible.ts
-var import_react68 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var useFocusOnceVisible = (ref, disable = false) => {
-  const [hasUsedFocus, setHasUsedFocus] = import_react68.default.useState(false);
-  (0, import_react68.useEffect)(() => {
+  const [hasUsedFocus, setHasUsedFocus] = import_react70.default.useState(false);
+  (0, import_react70.useEffect)(() => {
     if (disable || hasUsedFocus) {
       return;
     }
@@ -15531,13 +15526,13 @@ var useFocusOnceVisible = (ref, disable = false) => {
 };
 
 // src/hooks/useRerender.ts
-var import_react69 = require("react");
+var import_react71 = require("react");
 var useRerender = () => {
-  return (0, import_react69.useReducer)(() => ({}), {})[1];
+  return (0, import_react71.useReducer)(() => ({}), {})[1];
 };
 
 // src/hooks/useSearch.ts
-var import_react70 = require("react");
+var import_react72 = require("react");
 
 // src/utils/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -15576,34 +15571,34 @@ var useSearch = ({
   filter,
   disabled = false
 }) => {
-  const [search, setSearch] = (0, import_react70.useState)(initialSearch ?? "");
-  const [result, setResult] = (0, import_react70.useState)(list);
-  const searchTags = (0, import_react70.useMemo)(() => additionalSearchTags ?? [], [additionalSearchTags]);
-  const updateSearch = (0, import_react70.useCallback)((newSearch) => {
+  const [search, setSearch] = (0, import_react72.useState)(initialSearch ?? "");
+  const [result, setResult] = (0, import_react72.useState)(list);
+  const searchTags = (0, import_react72.useMemo)(() => additionalSearchTags ?? [], [additionalSearchTags]);
+  const updateSearch = (0, import_react72.useCallback)((newSearch) => {
     const usedSearch = newSearch ?? search;
     if (newSearch) {
       setSearch(search);
     }
     setResult(MultiSubjectSearchWithMapping([usedSearch, ...searchTags], list, searchMapping));
   }, [searchTags, list, search, searchMapping]);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (isSearchInstant) {
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
   }, [searchTags, isSearchInstant, list, search, searchMapping, additionalSearchTags]);
-  const filteredResult = (0, import_react70.useMemo)(() => {
+  const filteredResult = (0, import_react72.useMemo)(() => {
     if (!filter) {
       return result;
     }
     return result.filter(filter);
   }, [result, filter]);
-  const sortedAndFilteredResult = (0, import_react70.useMemo)(() => {
+  const sortedAndFilteredResult = (0, import_react72.useMemo)(() => {
     if (!sortingFunction) {
       return filteredResult;
     }
     return filteredResult.sort(sortingFunction);
   }, [filteredResult, sortingFunction]);
-  const usedResult = (0, import_react70.useMemo)(() => {
+  const usedResult = (0, import_react72.useMemo)(() => {
     if (!disabled) {
       return sortedAndFilteredResult;
     }
@@ -15625,7 +15620,7 @@ var validateEmail = (email) => {
 };
 
 // src/hooks/useValidators.ts
-var import_react71 = require("react");
+var import_react73 = require("react");
 var notEmpty = (value) => {
   if (!value) {
     return "notEmpty";
@@ -15675,7 +15670,7 @@ var UseValidators = {
 };
 var useTranslatedValidators = () => {
   const translation = useHightideTranslation();
-  return (0, import_react71.useMemo)(() => ({
+  return (0, import_react73.useMemo)(() => ({
     notEmpty: (value) => {
       const result = notEmpty(value);
       if (result) {