@helpwave/hightide 0.1.22 → 0.1.24

package/dist/components/modals/ThemeModal.mjs

@@ -1,8 +1,8 @@
 // src/localization/LanguageProvider.tsx
-import { createContext, useContext, useEffect as useEffect2, useState as useState2 } from "react";
+import { createContext, useContext, useEffect, useState as useState2 } from "react";
 
 // src/hooks/useLocalStorage.ts
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 
 // src/localization/util.ts
 var languages = ["en", "de"];
@@ -87,7 +87,7 @@ var useTranslation = (translations, overwriteTranslation = {}) => {
 
 // src/components/user-action/Select.tsx
 import { useCallback as useCallback5 } from "react";
-import { useEffect as useEffect11, useState as useState9 } from "react";
+import { useEffect as useEffect10, useState as useState9 } from "react";
 import clsx8 from "clsx";
 
 // src/components/user-action/Label.tsx
@@ -114,14 +114,16 @@ import { Check } from "lucide-react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Tile = ({
   title,
+  titleClassName,
   description,
+  descriptionClassName,
   onClick,
   isSelected = false,
   disabled = false,
   prefix,
   suffix,
   normalClassName = "hover:bg-primary/40 cursor-pointer",
-  selectedClassName = " bg-primary/20",
+  selectedClassName = "bg-primary/20",
   disabledClassName = "text-disabled-text bg-disabled-background cursor-not-allowed",
   className
 }) => {
@@ -131,7 +133,7 @@ var Tile = ({
       className: clsx2(
         "flex-row-2 w-full items-center",
         {
-          [normalClassName]: !!onClick && !disabled,
+          [normalClassName]: onClick && !disabled,
           [selectedClassName]: isSelected && !disabled,
           [disabledClassName]: disabled
         },
@@ -141,17 +143,30 @@ var Tile = ({
       children: [
         prefix,
         /* @__PURE__ */ jsxs("div", { className: "flex-col-0 w-full", children: [
-          /* @__PURE__ */ jsx3("h4", { className: clsx2(title.className ?? "textstyle-title-normal"), children: title.value }),
-          !!description && /* @__PURE__ */ jsx3("span", { className: clsx2(description.className ?? "textstyle-description"), children: description.value })
+          /* @__PURE__ */ jsx3("span", { className: clsx2(titleClassName ?? "textstyle-title-normal"), children: title }),
+          !!description && /* @__PURE__ */ jsx3("span", { className: clsx2(descriptionClassName ?? "textstyle-description"), children: description })
         ] }),
         suffix ?? (isSelected ? /* @__PURE__ */ jsx3(Check, { size: 24 }) : void 0)
       ]
     }
   );
 };
+var ListTile = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx3(
+    Tile,
+    {
+      ...props,
+      titleClassName: props.titleClassName ?? "font-semibold",
+      className: clsx2("px-2 py-1 rounded-md", props.className),
+      disabledClassName: props.disabledClassName ?? "text-disabled-text cursor-not-allowed"
+    }
+  );
+};
 
 // src/components/layout-and-navigation/Expandable.tsx
-import { forwardRef, useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+import { forwardRef, useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
 import { ChevronDown } from "lucide-react";
 import clsx3 from "clsx";
 
@@ -237,7 +252,7 @@ var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
   ...props
 }, ref) {
   const [usedIsExpanded, setUsedIsExpanded] = useState3(isExpanded);
-  useEffect3(() => {
+  useEffect2(() => {
     setUsedIsExpanded(isExpanded);
   }, [isExpanded]);
   return /* @__PURE__ */ jsx4(
@@ -255,13 +270,13 @@ var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
 });
 
 // src/components/user-action/Menu.tsx
-import { useEffect as useEffect6, useRef, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef, useState as useState5 } from "react";
 import clsx4 from "clsx";
 
 // src/hooks/useOutsideClick.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect3 } from "react";
 var useOutsideClick = (refs, handler) => {
-  useEffect4(() => {
+  useEffect3(() => {
     const listener = (event) => {
       if (event.target === null) return;
       if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
@@ -279,7 +294,7 @@ var useOutsideClick = (refs, handler) => {
 };
 
 // src/hooks/useHoverState.ts
-import { useEffect as useEffect5, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 var defaultUseHoverStateProps = {
   closingDelay: 200,
   isDisabled: false
@@ -303,14 +318,14 @@ var useHoverState = (props = void 0) => {
       setIsHovered(false);
     }, closingDelay));
   };
-  useEffect5(() => {
+  useEffect4(() => {
     if (timer) {
       return () => {
         clearTimeout(timer);
       };
     }
   });
-  useEffect5(() => {
+  useEffect4(() => {
     if (timer) {
       clearTimeout(timer);
     }
@@ -423,7 +438,7 @@ var Menu = ({
     triggerRef.current?.getBoundingClientRect(),
     { verticalAlignment: alignmentVertical, horizontalAlignment: alignmentHorizontal, disabled }
   );
-  useEffect6(() => {
+  useEffect5(() => {
     if (!isOpen) return;
     const triggerEl = triggerRef.current;
     if (!triggerEl) return;
@@ -440,7 +455,7 @@ var Menu = ({
       window.removeEventListener("resize", close);
     };
   }, [isOpen, setIsOpen]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (isOpen) {
       setIsHidden(false);
     }
@@ -476,11 +491,11 @@ var Menu = ({
 };
 
 // src/components/user-action/Input.tsx
-import { forwardRef as forwardRef2, useEffect as useEffect9, useImperativeHandle, useRef as useRef2, useState as useState7 } from "react";
+import { forwardRef as forwardRef2, useEffect as useEffect8, useImperativeHandle, useRef as useRef2, useState as useState7 } from "react";
 import clsx5 from "clsx";
 
 // src/hooks/useDelay.ts
-import { useEffect as useEffect7, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 var defaultOptions = {
   delay: 3e3,
   disabled: false
@@ -505,12 +520,12 @@ function useDelay(options) {
       setTimer(void 0);
     }, delay));
   };
-  useEffect7(() => {
+  useEffect6(() => {
     return () => {
       clearTimeout(timer);
     };
   }, [timer]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (disabled) {
       clearTimeout(timer);
       setTimer(void 0);
@@ -577,10 +592,10 @@ function useFocusManagement() {
 }
 
 // src/hooks/useFocusOnceVisible.ts
-import React, { useEffect as useEffect8 } from "react";
+import React, { useEffect as useEffect7 } from "react";
 var useFocusOnceVisible = (ref, disable = false) => {
   const [hasUsedFocus, setHasUsedFocus] = React.useState(false);
-  useEffect8(() => {
+  useEffect7(() => {
     if (disable || hasUsedFocus) {
       return;
     }
@@ -1003,7 +1018,7 @@ var SearchBar = ({
 };
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback4, useEffect as useEffect10, useMemo, useState as useState8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useMemo, useState as useState8 } from "react";
 
 // src/util/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -1037,7 +1052,7 @@ var useSearch = ({
     }
     setResult(MultiSubjectSearchWithMapping([usedSearch, ...searchTags], list, searchMapping));
   }, [searchTags, list, search, searchMapping]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (isSearchInstant) {
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
@@ -1072,22 +1087,6 @@ var useSearch = ({
 
 // src/components/user-action/Select.tsx
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var SelectTile = ({
-  className,
-  disabledClassName,
-  title,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx9(
-    Tile,
-    {
-      ...restProps,
-      className: clsx8("px-2 py-1 rounded-md", className),
-      disabledClassName: disabledClassName ?? "text-disabled-text cursor-not-allowed",
-      title: { ...title, className: title.className ?? "font-semibold" }
-    }
-  );
-};
 var Select = ({
   value,
   label,
@@ -1154,10 +1153,10 @@ var Select = ({
             ),
             /* @__PURE__ */ jsxs7("div", { className: "flex-col-2 overflow-y-auto", children: [
               result.map((option, index) => /* @__PURE__ */ jsx9(
-                SelectTile,
+                ListTile,
                 {
                   isSelected: option === selectedOption,
-                  title: { value: option.label },
+                  title: option.label,
                   onClick: () => {
                     onChange(option.value);
                     close();
@@ -1176,7 +1175,7 @@ var Select = ({
 };
 
 // src/components/layout-and-navigation/Overlay.tsx
-import { useEffect as useEffect12, useRef as useRef3, useState as useState10 } from "react";
+import { useEffect as useEffect11, useRef as useRef3, useState as useState10 } from "react";
 import ReactDOM from "react-dom";
 import clsx10 from "clsx";
 
@@ -1256,7 +1255,7 @@ var Overlay = ({
   backgroundClassName
 }) => {
   const [root, setRoot] = useState10();
-  useEffect12(() => {
+  useEffect11(() => {
     setRoot(document.body);
   }, []);
   if (!root || !isOpen) return null;
@@ -1319,7 +1318,7 @@ var Modal = ({
   headerProps
 }) => {
   const ref = useRef3(null);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!isOpen) return;
     const modal = ref.current;
     if (!modal) {
@@ -1385,7 +1384,7 @@ var Modal = ({
 
 // src/theming/useTheme.tsx
 import { useMemo as useMemo2 } from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect13, useState as useState11 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect12, useState as useState11 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var themes = ["light", "dark", "system"];
 var defaultThemeTypeTranslation = {