@helpwave/hightide 0.8.9 → 0.8.11

package/dist/index.mjs

@@ -14394,15 +14394,15 @@ var TableSortButton = ({
 
 // src/components/layout/table/TableFilterButton.tsx
 import { FilterIcon } from "lucide-react";
-import { useEffect as useEffect39, useId as useId15, useMemo as useMemo28, useRef as useRef31, useState as useState34 } from "react";
+import { useEffect as useEffect39, useId as useId15, useMemo as useMemo29, useRef as useRef31, useState as useState34 } from "react";
 
 // src/components/user-interaction/input/DateTimeInput.tsx
-import { forwardRef as forwardRef17, useCallback as useCallback26, useEffect as useEffect38, useId as useId13, useImperativeHandle as useImperativeHandle11, useMemo as useMemo26, useRef as useRef30, useState as useState32 } from "react";
+import { forwardRef as forwardRef17, useCallback as useCallback26, useEffect as useEffect38, useId as useId13, useImperativeHandle as useImperativeHandle11, useMemo as useMemo27, useRef as useRef30, useState as useState32 } from "react";
 import { CalendarIcon } from "lucide-react";
 import clsx24 from "clsx";
 
 // src/components/user-interaction/date/TimePicker.tsx
-import { useEffect as useEffect28, useRef as useRef26 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo22, useRef as useRef26 } from "react";
 import { jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
 var TimePicker = ({
   value: controlledValue,
@@ -14411,6 +14411,9 @@ var TimePicker = ({
   onEditComplete,
   is24HourFormat = true,
   minuteIncrement = "5min",
+  secondIncrement = "5s",
+  millisecondIncrement = "100ms",
+  precision = "minute",
   className
 }) => {
   const [value, setValue] = useControlledState({
@@ -14422,22 +14425,58 @@ var TimePicker = ({
   const hourRef = useRef26(null);
   const isPM = value.getHours() > 11;
   const hours = is24HourFormat ? range(24) : range(12);
-  let minutes = range(60);
-  switch (minuteIncrement) {
-    case "5min":
-      minutes = minutes.filter((value2) => value2 % 5 === 0);
-      break;
-    case "10min":
-      minutes = minutes.filter((value2) => value2 % 10 === 0);
-      break;
-    case "15min":
-      minutes = minutes.filter((value2) => value2 % 15 === 0);
-      break;
-    case "30min":
-      minutes = minutes.filter((value2) => value2 % 30 === 0);
-      break;
-  }
-  const closestMinute = closestMatch(minutes, (item1, item2) => Math.abs(item1 - value.getMinutes()) < Math.abs(item2 - value.getMinutes()));
+  const minutes = useMemo22(() => {
+    const full = range(60);
+    switch (minuteIncrement) {
+      case "5min":
+        return full.filter((value2) => value2 % 5 === 0);
+      case "10min":
+        return full.filter((value2) => value2 % 10 === 0);
+      case "15min":
+        return full.filter((value2) => value2 % 15 === 0);
+      case "30min":
+        return full.filter((value2) => value2 % 30 === 0);
+    }
+  }, [minuteIncrement]);
+  const seconds = useMemo22(() => {
+    const full = range(60);
+    switch (secondIncrement) {
+      case "1s":
+        return full.filter((value2) => value2 % 1 === 0);
+      case "5s":
+        return full.filter((value2) => value2 % 5 === 0);
+      case "10s":
+        return full.filter((value2) => value2 % 10 === 0);
+      case "15s":
+        return full.filter((value2) => value2 % 15 === 0);
+      case "30s":
+        return full.filter((value2) => value2 % 30 === 0);
+    }
+  }, [secondIncrement]);
+  const milliseconds = useMemo22(() => {
+    const full = range(1e3);
+    switch (millisecondIncrement) {
+      case "1ms":
+        return full.filter((value2) => value2 % 1 === 0);
+      case "5ms":
+        return full.filter((value2) => value2 % 5 === 0);
+      case "10ms":
+        return full.filter((value2) => value2 % 10 === 0);
+      case "25ms":
+        return full.filter((value2) => value2 % 25 === 0);
+      case "50ms":
+        return full.filter((value2) => value2 % 50 === 0);
+      case "100ms":
+        return full.filter((value2) => value2 % 100 === 0);
+      case "250ms":
+        return full.filter((value2) => value2 % 250 === 0);
+      case "500ms":
+        return full.filter((value2) => value2 % 500 === 0);
+    }
+  }, [millisecondIncrement]);
+  const closestMinute = useMemo22(() => closestMatch(minutes, (item1, item2) => Math.abs(item1 - value.getMinutes()) < Math.abs(item2 - value.getMinutes())), [minutes, value]);
+  const closestSecond = useMemo22(() => closestMatch(seconds, (item1, item2) => Math.abs(item1 - value.getSeconds()) < Math.abs(item2 - value.getSeconds())), [seconds, value]);
+  const closestMillisecond = useMemo22(() => closestMatch(milliseconds, (item1, item2) => Math.abs(item1 - value.getMilliseconds()) < Math.abs(item2 - value.getMilliseconds())), [milliseconds, value]);
   const hour = value.getHours();
   useEffect28(() => {
     minuteRef.current?.scrollIntoView({
@@ -14488,6 +14527,36 @@ var TimePicker = ({
         minute + minuteIncrement
       );
     }) }),
+    /* @__PURE__ */ jsx60(Visibility, { isVisible: precision === "second" || precision === "millisecond", children: /* @__PURE__ */ jsx60("div", { "data-name": "time-picker-value-column", children: seconds.map((second) => {
+      const isSelected = second === closestSecond;
+      return /* @__PURE__ */ jsx60(
+        Button,
+        {
+          size: "sm",
+          color: isSelected ? "primary" : "neutral",
+          ref: isSelected ? minuteRef : void 0,
+          onClick: () => onChangeWrapper((newDate) => newDate.setSeconds(second)),
+          className: "min-w-16",
+          children: second.toString().padStart(2, "0")
+        },
+        second + secondIncrement
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx60(Visibility, { isVisible: precision === "millisecond", children: /* @__PURE__ */ jsx60("div", { "data-name": "time-picker-value-column", children: milliseconds.map((millisecond) => {
+      const isSelected = millisecond === closestMillisecond;
+      return /* @__PURE__ */ jsx60(
+        Button,
+        {
+          size: "sm",
+          color: isSelected ? "primary" : "neutral",
+          ref: isSelected ? minuteRef : void 0,
+          onClick: () => onChangeWrapper((newDate) => newDate.setMilliseconds(millisecond)),
+          className: "min-w-16",
+          children: millisecond.toString().padStart(2, "0")
+        },
+        millisecond + millisecondIncrement
+      );
+    }) }) }),
     !is24HourFormat && /* @__PURE__ */ jsxs30("div", { "data-name": "time-picker-value-column", children: [
       /* @__PURE__ */ jsx60(
         Button,
@@ -14658,14 +14727,40 @@ var formatRelative = (date, locale) => {
   if (Math.abs(diffInSeconds) < timesInSeconds.yearImprecise) return rtf.format(Math.round(diffInSeconds / timesInSeconds.monthImprecise), "month");
   return rtf.format(Math.round(diffInSeconds / timesInSeconds.yearImprecise), "year");
 };
-var toInputString = (date, format) => {
+var toInputString = (date, format, precision = "minute", isLocalTime = true) => {
+  const pad = (n, l = 2) => String(n).padStart(l, "0");
+  const parts = isLocalTime ? {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    min: date.getMinutes(),
+    s: date.getSeconds(),
+    ms: date.getMilliseconds()
+  } : {
+    y: date.getUTCFullYear(),
+    m: date.getUTCMonth() + 1,
+    d: date.getUTCDate(),
+    h: date.getUTCHours(),
+    min: date.getUTCMinutes(),
+    s: date.getUTCSeconds(),
+    ms: date.getUTCMilliseconds()
+  };
+  const dateStr = `${pad(parts.y, 4)}-${pad(parts.m)}-${pad(parts.d)}`;
+  let timeStr = `${pad(parts.h)}:${pad(parts.min)}`;
+  if (precision === "second" || precision === "millisecond") {
+    timeStr += `:${pad(parts.s)}`;
+  }
+  if (precision === "millisecond") {
+    timeStr += `.${pad(parts.ms, 3)}`;
+  }
   switch (format) {
     case "date":
-      return date.toISOString().split("T")[0];
+      return dateStr;
     case "time":
-      return date.toISOString().split("T")[1].split("Z")[0];
+      return timeStr;
     case "dateTime":
-      return date.toISOString();
+      return `${dateStr}T${timeStr}`;
   }
 };
 var DateUtils = {
@@ -14686,7 +14781,7 @@ var DateUtils = {
 import clsx23 from "clsx";
 
 // src/components/user-interaction/date/DayPicker.tsx
-import { useCallback as useCallback23, useEffect as useEffect29, useMemo as useMemo22, useRef as useRef27 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect29, useMemo as useMemo23, useRef as useRef27 } from "react";
 import { jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
 var DayPicker = ({
   displayedMonth: controlledDisplayedMonth,
@@ -14716,7 +14811,7 @@ var DayPicker = ({
   const month = displayedMonth.getMonth();
   const weeks = DateUtils.weeksForCalenderMonth(displayedMonth, weekStart);
   const selectedButtonRef = useRef27(null);
-  const isValueInDisplayedWeeks = useMemo22(
+  const isValueInDisplayedWeeks = useMemo23(
     () => !!value && weeks.some((week) => week.some((d) => DateUtils.equalDate(value, d))),
     [value, weeks]
   );
@@ -14728,11 +14823,11 @@ var DayPicker = ({
   useEffect29(() => {
     selectedButtonRef.current?.focus();
   }, [focusTargetDate]);
-  const end = useMemo22(() => {
+  const end = useMemo23(() => {
     if (!providedEnd) return;
     return new Date(providedEnd.getFullYear(), providedEnd.getMonth(), providedEnd.getDate());
   }, [providedEnd]);
-  const start = useMemo22(() => {
+  const start = useMemo23(() => {
     if (!providedStart) return;
     return new Date(providedStart.getFullYear(), providedStart.getMonth(), providedStart.getDate());
   }, [providedStart]);
@@ -14782,7 +14877,8 @@ var DayPicker = ({
               date.getDate(),
               value.getHours(),
               value.getMinutes(),
-              value.getSeconds()
+              value.getSeconds(),
+              value.getMilliseconds()
             );
             setValue(newDate);
             onEditComplete?.(newDate);
@@ -14806,7 +14902,7 @@ var DayPicker = ({
 };
 
 // src/components/user-interaction/date/YearMonthPicker.tsx
-import { memo, useCallback as useCallback24, useEffect as useEffect30, useMemo as useMemo23, useRef as useRef28, useState as useState26 } from "react";
+import { memo, useCallback as useCallback24, useEffect as useEffect30, useMemo as useMemo24, useRef as useRef28, useState as useState26 } from "react";
 import clsx22 from "clsx";
 import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 var YearRow = memo(function YearRow2({
@@ -14825,7 +14921,7 @@ var YearRow = memo(function YearRow2({
       ref.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelectedYear]);
-  const monthGrid = useMemo23(() => equalSizeGroups([...DateUtils.monthsList], 3), []);
+  const monthGrid = useMemo24(() => equalSizeGroups([...DateUtils.monthsList], 3), []);
   return /* @__PURE__ */ jsxs32(
     ExpandableRoot,
     {
@@ -14880,19 +14976,19 @@ var YearMonthPicker = ({
     defaultValue: initialValue
   });
   const onEditCompleteStable = useEventCallbackStabilizer(onEditComplete);
-  const monthNames = useMemo23(() => {
+  const monthNames = useMemo24(() => {
     const formatter = new Intl.DateTimeFormat(locale, { month: "short" });
     return Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2e3, i, 1)));
   }, [locale]);
-  const years = useMemo23(
+  const years = useMemo24(
     () => range([start.getFullYear(), end.getFullYear()], { exclusiveEnd: false }),
     [start, end]
   );
-  const minTimestamp = useMemo23(() => {
+  const minTimestamp = useMemo24(() => {
     if (!start) return;
     return new Date(start.getFullYear(), start.getMonth(), 1).getTime();
   }, [start]);
-  const maxTimestamp = useMemo23(() => {
+  const maxTimestamp = useMemo24(() => {
     if (!end) return;
     return new Date(end.getFullYear(), end.getMonth() + 1, 0).getTime();
   }, [end]);
@@ -15056,6 +15152,9 @@ var DateTimePicker = ({
   is24HourFormat,
   minuteIncrement,
   weekStart,
+  secondIncrement,
+  millisecondIncrement,
+  precision,
   onValueChange,
   onEditComplete,
   timePickerProps,
@@ -15093,6 +15192,9 @@ var DateTimePicker = ({
         ...timePickerProps,
         is24HourFormat,
         minuteIncrement,
+        secondIncrement,
+        millisecondIncrement,
+        precision,
         value,
         onValueChange: setValue,
         onEditComplete
@@ -15115,6 +15217,15 @@ var DateTimePickerDialog = ({
   onEditComplete,
   mode = "date",
   pickerProps,
+  start,
+  end,
+  weekStart,
+  markToday,
+  is24HourFormat,
+  minuteIncrement,
+  secondIncrement,
+  millisecondIncrement,
+  precision,
   labelId,
   label
 }) => {
@@ -15140,7 +15251,16 @@ var DateTimePickerDialog = ({
         mode,
         value: state,
         onValueChange: setState,
-        onEditComplete: setState
+        onEditComplete: setState,
+        start,
+        end,
+        weekStart,
+        markToday,
+        is24HourFormat,
+        minuteIncrement,
+        secondIncrement,
+        millisecondIncrement,
+        precision
       }
     ),
     /* @__PURE__ */ jsxs35("div", { className: "flex-row-2 justify-end", children: [
@@ -15333,7 +15453,7 @@ var useRerender = () => {
 };
 
 // src/hooks/useSearch.ts
-import { useCallback as useCallback25, useEffect as useEffect36, useMemo as useMemo24, useState as useState30 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect36, useMemo as useMemo25, useState as useState30 } from "react";
 
 // src/utils/simpleSearch.ts
 var MultiSubjectSearchWithMapping = (search, objects, mapping) => {
@@ -15374,7 +15494,7 @@ var useSearch = ({
 }) => {
   const [search, setSearch] = useState30(initialSearch ?? "");
   const [result, setResult] = useState30(list);
-  const searchTags = useMemo24(() => additionalSearchTags ?? [], [additionalSearchTags]);
+  const searchTags = useMemo25(() => additionalSearchTags ?? [], [additionalSearchTags]);
   const updateSearch = useCallback25((newSearch) => {
     const usedSearch = newSearch ?? search;
     if (newSearch) {
@@ -15387,19 +15507,19 @@ var useSearch = ({
       setResult(MultiSubjectSearchWithMapping([search, ...searchTags], list, searchMapping));
     }
   }, [searchTags, isSearchInstant, list, search, searchMapping, additionalSearchTags]);
-  const filteredResult = useMemo24(() => {
+  const filteredResult = useMemo25(() => {
     if (!filter) {
       return result;
     }
     return result.filter(filter);
   }, [result, filter]);
-  const sortedAndFilteredResult = useMemo24(() => {
+  const sortedAndFilteredResult = useMemo25(() => {
     if (!sortingFunction) {
       return filteredResult;
     }
     return filteredResult.sort(sortingFunction);
   }, [filteredResult, sortingFunction]);
-  const usedResult = useMemo24(() => {
+  const usedResult = useMemo25(() => {
     if (!disabled) {
       return sortedAndFilteredResult;
     }
@@ -15468,7 +15588,7 @@ var validateEmail = (email) => {
 };
 
 // src/hooks/useValidators.ts
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo26 } from "react";
 var notEmpty = (value) => {
   if (!value) {
     return "notEmpty";
@@ -15518,7 +15638,7 @@ var UseValidators = {
 };
 var useTranslatedValidators = () => {
   const translation = useHightideTranslation();
-  return useMemo25(() => ({
+  return useMemo26(() => ({
     notEmpty: (value) => {
       const result = notEmpty(value);
       if (result) {
@@ -15565,6 +15685,15 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
   pickerProps,
   outsideClickCloses = true,
   onDialogOpeningChange,
+  start,
+  end,
+  weekStart,
+  markToday,
+  is24HourFormat,
+  minuteIncrement,
+  secondIncrement,
+  millisecondIncrement,
+  precision,
   disabled = false,
   readOnly = false,
   invalid = false,
@@ -15580,7 +15709,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
   });
   const [dialogValue, setDialogValue] = useState32(state ?? /* @__PURE__ */ new Date());
   const [stringInputState, setStringInputState] = useState32({
-    state: state ? DateUtils.toInputString(state, mode) : "",
+    state: state ? DateUtils.toInputString(state, mode, precision) : "",
     date: void 0
   });
   useEffect38(() => {
@@ -15595,7 +15724,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
     setIsOpen(isOpen2);
   }, [onDialogOpeningChange]);
   const generatedId = useId13();
-  const ids = useMemo26(() => ({
+  const ids = useMemo27(() => ({
     input: inputId ?? `date-time-input-${generatedId}`,
     popup: `date-time-input-popup-${generatedId}`,
     label: `date-time-input-label-${generatedId}`
@@ -15621,8 +15750,9 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
           id: ids.input,
           value: stringInputState.state,
           onChange: (event) => {
-            const date = event.target.valueAsDate;
-            if (date) {
+            const date = new Date(event.target.value ?? "");
+            const isValid = !isNaN(date.getTime());
+            if (isValid) {
               restartTimer(() => {
                 innerRef.current?.blur();
                 setState(date);
@@ -15633,7 +15763,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
             }
             setStringInputState({
               state: event.target.value,
-              date: event.target.valueAsDate ?? void 0
+              date: isValid ? date : void 0
             });
           },
           onBlur: (event) => {
@@ -15709,7 +15839,16 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
               changeOpenWrapper(false);
             },
             pickerProps,
-            mode
+            mode,
+            start,
+            end,
+            weekStart,
+            markToday,
+            is24HourFormat,
+            minuteIncrement,
+            secondIncrement,
+            millisecondIncrement,
+            precision
           }
         )
       }
@@ -15718,7 +15857,7 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
 });
 
 // src/components/layout/table/TableFilterPopups.tsx
-import { useId as useId14, useMemo as useMemo27, useState as useState33 } from "react";
+import { useId as useId14, useMemo as useMemo28, useState as useState33 } from "react";
 
 // src/components/user-interaction/select/MultiSelect.tsx
 import { forwardRef as forwardRef18 } from "react";
@@ -15995,7 +16134,7 @@ var TextFilter = ({ filterValue, onFilterValueChange }) => {
   const operator = filterValue?.operator ?? "textContains";
   const parameter = filterValue?.parameter ?? {};
   const id = useId14();
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.text,
     ...TableFilterOperator.generic
   ], []);
@@ -16055,7 +16194,7 @@ var NumberFilter = ({ filterValue, onFilterValueChange }) => {
   const translation = useHightideTranslation();
   const operator = filterValue?.operator ?? "numberBetween";
   const parameter = filterValue?.parameter ?? {};
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.number,
     ...TableFilterOperator.generic
   ], []);
@@ -16148,7 +16287,7 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
   const parameter = filterValue?.parameter ?? {};
   const [temporaryMinDateValue, setTemporaryMinDateValue] = useState33(null);
   const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState33(null);
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.date,
     ...TableFilterOperator.generic
   ], []);
@@ -16273,7 +16412,7 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
   const parameter = filterValue?.parameter ?? {};
   const [temporaryMinDateValue, setTemporaryMinDateValue] = useState33(null);
   const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState33(null);
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.dateTime,
     ...TableFilterOperator.generic
   ], []);
@@ -16390,7 +16529,7 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
 };
 var BooleanFilter = ({ filterValue, onFilterValueChange }) => {
   const operator = filterValue?.operator ?? "booleanIsTrue";
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.boolean,
     ...TableFilterOperator.generic
   ], []);
@@ -16414,11 +16553,11 @@ var TagsFilter = ({ columnId, filterValue, onFilterValueChange }) => {
   const { table } = useTableStateWithoutSizingContext();
   const operator = filterValue?.operator ?? "tagsContains";
   const parameter = filterValue?.parameter ?? {};
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.multiTags,
     ...TableFilterOperator.generic
   ], []);
-  const availableTags = useMemo27(() => {
+  const availableTags = useMemo28(() => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     return column.columnDef.meta?.filterData?.tags ?? [];
@@ -16465,11 +16604,11 @@ var TagsSingleFilter = ({ columnId, filterValue, onFilterValueChange }) => {
   const { table } = useTableStateWithoutSizingContext();
   const operator = filterValue?.operator ?? "tagsSingleContains";
   const parameter = filterValue?.parameter ?? {};
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.singleTag,
     ...TableFilterOperator.generic
   ], []);
-  const availableTags = useMemo27(() => {
+  const availableTags = useMemo28(() => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     return column.columnDef.meta?.filterData?.tags ?? [];
@@ -16528,7 +16667,7 @@ var TagsSingleFilter = ({ columnId, filterValue, onFilterValueChange }) => {
 };
 var GenericFilter = ({ filterValue, onFilterValueChange }) => {
   const operator = filterValue?.operator ?? "notUndefined";
-  const availableOperators = useMemo27(() => [
+  const availableOperators = useMemo28(() => [
     ...TableFilterOperator.generic
   ], []);
   return /* @__PURE__ */ jsx69("div", { className: "flex-col-2 gap-2", children: /* @__PURE__ */ jsx69(
@@ -16583,7 +16722,7 @@ var TableFilterButton = ({
   const containerRef = useRef31(null);
   const [isOpen, setIsOpen] = useState34(false);
   const id = useId15();
-  const ids = useMemo28(() => ({
+  const ids = useMemo29(() => ({
     button: `table-filter-button-${id}`,
     popup: `table-filter-popup-${id}`,
     label: `table-filter-label-${id}`
@@ -16870,7 +17009,7 @@ var TablePagination = ({ allowChangingPageSize = true, pageSizeOptions, ...props
 };
 
 // src/components/layout/table/TableWithSelectionProvider.tsx
-import { useCallback as useCallback29, useMemo as useMemo29 } from "react";
+import { useCallback as useCallback29, useMemo as useMemo30 } from "react";
 import { jsx as jsx74 } from "react/jsx-runtime";
 var TableWithSelectionProvider = ({
   children,
@@ -16883,7 +17022,7 @@ var TableWithSelectionProvider = ({
   ...props
 }) => {
   const translation = useHightideTranslation();
-  const columnDef = useMemo29(() => [
+  const columnDef = useMemo30(() => [
     {
       id: selectionRowId,
       header: ({ table }) => {
@@ -16986,7 +17125,7 @@ var TableWithSelection = ({
 };
 
 // src/components/layout/table/TableColumn.tsx
-import { memo as memo2, useEffect as useEffect41, useMemo as useMemo30, useState as useState35 } from "react";
+import { memo as memo2, useEffect as useEffect41, useMemo as useMemo31, useState as useState35 } from "react";
 import { jsx as jsx76 } from "react/jsx-runtime";
 var TableColumnComponent = ({
   filterType,
@@ -17017,12 +17156,12 @@ var TableColumnFactory = () => memo2(
   }
 );
 var TableColumn = (props) => {
-  const TableColumnComponent2 = useMemo30(() => TableColumnFactory(), []);
+  const TableColumnComponent2 = useMemo31(() => TableColumnFactory(), []);
   return /* @__PURE__ */ jsx76(TableColumnComponent2, { ...props });
 };
 
 // src/components/layout/table/TableColumnSwitcher.tsx
-import { useMemo as useMemo31, useRef as useRef32, useId as useId16 } from "react";
+import { useMemo as useMemo32, useRef as useRef32, useId as useId16 } from "react";
 import { ChevronUp as ChevronUp3, ChevronDown as ChevronDown5, ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight5, Eye, EyeOff, Pin, PinOff, ArrowLeftRightIcon } from "lucide-react";
 import { Fragment as Fragment10, jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
 var TableColumnSwitcherPopUp = ({ ...props }) => {
@@ -17030,14 +17169,14 @@ var TableColumnSwitcherPopUp = ({ ...props }) => {
   const translation = useHightideTranslation();
   const containerRef = useRef32(null);
   const generatedId = useId16();
-  const ids = useMemo31(() => ({
+  const ids = useMemo32(() => ({
     popup: props.id ?? `table-column-picker-popup-${generatedId}`,
     label: `table-column-picker-label-${generatedId}`
   }), [generatedId, props.id]);
   const tableState = table.getState();
   const columnOrder = tableState.columnOrder;
   const columnPinning = tableState.columnPinning;
-  const columns = useMemo31(() => {
+  const columns = useMemo32(() => {
     const allColumns = table.getAllColumns();
     const leftPinned = [];
     const unpinned = [];