@helpwave/hightide 0.1.23 → 0.1.24

package/dist/index.mjs

@@ -5805,14 +5805,14 @@ var HelpwaveBadge = ({
 };
 
 // src/components/date/DatePicker.tsx
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 import { ArrowDown, ArrowUp, ChevronDown as ChevronDown2 } from "lucide-react";
 
 // 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/util/storage.ts
 var StorageService = class {
@@ -5870,9 +5870,6 @@ var useLocalStorage = (key, initValue) => {
     storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
-  useEffect(() => {
-    setStoredValue(get());
-  }, []);
   return [storedValue, setValue];
 };
 
@@ -5907,17 +5904,17 @@ var useLocale = (overWriteLanguage) => {
 var LanguageProvider = ({ initialLanguage, children }) => {
   const [language, setLanguage] = useState2(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE);
   const [storedLanguage, setStoredLanguage] = useLocalStorage("language", initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE);
-  useEffect2(() => {
+  useEffect(() => {
     if (language !== initialLanguage && initialLanguage) {
       console.warn("LanguageProvider initial state changed: Prefer using languageProvider's setLanguage instead");
       setLanguage(initialLanguage);
     }
   }, [initialLanguage]);
-  useEffect2(() => {
+  useEffect(() => {
     document.documentElement.setAttribute("lang", language);
     setStoredLanguage(language);
   }, [language]);
-  useEffect2(() => {
+  useEffect(() => {
     if (storedLanguage !== null) {
       setLanguage(storedLanguage);
       return;
@@ -6505,12 +6502,12 @@ var IconButton = ({
 };
 
 // src/components/date/YearMonthPicker.tsx
-import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { useEffect as useEffect3, useRef, useState as useState4 } from "react";
 import { Scrollbars } from "react-custom-scrollbars-2";
 import clsx6 from "clsx";
 
 // src/components/layout-and-navigation/Expandable.tsx
-import { forwardRef as forwardRef2, useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+import { forwardRef as forwardRef2, useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
 import { ChevronDown } from "lucide-react";
 import clsx5 from "clsx";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -6591,7 +6588,7 @@ var ExpandableUncontrolled = forwardRef2(function ExpandableUncontrolled2({
   ...props
 }, ref) {
   const [usedIsExpanded, setUsedIsExpanded] = useState3(isExpanded);
-  useEffect3(() => {
+  useEffect2(() => {
     setUsedIsExpanded(isExpanded);
   }, [isExpanded]);
   return /* @__PURE__ */ jsx6(
@@ -6621,7 +6618,7 @@ var YearMonthPicker = ({
 }) => {
   const locale = useLocale();
   const ref = useRef(null);
-  useEffect4(() => {
+  useEffect3(() => {
     const scrollToItem = () => {
       if (ref.current) {
         ref.current.scrollIntoView({
@@ -6681,7 +6678,7 @@ var YearMonthPickerUncontrolled = ({
   ...props
 }) => {
   const [yearMonth, setYearMonth] = useState4(displayedYearMonth ?? /* @__PURE__ */ new Date());
-  useEffect4(() => setYearMonth(displayedYearMonth), [displayedYearMonth]);
+  useEffect3(() => setYearMonth(displayedYearMonth), [displayedYearMonth]);
   return /* @__PURE__ */ jsx7(
     YearMonthPicker,
     {
@@ -6697,7 +6694,7 @@ var YearMonthPickerUncontrolled = ({
 
 // src/components/date/DayPicker.tsx
 import clsx7 from "clsx";
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var DayPicker = ({
   displayedMonth,
@@ -6751,7 +6748,7 @@ var DayPickerUncontrolled = ({
 }) => {
   const [date, setDate] = useState5(selected);
   const [usedDisplayedMonth, setUsedDDisplayedMonth] = useState5(displayedMonth);
-  useEffect5(() => {
+  useEffect4(() => {
     setDate(selected);
     setUsedDDisplayedMonth(selected);
   }, [selected]);
@@ -6859,7 +6856,7 @@ var DatePicker = ({
   const translation = useTranslation([timeTranslation], overwriteTranslation);
   const [displayedMonth, setDisplayedMonth] = useState6(value);
   const [displayMode, setDisplayMode] = useState6(initialDisplay);
-  useEffect6(() => {
+  useEffect5(() => {
     setDisplayedMonth(value);
   }, [value]);
   return /* @__PURE__ */ jsxs6("div", { className: clsx8("flex-col-4", className), children: [
@@ -6951,7 +6948,7 @@ var DatePickerUncontrolled = ({
   ...props
 }) => {
   const [date, setDate] = useState6(value);
-  useEffect6(() => setDate(value), [value]);
+  useEffect5(() => setDate(value), [value]);
   return /* @__PURE__ */ jsx9(
     DatePicker,
     {
@@ -7020,7 +7017,7 @@ var TimeDisplay = ({
 };
 
 // src/components/date/TimePicker.tsx
-import { useEffect as useEffect7, useRef as useRef2, useState as useState7 } from "react";
+import { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
 import { Scrollbars as Scrollbars2 } from "react-custom-scrollbars-2";
 import clsx9 from "clsx";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -7037,7 +7034,7 @@ var TimePicker = ({
   const isPM = time.getHours() >= 11;
   const hours = is24HourFormat ? range(24) : range([1, 12], { exclusiveEnd: false });
   let minutes = range(60);
-  useEffect7(() => {
+  useEffect6(() => {
     const scrollToItem = () => {
       if (minuteRef.current) {
         const container = minuteRef.current.parentElement;
@@ -7052,7 +7049,7 @@ var TimePicker = ({
     };
     scrollToItem();
   }, [minuteRef, minuteRef.current]);
-  useEffect7(() => {
+  useEffect6(() => {
     const scrollToItem = () => {
       if (hourRef.current) {
         const container = hourRef.current.parentElement;
@@ -7144,7 +7141,7 @@ var TimePickerUncontrolled = ({
   ...props
 }) => {
   const [value, setValue] = useState7(time);
-  useEffect7(() => setValue(time), [time]);
+  useEffect6(() => setValue(time), [time]);
   return /* @__PURE__ */ jsx11(
     TimePicker,
     {
@@ -7162,12 +7159,12 @@ var TimePickerUncontrolled = ({
 import clsx12 from "clsx";
 
 // src/components/layout-and-navigation/Overlay.tsx
-import { useEffect as useEffect9, useRef as useRef3, useState as useState9 } from "react";
+import { useEffect as useEffect8, useRef as useRef3, useState as useState9 } from "react";
 import ReactDOM from "react-dom";
 import clsx11 from "clsx";
 
 // src/hooks/useHoverState.ts
-import { useEffect as useEffect8, useState as useState8 } from "react";
+import { useEffect as useEffect7, useState as useState8 } from "react";
 var defaultUseHoverStateProps = {
   closingDelay: 200,
   isDisabled: false
@@ -7191,14 +7188,14 @@ var useHoverState = (props = void 0) => {
       setIsHovered(false);
     }, closingDelay));
   };
-  useEffect8(() => {
+  useEffect7(() => {
     if (timer) {
       return () => {
         clearTimeout(timer);
       };
     }
   });
-  useEffect8(() => {
+  useEffect7(() => {
     if (timer) {
       clearTimeout(timer);
     }
@@ -7404,7 +7401,7 @@ var Overlay = ({
   backgroundClassName
 }) => {
   const [root, setRoot] = useState9();
-  useEffect9(() => {
+  useEffect8(() => {
     setRoot(document.body);
   }, []);
   if (!root || !isOpen) return null;
@@ -7467,7 +7464,7 @@ var Modal = ({
   headerProps
 }) => {
   const ref = useRef3(null);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!isOpen) return;
     const modal = ref.current;
     if (!modal) {
@@ -7538,7 +7535,7 @@ var Dialog = ({
   headerProps
 }) => {
   const ref = useRef3(null);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!isOpen) return;
     const dialog = ref.current;
     if (!dialog) {
@@ -7787,7 +7784,7 @@ var Circle = ({
 };
 
 // src/components/icons-and-geometry/Ring.tsx
-import { useCallback as useCallback3, useEffect as useEffect10, useState as useState11 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect9, useState as useState11 } from "react";
 import clsx15 from "clsx";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var Ring = ({
@@ -7832,7 +7829,7 @@ var AnimatedRing = ({
       }
     }
   }, [milliseconds, onAnimationFinished, repeating, width]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (currentWidth < width) {
       requestAnimationFrame((timestamp) => animate(timestamp, timestamp));
     }
@@ -7887,7 +7884,7 @@ var RingWave = ({
       }
     }
   }, [distance, endInnerSize, milliseconds, onAnimationFinished, repeating, startInnerSize]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (currentInnerSize < endInnerSize) {
       requestAnimationFrame((timestamp) => animate(timestamp, timestamp));
     }
@@ -8094,7 +8091,7 @@ var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
 };
 
 // src/components/layout-and-navigation/Carousel.tsx
-import { useCallback as useCallback4, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
 import clsx17 from "clsx";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 
@@ -8287,7 +8284,7 @@ var Carousel = ({
       animationId.current = requestAnimationFrame((time1) => animation(time1));
     }
   }, [animationTime, autoLoopAnimationTime, util]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (animationState) {
       animationId.current = requestAnimationFrame(animation);
     }
@@ -8309,7 +8306,7 @@ var Carousel = ({
       isAutoLooping: true
     }
   }));
-  useEffect11(() => {
+  useEffect10(() => {
     if (!animationId.current && !animationState && !dragState && !timeOut.current) {
       if (autoLoopingTimeOut > 0) {
         timeOut.current = setTimeout(() => {
@@ -8864,11 +8861,11 @@ import { ChevronFirst, ChevronLast, ChevronLeft as ChevronLeft2, ChevronRight as
 import clsx23 from "clsx";
 
 // src/components/user-action/Input.tsx
-import { forwardRef as forwardRef3, useEffect as useEffect14, useImperativeHandle, useRef as useRef5, useState as useState14 } from "react";
+import { forwardRef as forwardRef3, useEffect as useEffect13, useImperativeHandle, useRef as useRef5, useState as useState14 } from "react";
 import clsx22 from "clsx";
 
 // src/hooks/useDelay.ts
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { useEffect as useEffect11, useState as useState13 } from "react";
 var defaultOptions = {
   delay: 3e3,
   disabled: false
@@ -8893,12 +8890,12 @@ function useDelay(options) {
       setTimer(void 0);
     }, delay));
   };
-  useEffect12(() => {
+  useEffect11(() => {
     return () => {
       clearTimeout(timer);
     };
   }, [timer]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (disabled) {
       clearTimeout(timer);
       setTimer(void 0);
@@ -8983,10 +8980,10 @@ function useFocusManagement() {
 }
 
 // src/hooks/useFocusOnceVisible.ts
-import React2, { useEffect as useEffect13 } from "react";
+import React2, { useEffect as useEffect12 } from "react";
 var useFocusOnceVisible = (ref, disable = false) => {
   const [hasUsedFocus, setHasUsedFocus] = React2.useState(false);
-  useEffect13(() => {
+  useEffect12(() => {
     if (disable || hasUsedFocus) {
       return;
     }
@@ -9103,7 +9100,7 @@ var InputUncontrolled = ({
   ...props
 }) => {
   const [usedValue, setUsedValue] = useState14(value);
-  useEffect14(() => {
+  useEffect13(() => {
     setUsedValue(value);
   }, [value]);
   return /* @__PURE__ */ jsx26(
@@ -9154,7 +9151,7 @@ var FormInput = forwardRef3(function FormInput2({
 });
 
 // src/components/layout-and-navigation/Pagination.tsx
-import { useEffect as useEffect15, useState as useState15 } from "react";
+import { useEffect as useEffect14, useState as useState15 } from "react";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var Pagination = ({
   overwriteTranslation,
@@ -9169,7 +9166,7 @@ var Pagination = ({
   const noPages = pageCount === 0;
   const onFirstPage = pageIndex === 0 && !noPages;
   const onLastPage = pageIndex === pageCount - 1;
-  useEffect15(() => {
+  useEffect14(() => {
     if (noPages) {
       setValue("0");
     } else {
@@ -9227,7 +9224,7 @@ import { Search } from "lucide-react";
 import clsx24 from "clsx";
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useState as useState16 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useMemo as useMemo3, useState as useState16 } from "react";
 
 // src/util/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -9276,7 +9273,7 @@ var useSearch = ({
     }
     setResult(MultiSubjectSearchWithMapping([usedSearch, ...searchTags], list, searchMapping));
   }, [searchTags, list, search, searchMapping]);
-  useEffect16(() => {
+  useEffect15(() => {
     if (isSearchInstant) {
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
@@ -9353,7 +9350,7 @@ var SearchableList = ({
 // src/components/layout-and-navigation/StepperBar.tsx
 import { Check as Check2, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
 import clsx25 from "clsx";
-import { useEffect as useEffect17, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var defaultState = {
   currentStep: 0,
@@ -9448,7 +9445,7 @@ var StepperBar = ({
 };
 var StepperBarUncontrolled = ({ state, onChange, ...props }) => {
   const [usedState, setUsedState] = useState17(state ?? defaultState);
-  useEffect17(() => {
+  useEffect16(() => {
     setUsedState(state ?? defaultState);
   }, [state]);
   return /* @__PURE__ */ jsx29(
@@ -9819,17 +9816,17 @@ var InputModal = ({
 
 // src/components/user-action/Select.tsx
 import { useCallback as useCallback7 } from "react";
-import { useEffect as useEffect20, useState as useState20 } from "react";
+import { useEffect as useEffect19, useState as useState20 } from "react";
 import clsx35 from "clsx";
 
 // src/components/user-action/Menu.tsx
-import { useEffect as useEffect19, useRef as useRef6, useState as useState19 } from "react";
+import { useEffect as useEffect18, useRef as useRef6, useState as useState19 } from "react";
 import clsx33 from "clsx";
 
 // src/hooks/useOutsideClick.ts
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect17 } from "react";
 var useOutsideClick = (refs, handler) => {
-  useEffect18(() => {
+  useEffect17(() => {
     const listener = (event) => {
       if (event.target === null) return;
       if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
@@ -9967,7 +9964,7 @@ var Menu = ({
     triggerRef.current?.getBoundingClientRect(),
     { verticalAlignment: alignmentVertical, horizontalAlignment: alignmentHorizontal, disabled }
   );
-  useEffect19(() => {
+  useEffect18(() => {
     if (!isOpen) return;
     const triggerEl = triggerRef.current;
     if (!triggerEl) return;
@@ -9984,7 +9981,7 @@ var Menu = ({
       window.removeEventListener("resize", close);
     };
   }, [isOpen, setIsOpen]);
-  useEffect19(() => {
+  useEffect18(() => {
     if (isOpen) {
       setIsHidden(false);
     }
@@ -10139,7 +10136,7 @@ var SelectUncontrolled = ({
   ...props
 }) => {
   const [selected, setSelected] = useState20(value);
-  useEffect20(() => {
+  useEffect19(() => {
     if (options.find((options2) => options2.value === value)) {
       setSelected(value);
     }
@@ -10212,7 +10209,7 @@ var LanguageModal = ({
 
 // src/theming/useTheme.tsx
 import { useMemo as useMemo4 } from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect21, useState as useState21 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect20, useState as useState21 } from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
 var themes = ["light", "dark", "system"];
 var defaultThemeTypeTranslation = {
@@ -10243,24 +10240,24 @@ var ThemeContext = createContext2({
   theme: "light",
   setTheme: noop
 });
-var ThemeProvider = ({ children, initialTheme = "system" }) => {
-  const [storedTheme, setStoredTheme] = useLocalStorage("theme", initialTheme);
+var ThemeProvider = ({ children, initialTheme }) => {
+  const [storedTheme, setStoredTheme] = useLocalStorage("theme", initialTheme ?? "system");
   const [userTheme, setUserTheme] = useState21();
-  useEffect21(() => {
-    if (storedTheme !== initialTheme) {
+  useEffect20(() => {
+    if (!!initialTheme && storedTheme !== initialTheme) {
       console.warn("ThemeProvider initial state changed: Prefer using useTheme's setTheme instead");
       setStoredTheme(initialTheme);
     }
   }, [initialTheme]);
   const usedTheme = useMemo4(() => storedTheme !== "system" ? storedTheme : userTheme, [storedTheme, userTheme]);
-  useEffect21(() => {
+  useEffect20(() => {
     document.documentElement.setAttribute("data-theme", usedTheme);
   }, [usedTheme]);
-  useEffect21(() => {
+  useEffect20(() => {
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     setUserTheme(prefersDark ? "dark" : "light");
   }, []);
-  return /* @__PURE__ */ jsx45(ThemeContext.Provider, { value: { theme: storedTheme, setTheme: setStoredTheme }, children });
+  return /* @__PURE__ */ jsx45(ThemeContext.Provider, { value: { theme: usedTheme, setTheme: setStoredTheme }, children });
 };
 var useTheme = () => useContext2(ThemeContext);
 
@@ -10547,7 +10544,7 @@ import clsx40 from "clsx";
 
 // src/components/user-action/MultiSelect.tsx
 import { useCallback as useCallback8 } from "react";
-import { useEffect as useEffect22, useState as useState23 } from "react";
+import { useEffect as useEffect21, useState as useState23 } from "react";
 import clsx39 from "clsx";
 import { Plus } from "lucide-react";
 import { Fragment as Fragment6, jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -10717,7 +10714,7 @@ var MultiSelectUncontrolled = ({
   ...props
 }) => {
   const [usedOptions, setUsedOptions] = useState23(options);
-  useEffect22(() => {
+  useEffect21(() => {
     setUsedOptions(options);
   }, [options]);
   return /* @__PURE__ */ jsx51(
@@ -10945,7 +10942,7 @@ import { Text } from "lucide-react";
 import clsx44 from "clsx";
 
 // src/components/user-action/Textarea.tsx
-import { useEffect as useEffect23, useState as useState24 } from "react";
+import { useEffect as useEffect22, useState as useState24 } from "react";
 import clsx43 from "clsx";
 import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
 var Textarea = ({
@@ -11035,7 +11032,7 @@ var TextareaUncontrolled = ({
   ...props
 }) => {
   const [text, setText] = useState24(value);
-  useEffect23(() => {
+  useEffect22(() => {
     setText(value);
   }, [value]);
   return /* @__PURE__ */ jsx55(
@@ -11132,7 +11129,7 @@ var TableFilters = {
 };
 
 // src/components/table/Table.tsx
-import { useCallback as useCallback9, useEffect as useEffect26, useMemo as useMemo5, useRef as useRef7, useState as useState26 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect25, useMemo as useMemo5, useRef as useRef7, useState as useState26 } from "react";
 import clsx48 from "clsx";
 import {
   flexRender,
@@ -11146,7 +11143,7 @@ import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
 
 // src/components/table/TableFilterButton.tsx
 import { FilterIcon } from "lucide-react";
-import { useEffect as useEffect24, useState as useState25 } from "react";
+import { useEffect as useEffect23, useState as useState25 } from "react";
 import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var defaultTableFilterTranslation = {
   en: {
@@ -11174,7 +11171,7 @@ var TableFilterButton = ({
   const columnFilterValue = column.getFilterValue();
   const [filterValue, setFilterValue] = useState25(columnFilterValue);
   const hasFilter = !!filterValue;
-  useEffect24(() => {
+  useEffect23(() => {
     setFilterValue(columnFilterValue);
   }, [columnFilterValue]);
   return /* @__PURE__ */ jsx58(
@@ -11306,9 +11303,9 @@ var TableSortButton = ({
 };
 
 // src/hooks/useResizeCallbackWrapper.ts
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect24 } from "react";
 var useResizeCallbackWrapper = (callback) => {
-  useEffect25(() => {
+  useEffect24(() => {
     window.addEventListener("resize", callback);
     return () => {
       window.removeEventListener("resize", callback);
@@ -11495,7 +11492,7 @@ var Table = ({
     ...tableOptions
   });
   const [hasInitializedSizing, setHasInitializedSizing] = useState26(false);
-  useEffect26(() => {
+  useEffect25(() => {
     if (!hasInitializedSizing && ref.current) {
       setHasInitializedSizing(true);
       table.setColumnSizing(updateColumnSizes(columnSizing));
@@ -11505,7 +11502,7 @@ var Table = ({
     table.setColumnSizing(updateColumnSizes);
   }, [updateColumnSizes]));
   const pageCount = table.getPageCount();
-  useEffect26(() => {
+  useEffect25(() => {
     const totalPages = pageCount;
     if (totalPages === 0) {
       if (pagination.pageIndex !== 0) {
@@ -11637,7 +11634,7 @@ var Table = ({
 };
 var TableUncontrolled = ({ data, ...props }) => {
   const [usedDate, setUsedData] = useState26(data);
-  useEffect26(() => {
+  useEffect25(() => {
     setUsedData(data);
   }, [data]);
   return /* @__PURE__ */ jsx61(
@@ -11892,7 +11889,7 @@ var DateTimePicker = ({
 };
 
 // src/components/user-action/ScrollPicker.tsx
-import { useCallback as useCallback10, useEffect as useEffect27, useState as useState28 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect26, useState as useState28 } from "react";
 import clsx51 from "clsx";
 import { jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
 var up = 1;
@@ -12012,7 +12009,7 @@ var ScrollPicker = ({
       };
     });
   }, [disabled, getDirection, onChange]);
-  useEffect27(() => {
+  useEffect26(() => {
     requestAnimationFrame((timestamp) => animate(timestamp, lastTimeStamp));
   });
   const opacity = (transition2, index, itemsCount) => {
@@ -12089,7 +12086,7 @@ var ScrollPicker = ({
 };
 
 // src/components/user-action/ToggleableInput.tsx
-import { useEffect as useEffect28, useRef as useRef8, useState as useState29 } from "react";
+import { useEffect as useEffect27, useRef as useRef8, useState as useState29 } from "react";
 import { Pencil } from "lucide-react";
 import clsx52 from "clsx";
 import { jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -12114,7 +12111,7 @@ var ToggleableInput = ({
     onEditCompleted(text);
     clearTimer();
   };
-  useEffect28(() => {
+  useEffect27(() => {
     if (isEditing) {
       ref.current?.focus();
     }
@@ -12180,7 +12177,7 @@ var ToggleableInputUncontrolled = ({
   ...restProps
 }) => {
   const [value, setValue] = useState29(initialValue);
-  useEffect28(() => {
+  useEffect27(() => {
     setValue(initialValue);
   }, [initialValue]);
   return /* @__PURE__ */ jsx65(
@@ -12197,14 +12194,14 @@ var ToggleableInputUncontrolled = ({
 };
 
 // src/hooks/useLogOnce.ts
-import { useEffect as useEffect29, useState as useState30 } from "react";
+import { useEffect as useEffect28, useState as useState30 } from "react";
 var useLogOnce = ({
   message,
   condition,
   type = "warning"
 }) => {
   const [hasLogged, setHasLogged] = useState30(false);
-  useEffect29(() => {
+  useEffect28(() => {
     if (!hasLogged && condition) {
       switch (type) {
         case "info":