@helpwave/hightide 0.1.43 → 0.1.44

package/dist/components/date/DayPicker.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date/DayPicker.tsx","../../../src/utils/array.ts","../../../src/utils/date.ts","../../../src/i18n/LocaleProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/i18n/translations.ts","../../../src/i18n/util.ts"],"sourcesContent":["import type { WeekDay } from '@/src/utils/date'\nimport { equalDate, getWeeksForCalenderMonth, isInTimeSpan } from '@/src/utils/date'\nimport clsx from 'clsx'\nimport { useLocale } from '@/src/i18n/LocaleProvider'\nimport { useEffect, useState } from 'react'\n\nexport type DayPickerProps = {\n  displayedMonth: Date,\n  selected?: Date,\n  start?: Date,\n  end?: Date,\n  onChange?: (date: Date) => void,\n  weekStart?: WeekDay,\n  markToday?: boolean,\n  className?: string,\n}\n\n/**\n * A component for selecting a day of a month\n */\nexport const DayPicker = ({\n                            displayedMonth,\n                            selected,\n                            start,\n                            end,\n                            onChange,\n                            weekStart = 'monday',\n                            markToday = true,\n                            className = ''\n                          }: DayPickerProps) => {\n  const { locale } = useLocale()\n  const month = displayedMonth.getMonth()\n  const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart)\n\n  return (\n    <div className={clsx('flex-col-1 min-w-[220px] select-none', className)}>\n      <div className=\"flex-row-2 text-center\">\n        {weeks[0]!.map((weekDay, index) => (\n          <div key={index} className=\"flex-1 font-semibold\">\n            {new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(weekDay).substring(0, 2)}\n          </div>\n        ))}\n      </div>\n      {weeks.map((week, index) => (\n        <div key={index} className=\"flex-row-2 text-center\">\n          {week.map((date) => {\n            const isSelected = !!selected && equalDate(selected, date)\n            const isToday = equalDate(new Date(), date)\n            const isSameMonth = date.getMonth() === month\n            const isDayValid = isInTimeSpan(date, start, end)\n            return (\n              <button\n                disabled={!isDayValid}\n                key={date.getDate()}\n                className={clsx(\n                  'flex-1 rounded-full border-2',\n                  {\n                    'text-description': !isSameMonth && !isSelected && isDayValid,\n                    'text-button-solid-neutral-text bg-button-solid-neutral-background': !isSelected && isSameMonth && isDayValid,\n                    'text-button-solid-primary-text bg-button-solid-primary-background': isSelected && isDayValid,\n                    'hover:brightness-90 hover:bg-button-solid-primary-background hover:text-button-solid-primary-text': isDayValid,\n                    'text-disabled bg-disabled-background cursor-not-allowed': !isDayValid,\n                    'border-secondary': isToday && markToday,\n                    'border-transparent': !isToday || !markToday,\n                  }\n                )}\n                onClick={() => onChange?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const DayPickerUncontrolled = ({\n                                        displayedMonth,\n                                        selected,\n                                        onChange,\n                                        ...restProps\n                                      }: DayPickerProps) => {\n  const [date, setDate] = useState(selected)\n  const [usedDisplayedMonth, setUsedDDisplayedMonth] = useState(displayedMonth)\n\n  useEffect(() => {\n    setDate(selected)\n    setUsedDDisplayedMonth(selected)\n  }, [selected])\n\n  return (\n    <DayPicker\n      displayedMonth={usedDisplayedMonth}\n      selected={date}\n      onChange={newDate => {\n        setDate(newDate)\n        setUsedDDisplayedMonth(newDate)\n        onChange?.(newDate)\n      }}\n      {...restProps}\n    />\n  )\n}\n","export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nfunction resolveSingleOrArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value\n  } else if (value) {\n    return [value]\n  }\n  return []\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n  resolveSingleOrArray\n}\n","import { equalSizeGroups } from './array'\n\nexport const monthsList = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] as const\nexport type Month = typeof monthsList[number]\n\nexport const weekDayList = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'] as const\nexport type WeekDay = typeof weekDayList[number]\n\nexport const formatDate = (date: Date) => {\n  const year = date.getFullYear().toString().padStart(4, '0')\n  const month = (date.getMonth() + 1).toString().padStart(2, '0')\n  const day = (date.getDate()).toString().padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport const formatDateTime = (date: Date) => {\n  const dateString = formatDate(date)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${dateString}T${hours}:${minutes}`\n}\n\nexport const getDaysInMonth = (year: number, month: number): number => {\n  const lastDayOfMonth = new Date(year, month + 1, 0)\n  return lastDayOfMonth.getDate()\n}\n\nexport type Duration = {\n  years?: number,\n  months?: number,\n  days?: number,\n  hours?: number,\n  minutes?: number,\n  seconds?: number,\n  milliseconds?: number,\n}\n\nexport const changeDuration = (date: Date, duration: Duration, isAdding?: boolean): Date => {\n  const {\n    years = 0,\n    months = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n    milliseconds = 0,\n  } = duration\n\n  // Check ranges\n  if (years < 0) {\n    console.error(`Range error years must be greater than 0: received ${years}`)\n    return new Date(date)\n  }\n  if (months < 0 || months > 11) {\n    console.error(`Range error month must be 0 <= month <= 11: received ${months}`)\n    return new Date(date)\n  }\n  if (days < 0) {\n    console.error(`Range error days must be greater than 0: received ${days}`)\n    return new Date(date)\n  }\n  if (hours < 0 || hours > 23) {\n    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`)\n    return new Date(date)\n  }\n  if (minutes < 0 || minutes > 59) {\n    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`)\n    return new Date(date)\n  }\n  if (seconds < 0 || seconds > 59) {\n    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`)\n    return new Date(date)\n  }\n  if (milliseconds < 0) {\n    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`)\n    return new Date(date)\n  }\n\n  const multiplier = isAdding ? 1 : -1\n\n  const newDate = new Date(date)\n\n  newDate.setFullYear(newDate.getFullYear() + multiplier * years)\n\n  newDate.setMonth(newDate.getMonth() + multiplier * months)\n\n  newDate.setDate(newDate.getDate() + multiplier * days)\n\n  newDate.setHours(newDate.getHours() + multiplier * hours)\n\n  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes)\n\n  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds)\n\n  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds)\n\n  return newDate\n}\n\nexport const addDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, true)\n}\n\nexport const subtractDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, false)\n}\n\nexport const getBetweenDuration = (startDate: Date, endDate: Date): Duration => {\n  const durationInMilliseconds = endDate.getTime() - startDate.getTime()\n\n  const millisecondsInSecond = 1000\n  const millisecondsInMinute = 60 * millisecondsInSecond\n  const millisecondsInHour = 60 * millisecondsInMinute\n  const millisecondsInDay = 24 * millisecondsInHour\n  const millisecondsInMonth = 30 * millisecondsInDay // Rough estimation, can be adjusted\n\n  const years = Math.floor(durationInMilliseconds / (365.25 * millisecondsInDay))\n  const months = Math.floor(durationInMilliseconds / millisecondsInMonth)\n  const days = Math.floor(durationInMilliseconds / millisecondsInDay)\n  const hours = Math.floor((durationInMilliseconds % millisecondsInDay) / millisecondsInHour)\n  const seconds = Math.floor((durationInMilliseconds % millisecondsInHour) / millisecondsInSecond)\n  const milliseconds = durationInMilliseconds % millisecondsInSecond\n\n  return {\n    years,\n    months,\n    days,\n    hours,\n    seconds,\n    milliseconds,\n  }\n}\n\n/** Checks if a given date is in the range of two dates\n *\n * An undefined value for startDate or endDate means no bound for the start or end respectively\n */\nexport const isInTimeSpan = (value: Date, startDate?: Date, endDate?: Date): boolean => {\n  if (startDate && endDate) {\n    console.assert(startDate <= endDate)\n    return startDate <= value && value <= endDate\n  } else if (startDate) {\n    return startDate <= value\n  } else if (endDate) {\n    return endDate >= value\n  } else {\n    return true\n  }\n}\n\n/** Compare two dates on the year, month, day */\nexport const equalDate = (date1: Date, date2: Date) => {\n  return date1.getFullYear() === date2.getFullYear()\n    && date1.getMonth() === date2.getMonth()\n    && date1.getDate() === date2.getDate()\n}\n\nexport const getWeeksForCalenderMonth = (date: Date, weekStart: WeekDay, weeks: number = 6) => {\n  const month = date.getMonth()\n  const year = date.getFullYear()\n\n  const dayList: Date[] = []\n  let currentDate = new Date(year, month, 1) // Start of month\n  const weekStartIndex = weekDayList.indexOf(weekStart)\n\n  // Move the current day to the week before\n  while (currentDate.getDay() !== weekStartIndex) {\n    currentDate = subtractDuration(currentDate, { days: 1 })\n  }\n\n  while (dayList.length < 7 * weeks) {\n    const date = new Date(currentDate)\n    date.setHours(date.getHours(), date.getMinutes()) // To make sure we are not overwriting the time\n    dayList.push(date)\n    currentDate = addDuration(currentDate, { days: 1 })\n  }\n\n  // weeks\n  return equalSizeGroups(dayList, 7)\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport { LocalizationUtil } from './util'\nimport type { SupportedLocale } from '@/src/i18n/translations'\n\nexport type LocaleContextValue = {\n  locale: SupportedLocale,\n  setLocale: Dispatch<SetStateAction<SupportedLocale>>,\n}\n\nexport const LocaleContext = createContext<LocaleContextValue>({\n  locale: LocalizationUtil.DEFAULT_LOCALE,\n  setLocale: (v) => v\n})\n\ntype LocaleWithSystem = SupportedLocale | 'system'\n\ntype LocaleProviderProps = {\n  locale?: LocaleWithSystem,\n  onChangedLocale?: (locale: SupportedLocale) => void,\n}\n\nexport const LocaleProvider = ({ children, locale, onChangedLocale }: PropsWithChildren<LocaleProviderProps>) => {\n  const {\n    value: storedLocale,\n    setValue: setStoredLocale,\n    deleteValue: deleteStoredLocale,\n  } = useLocalStorage<LocaleWithSystem>('locale', 'system')\n  const [localePreference, setLocalePreference] = useState<LocaleWithSystem>('system')\n\n  const resolvedLocale = useMemo(() => {\n    if (locale && locale !== 'system') {\n      return locale\n    }\n    if (storedLocale && storedLocale !== 'system') {\n      return storedLocale\n    }\n    if (localePreference !== 'system') {\n      return localePreference\n    }\n    return LocalizationUtil.DEFAULT_LOCALE\n  }, [locale, localePreference, storedLocale])\n\n  useEffect(() => {\n    if(!locale) return\n    if (locale === 'system') {\n      deleteStoredLocale()\n    } else {\n      setStoredLocale(locale)\n    }\n  }, [locale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    onChangedLocale?.(resolvedLocale)\n  }, [resolvedLocale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const localesToTestAgainst = Object.values(LocalizationUtil.locals)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(locale =>\n          localesToTestAgainst.find(\n            (test) => locale === test || locale.split('-')[0] === LocalizationUtil.localToLanguage(test)\n          ))\n        .filter((entry): entry is SupportedLocale => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLocalePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LocaleContext.Provider value={{\n      locale: resolvedLocale,\n      setLocale: (newLocale) => {\n        if (locale !== 'system') {\n          console.warn('LocaleProvider: Attempting to change the ' +\n            \"locale while setting a fixed locale won't have any effect. \" +\n            'Change the locale provided to the LocaleProvider instead.')\n        }\n        setStoredLocale(newLocale)\n      }\n    }}>\n      {children}\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocale = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLocale must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return context\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return { language: LocalizationUtil.localToLanguage(context.locale) }\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","// AUTO-GENERATED. DO NOT EDIT.\nimport type { Translation } from '@helpwave/internationalization'\nimport { TranslationGen } from '@helpwave/internationalization'\n\n/* eslint-disable @stylistic/quote-props */\nexport const supportedLocales = ['de-DE', 'en-US'] as const\n\nexport type SupportedLocale = typeof supportedLocales[number]\n\nexport type GeneratedTranslationEntries = {\n  'add': string,\n  'age': string,\n  'all': string,\n  'apply': string,\n  'back': string,\n  'cancel': string,\n  'carousel': string,\n  'change': string,\n  'chooseLanguage': string,\n  'chooseSlide': string,\n  'chooseTheme': string,\n  'clear': string,\n  'click': string,\n  'clickToCopy': string,\n  'clickToSelect': string,\n  'close': string,\n  'confirm': string,\n  'copied': string,\n  'copy': string,\n  'create': string,\n  'decline': string,\n  'delete': string,\n  'discard': string,\n  'discardChanges': string,\n  'done': string,\n  'edit': string,\n  'endDate': string,\n  'enterText': string,\n  'entryDate': string,\n  'error': string,\n  'errorOccurred': string,\n  'exit': string,\n  'fieldRequiredError': string,\n  'filter': string,\n  'gender': (values: { gender: string }) => string,\n  'goodToSeeYou': string,\n  'identifier': string,\n  'invalidEmail': string,\n  'invalidEmailError': string,\n  'language': string,\n  'less': string,\n  'loading': string,\n  'locale': string,\n  'max': string,\n  'maxLengthError': string,\n  'min': string,\n  'minLengthError': string,\n  'more': string,\n  'name': string,\n  'next': string,\n  'no': string,\n  'none': string,\n  'notEmpty': string,\n  'nothingFound': string,\n  'of': string,\n  'optional': string,\n  'outOfRangeNumber': (values: { min: number, max: number }) => string,\n  'outOfRangeSelectionItems': (values: { min: number, max: number }) => string,\n  'outOfRangeString': (values: { min: number, max: number }) => string,\n  'pleaseWait': string,\n  'previous': string,\n  'remove': string,\n  'required': string,\n  'reset': string,\n  'save': string,\n  'saved': string,\n  'search': string,\n  'select': string,\n  'selectOption': string,\n  'show': string,\n  'showLess': string,\n  'showMore': string,\n  'showSlide': (values: { index: number }) => string,\n  'slide': string,\n  'slideNavigation': string,\n  'slideOf': (values: { index: number, length: number }) => string,\n  'startDate': string,\n  'street': string,\n  'submit': string,\n  'success': string,\n  'text': string,\n  'themeMode': (values: { theme: string }) => string,\n  'themes': (values: { count: number }) => string,\n  'time.ago': string,\n  'time.agoDays': (values: { days: number }) => string,\n  'time.april': string,\n  'time.august': string,\n  'time.century': (values: { count: number }) => string,\n  'time.day': (values: { count: number }) => string,\n  'time.decade': (values: { count: number }) => string,\n  'time.december': string,\n  'time.february': string,\n  'time.hour': (values: { count: number }) => string,\n  'time.in': string,\n  'time.inDays': (values: { days: number }) => string,\n  'time.january': string,\n  'time.july': string,\n  'time.june': string,\n  'time.march': string,\n  'time.may': string,\n  'time.microsecond': (values: { count: number }) => string,\n  'time.millisecond': (values: { count: number }) => string,\n  'time.minute': (values: { count: number }) => string,\n  'time.month': (values: { count: number }) => string,\n  'time.monthName': (values: { month: string }) => string,\n  'time.nanosecond': (values: { count: number }) => string,\n  'time.november': string,\n  'time.october': string,\n  'time.second': (values: { count: number }) => string,\n  'time.september': string,\n  'time.today': string,\n  'time.tomorrow': string,\n  'time.year': (values: { count: number }) => string,\n  'time.yesterday': string,\n  'tooFewSelectionItems': (values: { min: number }) => string,\n  'tooLong': (values: { max: number }) => string,\n  'tooManySelectionItems': (values: { max: number }) => string,\n  'tooShort': (values: { min: number }) => string,\n  'unsavedChanges': string,\n  'unsavedChangesSaveQuestion': string,\n  'update': string,\n  'value': string,\n  'welcome': string,\n  'yes': string,\n}\n\nexport const generatedTranslations: Translation<SupportedLocale, Partial<GeneratedTranslationEntries>> = {\n  'de-DE': {\n    'add': `Hinzufügen`,\n    'age': `Alter`,\n    'all': `Alle`,\n    'apply': `Anwenden`,\n    'back': `Zurück`,\n    'cancel': `Abbrechen`,\n    'carousel': `Karussell`,\n    'change': `Ändern`,\n    'chooseLanguage': `Wähle deine bevorzugte Sprache`,\n    'chooseSlide': `Wähle die angezeigte Slide aus`,\n    'chooseTheme': `Wähle dein bevorzugtes Farbschema.`,\n    'clear': `Löschen`,\n    'click': `Klicken`,\n    'clickToCopy': `Zum kopieren klicken`,\n    'clickToSelect': `Zum Auswählen drücken`,\n    'close': `Schließen`,\n    'confirm': `Bestätigen`,\n    'copied': `Kopiert`,\n    'copy': `Kopieren`,\n    'create': `Erstellen`,\n    'decline': `Ablehnen`,\n    'delete': `Löschen`,\n    'discard': `Verwerfen`,\n    'discardChanges': `Änderungen Verwerfen`,\n    'done': `Fertig`,\n    'edit': `Bearbeiten`,\n    'endDate': `Ende`,\n    'enterText': `Text hier eingeben`,\n    'entryDate': `Eintragsdatum`,\n    'error': `Fehler`,\n    'errorOccurred': `Ein Fehler ist aufgetreten`,\n    'exit': `Beenden`,\n    'fieldRequiredError': `Dieses Feld ist erforderlich.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Männlich`,\n        'female': `Weiblich`,\n        'other': `Divers`,\n      })\n    },\n    'goodToSeeYou': `Schön dich zu sehen`,\n    'identifier': `Identifikator`,\n    'invalidEmail': `Die E-Mail ist ungültig.`,\n    'invalidEmailError': `Bitte geben Sie eine gültige E-Mail-Adresse ein.`,\n    'language': `Sprache`,\n    'less': `Weniger`,\n    'loading': `Lädt`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximale Länge überschritten.`,\n    'min': `Min`,\n    'minLengthError': `Mindestlänge nicht erreicht.`,\n    'more': `Mehr`,\n    'name': `Name`,\n    'next': `Weiter`,\n    'no': `Nein`,\n    'none': `Nichts`,\n    'notEmpty': `Das Feld darf nicht leer sein.`,\n    'nothingFound': `Nichts gefunden`,\n    'of': `von`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} liegen.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Es müssen zwischen ${min} und ${max} Elemente ausgewählt werden.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} Zeichen lang sein.`\n    },\n    'pleaseWait': `Bitte warten...`,\n    'previous': `Vorherige`,\n    'remove': `Entfernen`,\n    'required': `Erforderlich`,\n    'reset': `Zurücksetzen`,\n    'save': `Speichern`,\n    'saved': `Gespeichert`,\n    'search': `Suche`,\n    'select': `Select`,\n    'selectOption': `Option auswählen`,\n    'show': `Anzeigen`,\n    'showLess': `Weniger anzeigen`,\n    'showMore': `Mehr anzeigen`,\n    'showSlide': ({ index }): string => {\n      return `Zeige Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide Navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} von ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Straße`,\n    'submit': `Abschicken`,\n    'success': `Erfolg`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dunkel`,\n        'light': `Hell`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Farbschema`,\n        'other': `Farbschemas`,\n      })\n    },\n    'time.ago': `vor`,\n    'time.agoDays': ({ days }): string => {\n      return `var ${days} Tagen`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrhundert`,\n        'other': `Jahrhunderte`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Tag`,\n        'other': `Tage`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrzehnt`,\n        'other': `Jahrzehnte`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuar`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Stunde`,\n        'other': `Stunden`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} Tagen`\n    },\n    'time.january': `Januar`,\n    'time.july': `Juli`,\n    'time.june': `Juni`,\n    'time.march': `März`,\n    'time.may': `Mai`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Mikrosekunde`,\n        'other': `Mikrosekunden`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisekunde`,\n        'other': `Millisekunden`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minuten`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Monat`,\n        'other': `Monate`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `Januar`,\n        'february': `Februar`,\n        'march': `März`,\n        'april': `April`,\n        'may': `Mai`,\n        'june': `Juni`,\n        'july': `Juli`,\n        'august': `August`,\n        'september': `September`,\n        'october': `Oktober`,\n        'november': `November`,\n        'december': `Dezember`,\n        'other': `Unbekannter Monat`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosekunde`,\n        'other': `Nanosekunden`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Sekunde`,\n        'other': `Sekunden`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Heute`,\n    'time.tomorrow': `Morgen`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahr`,\n        'other': `Jahre`,\n      })\n    },\n    'time.yesterday': `Gestern`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Es müssen mindestens ${min} Elemente ausgewählt werden.`\n    },\n    'tooLong': ({ max }): string => {\n      return `Der Wert darf höchstens ${max} Zeichen enthalten.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Es müssen maximal ${max} Elemente ausgewählt werden.`\n    },\n    'tooShort': ({ min }): string => {\n      return `Der Wert muss mindestens ${min} Zeichen enthalten.`\n    },\n    'unsavedChanges': `Ungespeicherte Änderungen`,\n    'unsavedChangesSaveQuestion': `Möchtest du die Änderungen speichern?`,\n    'update': `Update`,\n    'value': `Wert`,\n    'welcome': `Willkommen`,\n    'yes': `Ja`\n  },\n  'en-US': {\n    'add': `Add`,\n    'age': `Age`,\n    'all': `All`,\n    'apply': `Apply`,\n    'back': `Back`,\n    'cancel': `Cancel`,\n    'carousel': `Carousel`,\n    'change': `Change`,\n    'chooseLanguage': `Choose your language`,\n    'chooseSlide': `Choose slide to display`,\n    'chooseTheme': `Choose your preferred color theme.`,\n    'clear': `Clear`,\n    'click': `Click`,\n    'clickToCopy': `Click to Copy`,\n    'clickToSelect': `Click to select`,\n    'close': `Close`,\n    'confirm': `Confirm`,\n    'copied': `Copied`,\n    'copy': `Copy`,\n    'create': `Create`,\n    'decline': `Decline`,\n    'delete': `Delete`,\n    'discard': `Discard`,\n    'discardChanges': `Discard Changes`,\n    'done': `Done`,\n    'edit': `Edit`,\n    'endDate': `End`,\n    'enterText': `Enter text here`,\n    'entryDate': `Entry Date`,\n    'error': `Error`,\n    'errorOccurred': `An error occurred`,\n    'exit': `Exit`,\n    'fieldRequiredError': `This field is required.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Male`,\n        'female': `Female`,\n        'other': `Other`,\n      })\n    },\n    'goodToSeeYou': `Good to see you`,\n    'identifier': `Identifier`,\n    'invalidEmail': `The email is not valid.`,\n    'invalidEmailError': `Please enter a valid email address.`,\n    'language': `Language`,\n    'less': `Less`,\n    'loading': `Loading`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximum length exceeded.`,\n    'min': `Min`,\n    'minLengthError': `Minimum length not met.`,\n    'more': `More`,\n    'name': `Name`,\n    'next': `Next`,\n    'no': `No`,\n    'none': `None`,\n    'notEmpty': `The field cannot be empty.`,\n    'nothingFound': `Nothing found`,\n    'of': `of`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `The value must be between ${min} and ${max}.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Between ${min} and ${max} items must be selected.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `The value needs to have between ${min} and ${max} characters.`\n    },\n    'pleaseWait': `Please wait...`,\n    'previous': `Previous`,\n    'remove': `Remove`,\n    'required': `Required`,\n    'reset': `Reset`,\n    'save': `Save`,\n    'saved': `Saved`,\n    'search': `Search`,\n    'select': `Select`,\n    'selectOption': `Select an option`,\n    'show': `Show`,\n    'showLess': `Show less`,\n    'showMore': `Show more`,\n    'showSlide': ({ index }): string => {\n      return `Show Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} of ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Street`,\n    'submit': `Submit`,\n    'success': `Success`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dark`,\n        'light': `Light`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Theme`,\n        'other': `Themes`,\n      })\n    },\n    'time.ago': `ago`,\n    'time.agoDays': ({ days }): string => {\n      return `days ${days} ago`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Century`,\n        'other': `Centuries`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Day`,\n        'other': `Days`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Decade`,\n        'other': `Decades`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuary`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Hour`,\n        'other': `Hours`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} days`\n    },\n    'time.january': `January`,\n    'time.july': `July`,\n    'time.june': `June`,\n    'time.march': `March`,\n    'time.may': `May`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Microsecond`,\n        'other': `Microseconds`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisecond`,\n        'other': `Milliseconds`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minutes`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Month`,\n        'other': `Months`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `January`,\n        'february': `February`,\n        'march': `March`,\n        'april': `April`,\n        'may': `May`,\n        'june': `June`,\n        'july': `July`,\n        'august': `August`,\n        'september': `September`,\n        'october': `October`,\n        'november': `November`,\n        'december': `December`,\n        'other': `Unknown Month`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosecond`,\n        'other': `Nanoseconds`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Second`,\n        'other': `Seconds`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Today`,\n    'time.tomorrow': `Tomorrow`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Year`,\n        'other': `Years`,\n      })\n    },\n    'time.yesterday': `Yesterday`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Select at least ${min} items.`\n    },\n    'tooLong': ({ max }): string => {\n      return `The value requires less than ${max} characters.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Select at most ${max} items.`\n    },\n    'tooShort': ({ min }): string => {\n      return `The value requires at least ${min} characters.`\n    },\n    'unsavedChanges': `Unsaved Changes`,\n    'unsavedChangesSaveQuestion': `Do you want to save your changes?`,\n    'update': `Update`,\n    'value': `Value`,\n    'welcome': `Welcome`,\n    'yes': `Yes`\n  }\n}\n\n","import type { SupportedLocale } from '@/src/i18n/translations'\nimport { supportedLocales } from '@/src/i18n/translations'\n\n/**\n * The supported locales' names in their respective language\n */\nconst localsNames: Record<SupportedLocale, string> = {\n  'en-US': 'English (US)',\n  'de-DE': 'Deutsch',\n}\n\n/**\n * The default locale\n */\nconst DEFAULT_LOCALE: SupportedLocale = 'en-US'\n\nfunction localeToLanguage(locale: SupportedLocale) {\n  return locale.split('-')[0]\n}\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LocalizationUtil = {\n  locals: supportedLocales,\n  localToLanguage: localeToLanguage,\n  DEFAULT_LOCALE,\n  languagesLocalNames: localsNames,\n}\n"],"mappings":"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","names":["date","import_react","import_react","import_jsx_runtime","clsx"]}
+{"version":3,"sources":["../../../src/components/date/DayPicker.tsx","../../../src/utils/array.ts","../../../src/utils/date.ts","../../../src/i18n/LocaleProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/i18n/translations.ts","../../../src/i18n/util.ts"],"sourcesContent":["import type { WeekDay } from '@/src/utils/date'\nimport { equalDate, getWeeksForCalenderMonth, isInTimeSpan } from '@/src/utils/date'\nimport clsx from 'clsx'\nimport { useLocale } from '@/src/i18n/LocaleProvider'\nimport { useEffect, useState } from 'react'\n\nexport type DayPickerProps = {\n  displayedMonth: Date,\n  selected?: Date,\n  start?: Date,\n  end?: Date,\n  onChange?: (date: Date) => void,\n  weekStart?: WeekDay,\n  markToday?: boolean,\n  className?: string,\n}\n\n/**\n * A component for selecting a day of a month\n */\nexport const DayPicker = ({\n                            displayedMonth,\n                            selected,\n                            start,\n                            end,\n                            onChange,\n                            weekStart = 'monday',\n                            markToday = true,\n                            className = ''\n                          }: DayPickerProps) => {\n  const { locale } = useLocale()\n  const month = displayedMonth.getMonth()\n  const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart)\n\n  return (\n    <div className={clsx('flex-col-1 min-w-[220px] select-none', className)}>\n      <div className=\"flex-row-2 text-center\">\n        {weeks[0]!.map((weekDay, index) => (\n          <div key={index} className=\"flex-1 font-semibold\">\n            {new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(weekDay).substring(0, 2)}\n          </div>\n        ))}\n      </div>\n      {weeks.map((week, index) => (\n        <div key={index} className=\"flex-row-2 text-center\">\n          {week.map((date) => {\n            const isSelected = !!selected && equalDate(selected, date)\n            const isToday = equalDate(new Date(), date)\n            const isSameMonth = date.getMonth() === month\n            const isDayValid = isInTimeSpan(date, start, end)\n            return (\n              <button\n                disabled={!isDayValid}\n                key={date.getDate()}\n                className={clsx(\n                  'flex-1 rounded-full border-2',\n                  {\n                    'text-description': !isSameMonth && !isSelected && isDayValid,\n                    'text-button-solid-neutral-text bg-button-solid-neutral-background': !isSelected && isSameMonth && isDayValid,\n                    'text-button-solid-primary-text bg-button-solid-primary-background': isSelected && isDayValid,\n                    'hover:brightness-90 hover:bg-button-solid-primary-background hover:text-button-solid-primary-text': isDayValid,\n                    'text-disabled bg-disabled-background cursor-not-allowed': !isDayValid,\n                    'border-secondary': isToday && markToday,\n                    'border-transparent': !isToday || !markToday,\n                  }\n                )}\n                onClick={() => onChange?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const DayPickerUncontrolled = ({\n                                        displayedMonth,\n                                        selected,\n                                        onChange,\n                                        ...restProps\n                                      }: DayPickerProps) => {\n  const [date, setDate] = useState(selected)\n  const [usedDisplayedMonth, setUsedDDisplayedMonth] = useState(displayedMonth)\n\n  useEffect(() => {\n    setDate(selected)\n    setUsedDDisplayedMonth(selected)\n  }, [selected])\n\n  return (\n    <DayPicker\n      displayedMonth={usedDisplayedMonth}\n      selected={date}\n      onChange={newDate => {\n        setDate(newDate)\n        setUsedDDisplayedMonth(newDate)\n        onChange?.(newDate)\n      }}\n      {...restProps}\n    />\n  )\n}\n","export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nfunction resolveSingleOrArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value\n  } else if (value) {\n    return [value]\n  }\n  return []\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n  resolveSingleOrArray\n}\n","import { equalSizeGroups } from './array'\n\nexport const monthsList = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] as const\nexport type Month = typeof monthsList[number]\n\nexport const weekDayList = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'] as const\nexport type WeekDay = typeof weekDayList[number]\n\nexport const formatDate = (date: Date) => {\n  const year = date.getFullYear().toString().padStart(4, '0')\n  const month = (date.getMonth() + 1).toString().padStart(2, '0')\n  const day = (date.getDate()).toString().padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport const formatDateTime = (date: Date) => {\n  const dateString = formatDate(date)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${dateString}T${hours}:${minutes}`\n}\n\nexport const getDaysInMonth = (year: number, month: number): number => {\n  const lastDayOfMonth = new Date(year, month + 1, 0)\n  return lastDayOfMonth.getDate()\n}\n\nexport type Duration = {\n  years?: number,\n  months?: number,\n  days?: number,\n  hours?: number,\n  minutes?: number,\n  seconds?: number,\n  milliseconds?: number,\n}\n\nexport const changeDuration = (date: Date, duration: Duration, isAdding?: boolean): Date => {\n  const {\n    years = 0,\n    months = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n    milliseconds = 0,\n  } = duration\n\n  // Check ranges\n  if (years < 0) {\n    console.error(`Range error years must be greater than 0: received ${years}`)\n    return new Date(date)\n  }\n  if (months < 0 || months > 11) {\n    console.error(`Range error month must be 0 <= month <= 11: received ${months}`)\n    return new Date(date)\n  }\n  if (days < 0) {\n    console.error(`Range error days must be greater than 0: received ${days}`)\n    return new Date(date)\n  }\n  if (hours < 0 || hours > 23) {\n    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`)\n    return new Date(date)\n  }\n  if (minutes < 0 || minutes > 59) {\n    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`)\n    return new Date(date)\n  }\n  if (seconds < 0 || seconds > 59) {\n    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`)\n    return new Date(date)\n  }\n  if (milliseconds < 0) {\n    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`)\n    return new Date(date)\n  }\n\n  const multiplier = isAdding ? 1 : -1\n\n  const newDate = new Date(date)\n\n  newDate.setFullYear(newDate.getFullYear() + multiplier * years)\n\n  newDate.setMonth(newDate.getMonth() + multiplier * months)\n\n  newDate.setDate(newDate.getDate() + multiplier * days)\n\n  newDate.setHours(newDate.getHours() + multiplier * hours)\n\n  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes)\n\n  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds)\n\n  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds)\n\n  return newDate\n}\n\nexport const addDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, true)\n}\n\nexport const subtractDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, false)\n}\n\nexport const getBetweenDuration = (startDate: Date, endDate: Date): Duration => {\n  const durationInMilliseconds = endDate.getTime() - startDate.getTime()\n\n  const millisecondsInSecond = 1000\n  const millisecondsInMinute = 60 * millisecondsInSecond\n  const millisecondsInHour = 60 * millisecondsInMinute\n  const millisecondsInDay = 24 * millisecondsInHour\n  const millisecondsInMonth = 30 * millisecondsInDay // Rough estimation, can be adjusted\n\n  const years = Math.floor(durationInMilliseconds / (365.25 * millisecondsInDay))\n  const months = Math.floor(durationInMilliseconds / millisecondsInMonth)\n  const days = Math.floor(durationInMilliseconds / millisecondsInDay)\n  const hours = Math.floor((durationInMilliseconds % millisecondsInDay) / millisecondsInHour)\n  const seconds = Math.floor((durationInMilliseconds % millisecondsInHour) / millisecondsInSecond)\n  const milliseconds = durationInMilliseconds % millisecondsInSecond\n\n  return {\n    years,\n    months,\n    days,\n    hours,\n    seconds,\n    milliseconds,\n  }\n}\n\n/** Checks if a given date is in the range of two dates\n *\n * An undefined value for startDate or endDate means no bound for the start or end respectively\n */\nexport const isInTimeSpan = (value: Date, startDate?: Date, endDate?: Date): boolean => {\n  if (startDate && endDate) {\n    console.assert(startDate <= endDate)\n    return startDate <= value && value <= endDate\n  } else if (startDate) {\n    return startDate <= value\n  } else if (endDate) {\n    return endDate >= value\n  } else {\n    return true\n  }\n}\n\n/** Compare two dates on the year, month, day */\nexport const equalDate = (date1: Date, date2: Date) => {\n  return date1.getFullYear() === date2.getFullYear()\n    && date1.getMonth() === date2.getMonth()\n    && date1.getDate() === date2.getDate()\n}\n\nexport const getWeeksForCalenderMonth = (date: Date, weekStart: WeekDay, weeks: number = 6) => {\n  const month = date.getMonth()\n  const year = date.getFullYear()\n\n  const dayList: Date[] = []\n  let currentDate = new Date(year, month, 1) // Start of month\n  const weekStartIndex = weekDayList.indexOf(weekStart)\n\n  // Move the current day to the week before\n  while (currentDate.getDay() !== weekStartIndex) {\n    currentDate = subtractDuration(currentDate, { days: 1 })\n  }\n\n  while (dayList.length < 7 * weeks) {\n    const date = new Date(currentDate)\n    date.setHours(date.getHours(), date.getMinutes()) // To make sure we are not overwriting the time\n    dayList.push(date)\n    currentDate = addDuration(currentDate, { days: 1 })\n  }\n\n  // weeks\n  return equalSizeGroups(dayList, 7)\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport { LocalizationUtil } from './util'\nimport type { HightideTranslationLocales } from '@/src/i18n/translations'\n\nexport type LocaleContextValue = {\n  locale: HightideTranslationLocales,\n  setLocale: Dispatch<SetStateAction<HightideTranslationLocales>>,\n}\n\nexport const LocaleContext = createContext<LocaleContextValue>({\n  locale: LocalizationUtil.DEFAULT_LOCALE,\n  setLocale: (v) => v\n})\n\ntype LocaleWithSystem = HightideTranslationLocales | 'system'\n\ntype LocaleProviderProps = {\n  locale?: LocaleWithSystem,\n  onChangedLocale?: (locale: HightideTranslationLocales) => void,\n}\n\nexport const LocaleProvider = ({ children, locale, onChangedLocale }: PropsWithChildren<LocaleProviderProps>) => {\n  const {\n    value: storedLocale,\n    setValue: setStoredLocale,\n    deleteValue: deleteStoredLocale,\n  } = useLocalStorage<LocaleWithSystem>('locale', 'system')\n  const [localePreference, setLocalePreference] = useState<LocaleWithSystem>('system')\n\n  const resolvedLocale = useMemo(() => {\n    if (locale && locale !== 'system') {\n      return locale\n    }\n    if (storedLocale && storedLocale !== 'system') {\n      return storedLocale\n    }\n    if (localePreference !== 'system') {\n      return localePreference\n    }\n    return LocalizationUtil.DEFAULT_LOCALE\n  }, [locale, localePreference, storedLocale])\n\n  useEffect(() => {\n    if(!locale) return\n    if (locale === 'system') {\n      deleteStoredLocale()\n    } else {\n      setStoredLocale(locale)\n    }\n  }, [locale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    onChangedLocale?.(resolvedLocale)\n  }, [resolvedLocale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const localesToTestAgainst = Object.values(LocalizationUtil.locals)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(locale =>\n          localesToTestAgainst.find(\n            (test) => locale === test || locale.split('-')[0] === LocalizationUtil.localToLanguage(test)\n          ))\n        .filter((entry): entry is HightideTranslationLocales => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLocalePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LocaleContext.Provider value={{\n      locale: resolvedLocale,\n      setLocale: (newLocale) => {\n        if (locale !== 'system') {\n          console.warn('LocaleProvider: Attempting to change the ' +\n            \"locale while setting a fixed locale won't have any effect. \" +\n            'Change the locale provided to the LocaleProvider instead.')\n        }\n        setStoredLocale(newLocale)\n      }\n    }}>\n      {children}\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocale = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLocale must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return context\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return { language: LocalizationUtil.localToLanguage(context.locale) }\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","// AUTO-GENERATED. DO NOT EDIT.\n/* eslint-disable @stylistic/quote-props */\n/* eslint-disable no-useless-escape */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { Translation } from '@helpwave/internationalization'\nimport { TranslationGen } from '@helpwave/internationalization'\n\nexport const hightideTranslationLocales = ['de-DE', 'en-US'] as const\n\nexport type HightideTranslationLocales = typeof hightideTranslationLocales[number]\n\nexport type HightideTranslationEntries = {\n  'add': string,\n  'age': string,\n  'all': string,\n  'apply': string,\n  'back': string,\n  'cancel': string,\n  'carousel': string,\n  'change': string,\n  'chooseLanguage': string,\n  'chooseSlide': string,\n  'chooseTheme': string,\n  'clear': string,\n  'click': string,\n  'clickToCopy': string,\n  'clickToSelect': string,\n  'close': string,\n  'confirm': string,\n  'copied': string,\n  'copy': string,\n  'create': string,\n  'decline': string,\n  'delete': string,\n  'discard': string,\n  'discardChanges': string,\n  'done': string,\n  'edit': string,\n  'endDate': string,\n  'enterText': string,\n  'entryDate': string,\n  'error': string,\n  'errorOccurred': string,\n  'exit': string,\n  'fieldRequiredError': string,\n  'filter': string,\n  'gender': (values: { gender: string }) => string,\n  'goodToSeeYou': string,\n  'identifier': string,\n  'invalidEmail': string,\n  'invalidEmailError': string,\n  'language': string,\n  'less': string,\n  'loading': string,\n  'locale': string,\n  'max': string,\n  'maxLengthError': string,\n  'min': string,\n  'minLengthError': string,\n  'more': string,\n  'name': string,\n  'next': string,\n  'no': string,\n  'none': string,\n  'notEmpty': string,\n  'nothingFound': string,\n  'of': string,\n  'optional': string,\n  'outOfRangeNumber': (values: { min: number, max: number }) => string,\n  'outOfRangeSelectionItems': (values: { min: number, max: number }) => string,\n  'outOfRangeString': (values: { min: number, max: number }) => string,\n  'pleaseWait': string,\n  'previous': string,\n  'remove': string,\n  'required': string,\n  'reset': string,\n  'save': string,\n  'saved': string,\n  'search': string,\n  'select': string,\n  'selectOption': string,\n  'show': string,\n  'showLess': string,\n  'showMore': string,\n  'showSlide': (values: { index: number }) => string,\n  'slide': string,\n  'slideNavigation': string,\n  'slideOf': (values: { index: number, length: number }) => string,\n  'startDate': string,\n  'street': string,\n  'submit': string,\n  'success': string,\n  'text': string,\n  'themeMode': (values: { theme: string }) => string,\n  'themes': (values: { count: number }) => string,\n  'time.ago': string,\n  'time.agoDays': (values: { days: number }) => string,\n  'time.april': string,\n  'time.august': string,\n  'time.century': (values: { count: number }) => string,\n  'time.day': (values: { count: number }) => string,\n  'time.decade': (values: { count: number }) => string,\n  'time.december': string,\n  'time.february': string,\n  'time.hour': (values: { count: number }) => string,\n  'time.in': string,\n  'time.inDays': (values: { days: number }) => string,\n  'time.january': string,\n  'time.july': string,\n  'time.june': string,\n  'time.march': string,\n  'time.may': string,\n  'time.microsecond': (values: { count: number }) => string,\n  'time.millisecond': (values: { count: number }) => string,\n  'time.minute': (values: { count: number }) => string,\n  'time.month': (values: { count: number }) => string,\n  'time.monthName': (values: { month: string }) => string,\n  'time.nanosecond': (values: { count: number }) => string,\n  'time.november': string,\n  'time.october': string,\n  'time.second': (values: { count: number }) => string,\n  'time.september': string,\n  'time.today': string,\n  'time.tomorrow': string,\n  'time.year': (values: { count: number }) => string,\n  'time.yesterday': string,\n  'tooFewSelectionItems': (values: { min: number }) => string,\n  'tooLong': (values: { max: number }) => string,\n  'tooManySelectionItems': (values: { max: number }) => string,\n  'tooShort': (values: { min: number }) => string,\n  'unsavedChanges': string,\n  'unsavedChangesSaveQuestion': string,\n  'update': string,\n  'value': string,\n  'welcome': string,\n  'yes': string,\n}\n\nexport const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>> = {\n  'de-DE': {\n    'add': `Hinzufügen`,\n    'age': `Alter`,\n    'all': `Alle`,\n    'apply': `Anwenden`,\n    'back': `Zurück`,\n    'cancel': `Abbrechen`,\n    'carousel': `Karussell`,\n    'change': `Ändern`,\n    'chooseLanguage': `Wähle deine bevorzugte Sprache`,\n    'chooseSlide': `Wähle die angezeigte Slide aus`,\n    'chooseTheme': `Wähle dein bevorzugtes Farbschema.`,\n    'clear': `Löschen`,\n    'click': `Klicken`,\n    'clickToCopy': `Zum kopieren klicken`,\n    'clickToSelect': `Zum Auswählen drücken`,\n    'close': `Schließen`,\n    'confirm': `Bestätigen`,\n    'copied': `Kopiert`,\n    'copy': `Kopieren`,\n    'create': `Erstellen`,\n    'decline': `Ablehnen`,\n    'delete': `Löschen`,\n    'discard': `Verwerfen`,\n    'discardChanges': `Änderungen Verwerfen`,\n    'done': `Fertig`,\n    'edit': `Bearbeiten`,\n    'endDate': `Ende`,\n    'enterText': `Text hier eingeben`,\n    'entryDate': `Eintragsdatum`,\n    'error': `Fehler`,\n    'errorOccurred': `Ein Fehler ist aufgetreten`,\n    'exit': `Beenden`,\n    'fieldRequiredError': `Dieses Feld ist erforderlich.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Männlich`,\n        'female': `Weiblich`,\n        'other': `Divers`,\n      })\n    },\n    'goodToSeeYou': `Schön dich zu sehen`,\n    'identifier': `Identifikator`,\n    'invalidEmail': `Die E-Mail ist ungültig.`,\n    'invalidEmailError': `Bitte geben Sie eine gültige E-Mail-Adresse ein.`,\n    'language': `Sprache`,\n    'less': `Weniger`,\n    'loading': `Lädt`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximale Länge überschritten.`,\n    'min': `Min`,\n    'minLengthError': `Mindestlänge nicht erreicht.`,\n    'more': `Mehr`,\n    'name': `Name`,\n    'next': `Weiter`,\n    'no': `Nein`,\n    'none': `Nichts`,\n    'notEmpty': `Das Feld darf nicht leer sein.`,\n    'nothingFound': `Nichts gefunden`,\n    'of': `von`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} liegen.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Es müssen zwischen ${min} und ${max} Elemente ausgewählt werden.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} Zeichen lang sein.`\n    },\n    'pleaseWait': `Bitte warten...`,\n    'previous': `Vorherige`,\n    'remove': `Entfernen`,\n    'required': `Erforderlich`,\n    'reset': `Zurücksetzen`,\n    'save': `Speichern`,\n    'saved': `Gespeichert`,\n    'search': `Suche`,\n    'select': `Select`,\n    'selectOption': `Option auswählen`,\n    'show': `Anzeigen`,\n    'showLess': `Weniger anzeigen`,\n    'showMore': `Mehr anzeigen`,\n    'showSlide': ({ index }): string => {\n      return `Zeige Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide Navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} von ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Straße`,\n    'submit': `Abschicken`,\n    'success': `Erfolg`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dunkel`,\n        'light': `Hell`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Farbschema`,\n        'other': `Farbschemas`,\n      })\n    },\n    'time.ago': `vor`,\n    'time.agoDays': ({ days }): string => {\n      return `var ${days} Tagen`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrhundert`,\n        'other': `Jahrhunderte`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Tag`,\n        'other': `Tage`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrzehnt`,\n        'other': `Jahrzehnte`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuar`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Stunde`,\n        'other': `Stunden`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} Tagen`\n    },\n    'time.january': `Januar`,\n    'time.july': `Juli`,\n    'time.june': `Juni`,\n    'time.march': `März`,\n    'time.may': `Mai`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Mikrosekunde`,\n        'other': `Mikrosekunden`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisekunde`,\n        'other': `Millisekunden`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minuten`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Monat`,\n        'other': `Monate`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `Januar`,\n        'february': `Februar`,\n        'march': `März`,\n        'april': `April`,\n        'may': `Mai`,\n        'june': `Juni`,\n        'july': `Juli`,\n        'august': `August`,\n        'september': `September`,\n        'october': `Oktober`,\n        'november': `November`,\n        'december': `Dezember`,\n        'other': `Unbekannter Monat`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosekunde`,\n        'other': `Nanosekunden`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Sekunde`,\n        'other': `Sekunden`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Heute`,\n    'time.tomorrow': `Morgen`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahr`,\n        'other': `Jahre`,\n      })\n    },\n    'time.yesterday': `Gestern`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Es müssen mindestens ${min} Elemente ausgewählt werden.`\n    },\n    'tooLong': ({ max }): string => {\n      return `Der Wert darf höchstens ${max} Zeichen enthalten.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Es müssen maximal ${max} Elemente ausgewählt werden.`\n    },\n    'tooShort': ({ min }): string => {\n      return `Der Wert muss mindestens ${min} Zeichen enthalten.`\n    },\n    'unsavedChanges': `Ungespeicherte Änderungen`,\n    'unsavedChangesSaveQuestion': `Möchtest du die Änderungen speichern?`,\n    'update': `Update`,\n    'value': `Wert`,\n    'welcome': `Willkommen`,\n    'yes': `Ja`\n  },\n  'en-US': {\n    'add': `Add`,\n    'age': `Age`,\n    'all': `All`,\n    'apply': `Apply`,\n    'back': `Back`,\n    'cancel': `Cancel`,\n    'carousel': `Carousel`,\n    'change': `Change`,\n    'chooseLanguage': `Choose your language`,\n    'chooseSlide': `Choose slide to display`,\n    'chooseTheme': `Choose your preferred color theme.`,\n    'clear': `Clear`,\n    'click': `Click`,\n    'clickToCopy': `Click to Copy`,\n    'clickToSelect': `Click to select`,\n    'close': `Close`,\n    'confirm': `Confirm`,\n    'copied': `Copied`,\n    'copy': `Copy`,\n    'create': `Create`,\n    'decline': `Decline`,\n    'delete': `Delete`,\n    'discard': `Discard`,\n    'discardChanges': `Discard Changes`,\n    'done': `Done`,\n    'edit': `Edit`,\n    'endDate': `End`,\n    'enterText': `Enter text here`,\n    'entryDate': `Entry Date`,\n    'error': `Error`,\n    'errorOccurred': `An error occurred`,\n    'exit': `Exit`,\n    'fieldRequiredError': `This field is required.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Male`,\n        'female': `Female`,\n        'other': `Other`,\n      })\n    },\n    'goodToSeeYou': `Good to see you`,\n    'identifier': `Identifier`,\n    'invalidEmail': `The email is not valid.`,\n    'invalidEmailError': `Please enter a valid email address.`,\n    'language': `Language`,\n    'less': `Less`,\n    'loading': `Loading`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximum length exceeded.`,\n    'min': `Min`,\n    'minLengthError': `Minimum length not met.`,\n    'more': `More`,\n    'name': `Name`,\n    'next': `Next`,\n    'no': `No`,\n    'none': `None`,\n    'notEmpty': `The field cannot be empty.`,\n    'nothingFound': `Nothing found`,\n    'of': `of`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `The value must be between ${min} and ${max}.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Between ${min} and ${max} items must be selected.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `The value needs to have between ${min} and ${max} characters.`\n    },\n    'pleaseWait': `Please wait...`,\n    'previous': `Previous`,\n    'remove': `Remove`,\n    'required': `Required`,\n    'reset': `Reset`,\n    'save': `Save`,\n    'saved': `Saved`,\n    'search': `Search`,\n    'select': `Select`,\n    'selectOption': `Select an option`,\n    'show': `Show`,\n    'showLess': `Show less`,\n    'showMore': `Show more`,\n    'showSlide': ({ index }): string => {\n      return `Show Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} of ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Street`,\n    'submit': `Submit`,\n    'success': `Success`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dark`,\n        'light': `Light`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Theme`,\n        'other': `Themes`,\n      })\n    },\n    'time.ago': `ago`,\n    'time.agoDays': ({ days }): string => {\n      return `days ${days} ago`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Century`,\n        'other': `Centuries`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Day`,\n        'other': `Days`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Decade`,\n        'other': `Decades`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuary`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Hour`,\n        'other': `Hours`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} days`\n    },\n    'time.january': `January`,\n    'time.july': `July`,\n    'time.june': `June`,\n    'time.march': `March`,\n    'time.may': `May`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Microsecond`,\n        'other': `Microseconds`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisecond`,\n        'other': `Milliseconds`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minutes`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Month`,\n        'other': `Months`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `January`,\n        'february': `February`,\n        'march': `March`,\n        'april': `April`,\n        'may': `May`,\n        'june': `June`,\n        'july': `July`,\n        'august': `August`,\n        'september': `September`,\n        'october': `October`,\n        'november': `November`,\n        'december': `December`,\n        'other': `Unknown Month`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosecond`,\n        'other': `Nanoseconds`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Second`,\n        'other': `Seconds`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Today`,\n    'time.tomorrow': `Tomorrow`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Year`,\n        'other': `Years`,\n      })\n    },\n    'time.yesterday': `Yesterday`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Select at least ${min} items.`\n    },\n    'tooLong': ({ max }): string => {\n      return `The value requires less than ${max} characters.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Select at most ${max} items.`\n    },\n    'tooShort': ({ min }): string => {\n      return `The value requires at least ${min} characters.`\n    },\n    'unsavedChanges': `Unsaved Changes`,\n    'unsavedChangesSaveQuestion': `Do you want to save your changes?`,\n    'update': `Update`,\n    'value': `Value`,\n    'welcome': `Welcome`,\n    'yes': `Yes`\n  }\n}\n\n","import type { HightideTranslationLocales } from '@/src/i18n/translations'\nimport { hightideTranslationLocales } from '@/src/i18n/translations'\n\n/**\n * The supported locales' names in their respective language\n */\nconst localsNames: Record<HightideTranslationLocales, string> = {\n  'en-US': 'English (US)',\n  'de-DE': 'Deutsch',\n}\n\n/**\n * The default locale\n */\nconst DEFAULT_LOCALE: HightideTranslationLocales = 'en-US'\n\nfunction localeToLanguage(locale: HightideTranslationLocales) {\n  return locale.split('-')[0]\n}\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LocalizationUtil = {\n  locals: hightideTranslationLocales,\n  localToLanguage: localeToLanguage,\n  DEFAULT_LOCALE,\n  languagesLocalNames: localsNames,\n}\n"],"mappings":"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","names":["date","import_react","import_react","import_jsx_runtime","clsx"]}

package/dist/components/date/DayPicker.js

@@ -112,7 +112,7 @@ import { useCallback, useState } from "react";
 
 // src/i18n/translations.ts
 import { TranslationGen } from "@helpwave/internationalization";
-var supportedLocales = ["de-DE", "en-US"];
+var hightideTranslationLocales = ["de-DE", "en-US"];
 
 // src/i18n/util.ts
 var localsNames = {
@@ -124,7 +124,7 @@ function localeToLanguage(locale) {
   return locale.split("-")[0];
 }
 var LocalizationUtil = {
-  locals: supportedLocales,
+  locals: hightideTranslationLocales,
   localToLanguage: localeToLanguage,
   DEFAULT_LOCALE,
   languagesLocalNames: localsNames

package/dist/components/date/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/array.ts","../../../src/utils/date.ts","../../../src/components/date/DayPicker.tsx","../../../src/i18n/LocaleProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/i18n/translations.ts","../../../src/i18n/util.ts"],"sourcesContent":["export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nfunction resolveSingleOrArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value\n  } else if (value) {\n    return [value]\n  }\n  return []\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n  resolveSingleOrArray\n}\n","import { equalSizeGroups } from './array'\n\nexport const monthsList = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] as const\nexport type Month = typeof monthsList[number]\n\nexport const weekDayList = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'] as const\nexport type WeekDay = typeof weekDayList[number]\n\nexport const formatDate = (date: Date) => {\n  const year = date.getFullYear().toString().padStart(4, '0')\n  const month = (date.getMonth() + 1).toString().padStart(2, '0')\n  const day = (date.getDate()).toString().padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport const formatDateTime = (date: Date) => {\n  const dateString = formatDate(date)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${dateString}T${hours}:${minutes}`\n}\n\nexport const getDaysInMonth = (year: number, month: number): number => {\n  const lastDayOfMonth = new Date(year, month + 1, 0)\n  return lastDayOfMonth.getDate()\n}\n\nexport type Duration = {\n  years?: number,\n  months?: number,\n  days?: number,\n  hours?: number,\n  minutes?: number,\n  seconds?: number,\n  milliseconds?: number,\n}\n\nexport const changeDuration = (date: Date, duration: Duration, isAdding?: boolean): Date => {\n  const {\n    years = 0,\n    months = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n    milliseconds = 0,\n  } = duration\n\n  // Check ranges\n  if (years < 0) {\n    console.error(`Range error years must be greater than 0: received ${years}`)\n    return new Date(date)\n  }\n  if (months < 0 || months > 11) {\n    console.error(`Range error month must be 0 <= month <= 11: received ${months}`)\n    return new Date(date)\n  }\n  if (days < 0) {\n    console.error(`Range error days must be greater than 0: received ${days}`)\n    return new Date(date)\n  }\n  if (hours < 0 || hours > 23) {\n    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`)\n    return new Date(date)\n  }\n  if (minutes < 0 || minutes > 59) {\n    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`)\n    return new Date(date)\n  }\n  if (seconds < 0 || seconds > 59) {\n    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`)\n    return new Date(date)\n  }\n  if (milliseconds < 0) {\n    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`)\n    return new Date(date)\n  }\n\n  const multiplier = isAdding ? 1 : -1\n\n  const newDate = new Date(date)\n\n  newDate.setFullYear(newDate.getFullYear() + multiplier * years)\n\n  newDate.setMonth(newDate.getMonth() + multiplier * months)\n\n  newDate.setDate(newDate.getDate() + multiplier * days)\n\n  newDate.setHours(newDate.getHours() + multiplier * hours)\n\n  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes)\n\n  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds)\n\n  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds)\n\n  return newDate\n}\n\nexport const addDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, true)\n}\n\nexport const subtractDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, false)\n}\n\nexport const getBetweenDuration = (startDate: Date, endDate: Date): Duration => {\n  const durationInMilliseconds = endDate.getTime() - startDate.getTime()\n\n  const millisecondsInSecond = 1000\n  const millisecondsInMinute = 60 * millisecondsInSecond\n  const millisecondsInHour = 60 * millisecondsInMinute\n  const millisecondsInDay = 24 * millisecondsInHour\n  const millisecondsInMonth = 30 * millisecondsInDay // Rough estimation, can be adjusted\n\n  const years = Math.floor(durationInMilliseconds / (365.25 * millisecondsInDay))\n  const months = Math.floor(durationInMilliseconds / millisecondsInMonth)\n  const days = Math.floor(durationInMilliseconds / millisecondsInDay)\n  const hours = Math.floor((durationInMilliseconds % millisecondsInDay) / millisecondsInHour)\n  const seconds = Math.floor((durationInMilliseconds % millisecondsInHour) / millisecondsInSecond)\n  const milliseconds = durationInMilliseconds % millisecondsInSecond\n\n  return {\n    years,\n    months,\n    days,\n    hours,\n    seconds,\n    milliseconds,\n  }\n}\n\n/** Checks if a given date is in the range of two dates\n *\n * An undefined value for startDate or endDate means no bound for the start or end respectively\n */\nexport const isInTimeSpan = (value: Date, startDate?: Date, endDate?: Date): boolean => {\n  if (startDate && endDate) {\n    console.assert(startDate <= endDate)\n    return startDate <= value && value <= endDate\n  } else if (startDate) {\n    return startDate <= value\n  } else if (endDate) {\n    return endDate >= value\n  } else {\n    return true\n  }\n}\n\n/** Compare two dates on the year, month, day */\nexport const equalDate = (date1: Date, date2: Date) => {\n  return date1.getFullYear() === date2.getFullYear()\n    && date1.getMonth() === date2.getMonth()\n    && date1.getDate() === date2.getDate()\n}\n\nexport const getWeeksForCalenderMonth = (date: Date, weekStart: WeekDay, weeks: number = 6) => {\n  const month = date.getMonth()\n  const year = date.getFullYear()\n\n  const dayList: Date[] = []\n  let currentDate = new Date(year, month, 1) // Start of month\n  const weekStartIndex = weekDayList.indexOf(weekStart)\n\n  // Move the current day to the week before\n  while (currentDate.getDay() !== weekStartIndex) {\n    currentDate = subtractDuration(currentDate, { days: 1 })\n  }\n\n  while (dayList.length < 7 * weeks) {\n    const date = new Date(currentDate)\n    date.setHours(date.getHours(), date.getMinutes()) // To make sure we are not overwriting the time\n    dayList.push(date)\n    currentDate = addDuration(currentDate, { days: 1 })\n  }\n\n  // weeks\n  return equalSizeGroups(dayList, 7)\n}\n","import type { WeekDay } from '@/src/utils/date'\nimport { equalDate, getWeeksForCalenderMonth, isInTimeSpan } from '@/src/utils/date'\nimport clsx from 'clsx'\nimport { useLocale } from '@/src/i18n/LocaleProvider'\nimport { useEffect, useState } from 'react'\n\nexport type DayPickerProps = {\n  displayedMonth: Date,\n  selected?: Date,\n  start?: Date,\n  end?: Date,\n  onChange?: (date: Date) => void,\n  weekStart?: WeekDay,\n  markToday?: boolean,\n  className?: string,\n}\n\n/**\n * A component for selecting a day of a month\n */\nexport const DayPicker = ({\n                            displayedMonth,\n                            selected,\n                            start,\n                            end,\n                            onChange,\n                            weekStart = 'monday',\n                            markToday = true,\n                            className = ''\n                          }: DayPickerProps) => {\n  const { locale } = useLocale()\n  const month = displayedMonth.getMonth()\n  const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart)\n\n  return (\n    <div className={clsx('flex-col-1 min-w-[220px] select-none', className)}>\n      <div className=\"flex-row-2 text-center\">\n        {weeks[0]!.map((weekDay, index) => (\n          <div key={index} className=\"flex-1 font-semibold\">\n            {new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(weekDay).substring(0, 2)}\n          </div>\n        ))}\n      </div>\n      {weeks.map((week, index) => (\n        <div key={index} className=\"flex-row-2 text-center\">\n          {week.map((date) => {\n            const isSelected = !!selected && equalDate(selected, date)\n            const isToday = equalDate(new Date(), date)\n            const isSameMonth = date.getMonth() === month\n            const isDayValid = isInTimeSpan(date, start, end)\n            return (\n              <button\n                disabled={!isDayValid}\n                key={date.getDate()}\n                className={clsx(\n                  'flex-1 rounded-full border-2',\n                  {\n                    'text-description': !isSameMonth && !isSelected && isDayValid,\n                    'text-button-solid-neutral-text bg-button-solid-neutral-background': !isSelected && isSameMonth && isDayValid,\n                    'text-button-solid-primary-text bg-button-solid-primary-background': isSelected && isDayValid,\n                    'hover:brightness-90 hover:bg-button-solid-primary-background hover:text-button-solid-primary-text': isDayValid,\n                    'text-disabled bg-disabled-background cursor-not-allowed': !isDayValid,\n                    'border-secondary': isToday && markToday,\n                    'border-transparent': !isToday || !markToday,\n                  }\n                )}\n                onClick={() => onChange?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const DayPickerUncontrolled = ({\n                                        displayedMonth,\n                                        selected,\n                                        onChange,\n                                        ...restProps\n                                      }: DayPickerProps) => {\n  const [date, setDate] = useState(selected)\n  const [usedDisplayedMonth, setUsedDDisplayedMonth] = useState(displayedMonth)\n\n  useEffect(() => {\n    setDate(selected)\n    setUsedDDisplayedMonth(selected)\n  }, [selected])\n\n  return (\n    <DayPicker\n      displayedMonth={usedDisplayedMonth}\n      selected={date}\n      onChange={newDate => {\n        setDate(newDate)\n        setUsedDDisplayedMonth(newDate)\n        onChange?.(newDate)\n      }}\n      {...restProps}\n    />\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport { LocalizationUtil } from './util'\nimport type { SupportedLocale } from '@/src/i18n/translations'\n\nexport type LocaleContextValue = {\n  locale: SupportedLocale,\n  setLocale: Dispatch<SetStateAction<SupportedLocale>>,\n}\n\nexport const LocaleContext = createContext<LocaleContextValue>({\n  locale: LocalizationUtil.DEFAULT_LOCALE,\n  setLocale: (v) => v\n})\n\ntype LocaleWithSystem = SupportedLocale | 'system'\n\ntype LocaleProviderProps = {\n  locale?: LocaleWithSystem,\n  onChangedLocale?: (locale: SupportedLocale) => void,\n}\n\nexport const LocaleProvider = ({ children, locale, onChangedLocale }: PropsWithChildren<LocaleProviderProps>) => {\n  const {\n    value: storedLocale,\n    setValue: setStoredLocale,\n    deleteValue: deleteStoredLocale,\n  } = useLocalStorage<LocaleWithSystem>('locale', 'system')\n  const [localePreference, setLocalePreference] = useState<LocaleWithSystem>('system')\n\n  const resolvedLocale = useMemo(() => {\n    if (locale && locale !== 'system') {\n      return locale\n    }\n    if (storedLocale && storedLocale !== 'system') {\n      return storedLocale\n    }\n    if (localePreference !== 'system') {\n      return localePreference\n    }\n    return LocalizationUtil.DEFAULT_LOCALE\n  }, [locale, localePreference, storedLocale])\n\n  useEffect(() => {\n    if(!locale) return\n    if (locale === 'system') {\n      deleteStoredLocale()\n    } else {\n      setStoredLocale(locale)\n    }\n  }, [locale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    onChangedLocale?.(resolvedLocale)\n  }, [resolvedLocale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const localesToTestAgainst = Object.values(LocalizationUtil.locals)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(locale =>\n          localesToTestAgainst.find(\n            (test) => locale === test || locale.split('-')[0] === LocalizationUtil.localToLanguage(test)\n          ))\n        .filter((entry): entry is SupportedLocale => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLocalePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LocaleContext.Provider value={{\n      locale: resolvedLocale,\n      setLocale: (newLocale) => {\n        if (locale !== 'system') {\n          console.warn('LocaleProvider: Attempting to change the ' +\n            \"locale while setting a fixed locale won't have any effect. \" +\n            'Change the locale provided to the LocaleProvider instead.')\n        }\n        setStoredLocale(newLocale)\n      }\n    }}>\n      {children}\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocale = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLocale must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return context\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return { language: LocalizationUtil.localToLanguage(context.locale) }\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","// AUTO-GENERATED. DO NOT EDIT.\nimport type { Translation } from '@helpwave/internationalization'\nimport { TranslationGen } from '@helpwave/internationalization'\n\n/* eslint-disable @stylistic/quote-props */\nexport const supportedLocales = ['de-DE', 'en-US'] as const\n\nexport type SupportedLocale = typeof supportedLocales[number]\n\nexport type GeneratedTranslationEntries = {\n  'add': string,\n  'age': string,\n  'all': string,\n  'apply': string,\n  'back': string,\n  'cancel': string,\n  'carousel': string,\n  'change': string,\n  'chooseLanguage': string,\n  'chooseSlide': string,\n  'chooseTheme': string,\n  'clear': string,\n  'click': string,\n  'clickToCopy': string,\n  'clickToSelect': string,\n  'close': string,\n  'confirm': string,\n  'copied': string,\n  'copy': string,\n  'create': string,\n  'decline': string,\n  'delete': string,\n  'discard': string,\n  'discardChanges': string,\n  'done': string,\n  'edit': string,\n  'endDate': string,\n  'enterText': string,\n  'entryDate': string,\n  'error': string,\n  'errorOccurred': string,\n  'exit': string,\n  'fieldRequiredError': string,\n  'filter': string,\n  'gender': (values: { gender: string }) => string,\n  'goodToSeeYou': string,\n  'identifier': string,\n  'invalidEmail': string,\n  'invalidEmailError': string,\n  'language': string,\n  'less': string,\n  'loading': string,\n  'locale': string,\n  'max': string,\n  'maxLengthError': string,\n  'min': string,\n  'minLengthError': string,\n  'more': string,\n  'name': string,\n  'next': string,\n  'no': string,\n  'none': string,\n  'notEmpty': string,\n  'nothingFound': string,\n  'of': string,\n  'optional': string,\n  'outOfRangeNumber': (values: { min: number, max: number }) => string,\n  'outOfRangeSelectionItems': (values: { min: number, max: number }) => string,\n  'outOfRangeString': (values: { min: number, max: number }) => string,\n  'pleaseWait': string,\n  'previous': string,\n  'remove': string,\n  'required': string,\n  'reset': string,\n  'save': string,\n  'saved': string,\n  'search': string,\n  'select': string,\n  'selectOption': string,\n  'show': string,\n  'showLess': string,\n  'showMore': string,\n  'showSlide': (values: { index: number }) => string,\n  'slide': string,\n  'slideNavigation': string,\n  'slideOf': (values: { index: number, length: number }) => string,\n  'startDate': string,\n  'street': string,\n  'submit': string,\n  'success': string,\n  'text': string,\n  'themeMode': (values: { theme: string }) => string,\n  'themes': (values: { count: number }) => string,\n  'time.ago': string,\n  'time.agoDays': (values: { days: number }) => string,\n  'time.april': string,\n  'time.august': string,\n  'time.century': (values: { count: number }) => string,\n  'time.day': (values: { count: number }) => string,\n  'time.decade': (values: { count: number }) => string,\n  'time.december': string,\n  'time.february': string,\n  'time.hour': (values: { count: number }) => string,\n  'time.in': string,\n  'time.inDays': (values: { days: number }) => string,\n  'time.january': string,\n  'time.july': string,\n  'time.june': string,\n  'time.march': string,\n  'time.may': string,\n  'time.microsecond': (values: { count: number }) => string,\n  'time.millisecond': (values: { count: number }) => string,\n  'time.minute': (values: { count: number }) => string,\n  'time.month': (values: { count: number }) => string,\n  'time.monthName': (values: { month: string }) => string,\n  'time.nanosecond': (values: { count: number }) => string,\n  'time.november': string,\n  'time.october': string,\n  'time.second': (values: { count: number }) => string,\n  'time.september': string,\n  'time.today': string,\n  'time.tomorrow': string,\n  'time.year': (values: { count: number }) => string,\n  'time.yesterday': string,\n  'tooFewSelectionItems': (values: { min: number }) => string,\n  'tooLong': (values: { max: number }) => string,\n  'tooManySelectionItems': (values: { max: number }) => string,\n  'tooShort': (values: { min: number }) => string,\n  'unsavedChanges': string,\n  'unsavedChangesSaveQuestion': string,\n  'update': string,\n  'value': string,\n  'welcome': string,\n  'yes': string,\n}\n\nexport const generatedTranslations: Translation<SupportedLocale, Partial<GeneratedTranslationEntries>> = {\n  'de-DE': {\n    'add': `Hinzufügen`,\n    'age': `Alter`,\n    'all': `Alle`,\n    'apply': `Anwenden`,\n    'back': `Zurück`,\n    'cancel': `Abbrechen`,\n    'carousel': `Karussell`,\n    'change': `Ändern`,\n    'chooseLanguage': `Wähle deine bevorzugte Sprache`,\n    'chooseSlide': `Wähle die angezeigte Slide aus`,\n    'chooseTheme': `Wähle dein bevorzugtes Farbschema.`,\n    'clear': `Löschen`,\n    'click': `Klicken`,\n    'clickToCopy': `Zum kopieren klicken`,\n    'clickToSelect': `Zum Auswählen drücken`,\n    'close': `Schließen`,\n    'confirm': `Bestätigen`,\n    'copied': `Kopiert`,\n    'copy': `Kopieren`,\n    'create': `Erstellen`,\n    'decline': `Ablehnen`,\n    'delete': `Löschen`,\n    'discard': `Verwerfen`,\n    'discardChanges': `Änderungen Verwerfen`,\n    'done': `Fertig`,\n    'edit': `Bearbeiten`,\n    'endDate': `Ende`,\n    'enterText': `Text hier eingeben`,\n    'entryDate': `Eintragsdatum`,\n    'error': `Fehler`,\n    'errorOccurred': `Ein Fehler ist aufgetreten`,\n    'exit': `Beenden`,\n    'fieldRequiredError': `Dieses Feld ist erforderlich.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Männlich`,\n        'female': `Weiblich`,\n        'other': `Divers`,\n      })\n    },\n    'goodToSeeYou': `Schön dich zu sehen`,\n    'identifier': `Identifikator`,\n    'invalidEmail': `Die E-Mail ist ungültig.`,\n    'invalidEmailError': `Bitte geben Sie eine gültige E-Mail-Adresse ein.`,\n    'language': `Sprache`,\n    'less': `Weniger`,\n    'loading': `Lädt`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximale Länge überschritten.`,\n    'min': `Min`,\n    'minLengthError': `Mindestlänge nicht erreicht.`,\n    'more': `Mehr`,\n    'name': `Name`,\n    'next': `Weiter`,\n    'no': `Nein`,\n    'none': `Nichts`,\n    'notEmpty': `Das Feld darf nicht leer sein.`,\n    'nothingFound': `Nichts gefunden`,\n    'of': `von`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} liegen.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Es müssen zwischen ${min} und ${max} Elemente ausgewählt werden.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} Zeichen lang sein.`\n    },\n    'pleaseWait': `Bitte warten...`,\n    'previous': `Vorherige`,\n    'remove': `Entfernen`,\n    'required': `Erforderlich`,\n    'reset': `Zurücksetzen`,\n    'save': `Speichern`,\n    'saved': `Gespeichert`,\n    'search': `Suche`,\n    'select': `Select`,\n    'selectOption': `Option auswählen`,\n    'show': `Anzeigen`,\n    'showLess': `Weniger anzeigen`,\n    'showMore': `Mehr anzeigen`,\n    'showSlide': ({ index }): string => {\n      return `Zeige Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide Navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} von ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Straße`,\n    'submit': `Abschicken`,\n    'success': `Erfolg`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dunkel`,\n        'light': `Hell`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Farbschema`,\n        'other': `Farbschemas`,\n      })\n    },\n    'time.ago': `vor`,\n    'time.agoDays': ({ days }): string => {\n      return `var ${days} Tagen`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrhundert`,\n        'other': `Jahrhunderte`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Tag`,\n        'other': `Tage`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrzehnt`,\n        'other': `Jahrzehnte`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuar`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Stunde`,\n        'other': `Stunden`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} Tagen`\n    },\n    'time.january': `Januar`,\n    'time.july': `Juli`,\n    'time.june': `Juni`,\n    'time.march': `März`,\n    'time.may': `Mai`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Mikrosekunde`,\n        'other': `Mikrosekunden`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisekunde`,\n        'other': `Millisekunden`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minuten`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Monat`,\n        'other': `Monate`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `Januar`,\n        'february': `Februar`,\n        'march': `März`,\n        'april': `April`,\n        'may': `Mai`,\n        'june': `Juni`,\n        'july': `Juli`,\n        'august': `August`,\n        'september': `September`,\n        'october': `Oktober`,\n        'november': `November`,\n        'december': `Dezember`,\n        'other': `Unbekannter Monat`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosekunde`,\n        'other': `Nanosekunden`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Sekunde`,\n        'other': `Sekunden`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Heute`,\n    'time.tomorrow': `Morgen`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahr`,\n        'other': `Jahre`,\n      })\n    },\n    'time.yesterday': `Gestern`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Es müssen mindestens ${min} Elemente ausgewählt werden.`\n    },\n    'tooLong': ({ max }): string => {\n      return `Der Wert darf höchstens ${max} Zeichen enthalten.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Es müssen maximal ${max} Elemente ausgewählt werden.`\n    },\n    'tooShort': ({ min }): string => {\n      return `Der Wert muss mindestens ${min} Zeichen enthalten.`\n    },\n    'unsavedChanges': `Ungespeicherte Änderungen`,\n    'unsavedChangesSaveQuestion': `Möchtest du die Änderungen speichern?`,\n    'update': `Update`,\n    'value': `Wert`,\n    'welcome': `Willkommen`,\n    'yes': `Ja`\n  },\n  'en-US': {\n    'add': `Add`,\n    'age': `Age`,\n    'all': `All`,\n    'apply': `Apply`,\n    'back': `Back`,\n    'cancel': `Cancel`,\n    'carousel': `Carousel`,\n    'change': `Change`,\n    'chooseLanguage': `Choose your language`,\n    'chooseSlide': `Choose slide to display`,\n    'chooseTheme': `Choose your preferred color theme.`,\n    'clear': `Clear`,\n    'click': `Click`,\n    'clickToCopy': `Click to Copy`,\n    'clickToSelect': `Click to select`,\n    'close': `Close`,\n    'confirm': `Confirm`,\n    'copied': `Copied`,\n    'copy': `Copy`,\n    'create': `Create`,\n    'decline': `Decline`,\n    'delete': `Delete`,\n    'discard': `Discard`,\n    'discardChanges': `Discard Changes`,\n    'done': `Done`,\n    'edit': `Edit`,\n    'endDate': `End`,\n    'enterText': `Enter text here`,\n    'entryDate': `Entry Date`,\n    'error': `Error`,\n    'errorOccurred': `An error occurred`,\n    'exit': `Exit`,\n    'fieldRequiredError': `This field is required.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Male`,\n        'female': `Female`,\n        'other': `Other`,\n      })\n    },\n    'goodToSeeYou': `Good to see you`,\n    'identifier': `Identifier`,\n    'invalidEmail': `The email is not valid.`,\n    'invalidEmailError': `Please enter a valid email address.`,\n    'language': `Language`,\n    'less': `Less`,\n    'loading': `Loading`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximum length exceeded.`,\n    'min': `Min`,\n    'minLengthError': `Minimum length not met.`,\n    'more': `More`,\n    'name': `Name`,\n    'next': `Next`,\n    'no': `No`,\n    'none': `None`,\n    'notEmpty': `The field cannot be empty.`,\n    'nothingFound': `Nothing found`,\n    'of': `of`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `The value must be between ${min} and ${max}.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Between ${min} and ${max} items must be selected.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `The value needs to have between ${min} and ${max} characters.`\n    },\n    'pleaseWait': `Please wait...`,\n    'previous': `Previous`,\n    'remove': `Remove`,\n    'required': `Required`,\n    'reset': `Reset`,\n    'save': `Save`,\n    'saved': `Saved`,\n    'search': `Search`,\n    'select': `Select`,\n    'selectOption': `Select an option`,\n    'show': `Show`,\n    'showLess': `Show less`,\n    'showMore': `Show more`,\n    'showSlide': ({ index }): string => {\n      return `Show Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} of ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Street`,\n    'submit': `Submit`,\n    'success': `Success`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dark`,\n        'light': `Light`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Theme`,\n        'other': `Themes`,\n      })\n    },\n    'time.ago': `ago`,\n    'time.agoDays': ({ days }): string => {\n      return `days ${days} ago`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Century`,\n        'other': `Centuries`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Day`,\n        'other': `Days`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Decade`,\n        'other': `Decades`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuary`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Hour`,\n        'other': `Hours`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} days`\n    },\n    'time.january': `January`,\n    'time.july': `July`,\n    'time.june': `June`,\n    'time.march': `March`,\n    'time.may': `May`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Microsecond`,\n        'other': `Microseconds`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisecond`,\n        'other': `Milliseconds`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minutes`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Month`,\n        'other': `Months`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `January`,\n        'february': `February`,\n        'march': `March`,\n        'april': `April`,\n        'may': `May`,\n        'june': `June`,\n        'july': `July`,\n        'august': `August`,\n        'september': `September`,\n        'october': `October`,\n        'november': `November`,\n        'december': `December`,\n        'other': `Unknown Month`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosecond`,\n        'other': `Nanoseconds`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Second`,\n        'other': `Seconds`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Today`,\n    'time.tomorrow': `Tomorrow`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Year`,\n        'other': `Years`,\n      })\n    },\n    'time.yesterday': `Yesterday`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Select at least ${min} items.`\n    },\n    'tooLong': ({ max }): string => {\n      return `The value requires less than ${max} characters.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Select at most ${max} items.`\n    },\n    'tooShort': ({ min }): string => {\n      return `The value requires at least ${min} characters.`\n    },\n    'unsavedChanges': `Unsaved Changes`,\n    'unsavedChangesSaveQuestion': `Do you want to save your changes?`,\n    'update': `Update`,\n    'value': `Value`,\n    'welcome': `Welcome`,\n    'yes': `Yes`\n  }\n}\n\n","import type { SupportedLocale } from '@/src/i18n/translations'\nimport { supportedLocales } from '@/src/i18n/translations'\n\n/**\n * The supported locales' names in their respective language\n */\nconst localsNames: Record<SupportedLocale, string> = {\n  'en-US': 'English (US)',\n  'de-DE': 'Deutsch',\n}\n\n/**\n * The default locale\n */\nconst DEFAULT_LOCALE: SupportedLocale = 'en-US'\n\nfunction localeToLanguage(locale: SupportedLocale) {\n  return locale.split('-')[0]\n}\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LocalizationUtil = {\n  locals: supportedLocales,\n  localToLanguage: localeToLanguage,\n  DEFAULT_LOCALE,\n  languagesLocalNames: localsNames,\n}\n"],"mappings":"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","names":["date","useState","useEffect","useState","jsx"]}
+{"version":3,"sources":["../../../src/utils/array.ts","../../../src/utils/date.ts","../../../src/components/date/DayPicker.tsx","../../../src/i18n/LocaleProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/i18n/translations.ts","../../../src/i18n/util.ts"],"sourcesContent":["export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nfunction resolveSingleOrArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value\n  } else if (value) {\n    return [value]\n  }\n  return []\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n  resolveSingleOrArray\n}\n","import { equalSizeGroups } from './array'\n\nexport const monthsList = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] as const\nexport type Month = typeof monthsList[number]\n\nexport const weekDayList = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'] as const\nexport type WeekDay = typeof weekDayList[number]\n\nexport const formatDate = (date: Date) => {\n  const year = date.getFullYear().toString().padStart(4, '0')\n  const month = (date.getMonth() + 1).toString().padStart(2, '0')\n  const day = (date.getDate()).toString().padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport const formatDateTime = (date: Date) => {\n  const dateString = formatDate(date)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${dateString}T${hours}:${minutes}`\n}\n\nexport const getDaysInMonth = (year: number, month: number): number => {\n  const lastDayOfMonth = new Date(year, month + 1, 0)\n  return lastDayOfMonth.getDate()\n}\n\nexport type Duration = {\n  years?: number,\n  months?: number,\n  days?: number,\n  hours?: number,\n  minutes?: number,\n  seconds?: number,\n  milliseconds?: number,\n}\n\nexport const changeDuration = (date: Date, duration: Duration, isAdding?: boolean): Date => {\n  const {\n    years = 0,\n    months = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n    milliseconds = 0,\n  } = duration\n\n  // Check ranges\n  if (years < 0) {\n    console.error(`Range error years must be greater than 0: received ${years}`)\n    return new Date(date)\n  }\n  if (months < 0 || months > 11) {\n    console.error(`Range error month must be 0 <= month <= 11: received ${months}`)\n    return new Date(date)\n  }\n  if (days < 0) {\n    console.error(`Range error days must be greater than 0: received ${days}`)\n    return new Date(date)\n  }\n  if (hours < 0 || hours > 23) {\n    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`)\n    return new Date(date)\n  }\n  if (minutes < 0 || minutes > 59) {\n    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`)\n    return new Date(date)\n  }\n  if (seconds < 0 || seconds > 59) {\n    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`)\n    return new Date(date)\n  }\n  if (milliseconds < 0) {\n    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`)\n    return new Date(date)\n  }\n\n  const multiplier = isAdding ? 1 : -1\n\n  const newDate = new Date(date)\n\n  newDate.setFullYear(newDate.getFullYear() + multiplier * years)\n\n  newDate.setMonth(newDate.getMonth() + multiplier * months)\n\n  newDate.setDate(newDate.getDate() + multiplier * days)\n\n  newDate.setHours(newDate.getHours() + multiplier * hours)\n\n  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes)\n\n  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds)\n\n  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds)\n\n  return newDate\n}\n\nexport const addDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, true)\n}\n\nexport const subtractDuration = (date: Date, duration: Duration): Date => {\n  return changeDuration(date, duration, false)\n}\n\nexport const getBetweenDuration = (startDate: Date, endDate: Date): Duration => {\n  const durationInMilliseconds = endDate.getTime() - startDate.getTime()\n\n  const millisecondsInSecond = 1000\n  const millisecondsInMinute = 60 * millisecondsInSecond\n  const millisecondsInHour = 60 * millisecondsInMinute\n  const millisecondsInDay = 24 * millisecondsInHour\n  const millisecondsInMonth = 30 * millisecondsInDay // Rough estimation, can be adjusted\n\n  const years = Math.floor(durationInMilliseconds / (365.25 * millisecondsInDay))\n  const months = Math.floor(durationInMilliseconds / millisecondsInMonth)\n  const days = Math.floor(durationInMilliseconds / millisecondsInDay)\n  const hours = Math.floor((durationInMilliseconds % millisecondsInDay) / millisecondsInHour)\n  const seconds = Math.floor((durationInMilliseconds % millisecondsInHour) / millisecondsInSecond)\n  const milliseconds = durationInMilliseconds % millisecondsInSecond\n\n  return {\n    years,\n    months,\n    days,\n    hours,\n    seconds,\n    milliseconds,\n  }\n}\n\n/** Checks if a given date is in the range of two dates\n *\n * An undefined value for startDate or endDate means no bound for the start or end respectively\n */\nexport const isInTimeSpan = (value: Date, startDate?: Date, endDate?: Date): boolean => {\n  if (startDate && endDate) {\n    console.assert(startDate <= endDate)\n    return startDate <= value && value <= endDate\n  } else if (startDate) {\n    return startDate <= value\n  } else if (endDate) {\n    return endDate >= value\n  } else {\n    return true\n  }\n}\n\n/** Compare two dates on the year, month, day */\nexport const equalDate = (date1: Date, date2: Date) => {\n  return date1.getFullYear() === date2.getFullYear()\n    && date1.getMonth() === date2.getMonth()\n    && date1.getDate() === date2.getDate()\n}\n\nexport const getWeeksForCalenderMonth = (date: Date, weekStart: WeekDay, weeks: number = 6) => {\n  const month = date.getMonth()\n  const year = date.getFullYear()\n\n  const dayList: Date[] = []\n  let currentDate = new Date(year, month, 1) // Start of month\n  const weekStartIndex = weekDayList.indexOf(weekStart)\n\n  // Move the current day to the week before\n  while (currentDate.getDay() !== weekStartIndex) {\n    currentDate = subtractDuration(currentDate, { days: 1 })\n  }\n\n  while (dayList.length < 7 * weeks) {\n    const date = new Date(currentDate)\n    date.setHours(date.getHours(), date.getMinutes()) // To make sure we are not overwriting the time\n    dayList.push(date)\n    currentDate = addDuration(currentDate, { days: 1 })\n  }\n\n  // weeks\n  return equalSizeGroups(dayList, 7)\n}\n","import type { WeekDay } from '@/src/utils/date'\nimport { equalDate, getWeeksForCalenderMonth, isInTimeSpan } from '@/src/utils/date'\nimport clsx from 'clsx'\nimport { useLocale } from '@/src/i18n/LocaleProvider'\nimport { useEffect, useState } from 'react'\n\nexport type DayPickerProps = {\n  displayedMonth: Date,\n  selected?: Date,\n  start?: Date,\n  end?: Date,\n  onChange?: (date: Date) => void,\n  weekStart?: WeekDay,\n  markToday?: boolean,\n  className?: string,\n}\n\n/**\n * A component for selecting a day of a month\n */\nexport const DayPicker = ({\n                            displayedMonth,\n                            selected,\n                            start,\n                            end,\n                            onChange,\n                            weekStart = 'monday',\n                            markToday = true,\n                            className = ''\n                          }: DayPickerProps) => {\n  const { locale } = useLocale()\n  const month = displayedMonth.getMonth()\n  const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart)\n\n  return (\n    <div className={clsx('flex-col-1 min-w-[220px] select-none', className)}>\n      <div className=\"flex-row-2 text-center\">\n        {weeks[0]!.map((weekDay, index) => (\n          <div key={index} className=\"flex-1 font-semibold\">\n            {new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(weekDay).substring(0, 2)}\n          </div>\n        ))}\n      </div>\n      {weeks.map((week, index) => (\n        <div key={index} className=\"flex-row-2 text-center\">\n          {week.map((date) => {\n            const isSelected = !!selected && equalDate(selected, date)\n            const isToday = equalDate(new Date(), date)\n            const isSameMonth = date.getMonth() === month\n            const isDayValid = isInTimeSpan(date, start, end)\n            return (\n              <button\n                disabled={!isDayValid}\n                key={date.getDate()}\n                className={clsx(\n                  'flex-1 rounded-full border-2',\n                  {\n                    'text-description': !isSameMonth && !isSelected && isDayValid,\n                    'text-button-solid-neutral-text bg-button-solid-neutral-background': !isSelected && isSameMonth && isDayValid,\n                    'text-button-solid-primary-text bg-button-solid-primary-background': isSelected && isDayValid,\n                    'hover:brightness-90 hover:bg-button-solid-primary-background hover:text-button-solid-primary-text': isDayValid,\n                    'text-disabled bg-disabled-background cursor-not-allowed': !isDayValid,\n                    'border-secondary': isToday && markToday,\n                    'border-transparent': !isToday || !markToday,\n                  }\n                )}\n                onClick={() => onChange?.(date)}\n              >\n                {date.getDate()}\n              </button>\n            )\n          })}\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport const DayPickerUncontrolled = ({\n                                        displayedMonth,\n                                        selected,\n                                        onChange,\n                                        ...restProps\n                                      }: DayPickerProps) => {\n  const [date, setDate] = useState(selected)\n  const [usedDisplayedMonth, setUsedDDisplayedMonth] = useState(displayedMonth)\n\n  useEffect(() => {\n    setDate(selected)\n    setUsedDDisplayedMonth(selected)\n  }, [selected])\n\n  return (\n    <DayPicker\n      displayedMonth={usedDisplayedMonth}\n      selected={date}\n      onChange={newDate => {\n        setDate(newDate)\n        setUsedDDisplayedMonth(newDate)\n        onChange?.(newDate)\n      }}\n      {...restProps}\n    />\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport { LocalizationUtil } from './util'\nimport type { HightideTranslationLocales } from '@/src/i18n/translations'\n\nexport type LocaleContextValue = {\n  locale: HightideTranslationLocales,\n  setLocale: Dispatch<SetStateAction<HightideTranslationLocales>>,\n}\n\nexport const LocaleContext = createContext<LocaleContextValue>({\n  locale: LocalizationUtil.DEFAULT_LOCALE,\n  setLocale: (v) => v\n})\n\ntype LocaleWithSystem = HightideTranslationLocales | 'system'\n\ntype LocaleProviderProps = {\n  locale?: LocaleWithSystem,\n  onChangedLocale?: (locale: HightideTranslationLocales) => void,\n}\n\nexport const LocaleProvider = ({ children, locale, onChangedLocale }: PropsWithChildren<LocaleProviderProps>) => {\n  const {\n    value: storedLocale,\n    setValue: setStoredLocale,\n    deleteValue: deleteStoredLocale,\n  } = useLocalStorage<LocaleWithSystem>('locale', 'system')\n  const [localePreference, setLocalePreference] = useState<LocaleWithSystem>('system')\n\n  const resolvedLocale = useMemo(() => {\n    if (locale && locale !== 'system') {\n      return locale\n    }\n    if (storedLocale && storedLocale !== 'system') {\n      return storedLocale\n    }\n    if (localePreference !== 'system') {\n      return localePreference\n    }\n    return LocalizationUtil.DEFAULT_LOCALE\n  }, [locale, localePreference, storedLocale])\n\n  useEffect(() => {\n    if(!locale) return\n    if (locale === 'system') {\n      deleteStoredLocale()\n    } else {\n      setStoredLocale(locale)\n    }\n  }, [locale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    onChangedLocale?.(resolvedLocale)\n  }, [resolvedLocale]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const localesToTestAgainst = Object.values(LocalizationUtil.locals)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(locale =>\n          localesToTestAgainst.find(\n            (test) => locale === test || locale.split('-')[0] === LocalizationUtil.localToLanguage(test)\n          ))\n        .filter((entry): entry is HightideTranslationLocales => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLocalePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LocaleContext.Provider value={{\n      locale: resolvedLocale,\n      setLocale: (newLocale) => {\n        if (locale !== 'system') {\n          console.warn('LocaleProvider: Attempting to change the ' +\n            \"locale while setting a fixed locale won't have any effect. \" +\n            'Change the locale provided to the LocaleProvider instead.')\n        }\n        setStoredLocale(newLocale)\n      }\n    }}>\n      {children}\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocale = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLocale must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return context\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LocaleContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LocaleContext. Try adding a LocaleProvider around your app.')\n  }\n  return { language: LocalizationUtil.localToLanguage(context.locale) }\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","// AUTO-GENERATED. DO NOT EDIT.\n/* eslint-disable @stylistic/quote-props */\n/* eslint-disable no-useless-escape */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { Translation } from '@helpwave/internationalization'\nimport { TranslationGen } from '@helpwave/internationalization'\n\nexport const hightideTranslationLocales = ['de-DE', 'en-US'] as const\n\nexport type HightideTranslationLocales = typeof hightideTranslationLocales[number]\n\nexport type HightideTranslationEntries = {\n  'add': string,\n  'age': string,\n  'all': string,\n  'apply': string,\n  'back': string,\n  'cancel': string,\n  'carousel': string,\n  'change': string,\n  'chooseLanguage': string,\n  'chooseSlide': string,\n  'chooseTheme': string,\n  'clear': string,\n  'click': string,\n  'clickToCopy': string,\n  'clickToSelect': string,\n  'close': string,\n  'confirm': string,\n  'copied': string,\n  'copy': string,\n  'create': string,\n  'decline': string,\n  'delete': string,\n  'discard': string,\n  'discardChanges': string,\n  'done': string,\n  'edit': string,\n  'endDate': string,\n  'enterText': string,\n  'entryDate': string,\n  'error': string,\n  'errorOccurred': string,\n  'exit': string,\n  'fieldRequiredError': string,\n  'filter': string,\n  'gender': (values: { gender: string }) => string,\n  'goodToSeeYou': string,\n  'identifier': string,\n  'invalidEmail': string,\n  'invalidEmailError': string,\n  'language': string,\n  'less': string,\n  'loading': string,\n  'locale': string,\n  'max': string,\n  'maxLengthError': string,\n  'min': string,\n  'minLengthError': string,\n  'more': string,\n  'name': string,\n  'next': string,\n  'no': string,\n  'none': string,\n  'notEmpty': string,\n  'nothingFound': string,\n  'of': string,\n  'optional': string,\n  'outOfRangeNumber': (values: { min: number, max: number }) => string,\n  'outOfRangeSelectionItems': (values: { min: number, max: number }) => string,\n  'outOfRangeString': (values: { min: number, max: number }) => string,\n  'pleaseWait': string,\n  'previous': string,\n  'remove': string,\n  'required': string,\n  'reset': string,\n  'save': string,\n  'saved': string,\n  'search': string,\n  'select': string,\n  'selectOption': string,\n  'show': string,\n  'showLess': string,\n  'showMore': string,\n  'showSlide': (values: { index: number }) => string,\n  'slide': string,\n  'slideNavigation': string,\n  'slideOf': (values: { index: number, length: number }) => string,\n  'startDate': string,\n  'street': string,\n  'submit': string,\n  'success': string,\n  'text': string,\n  'themeMode': (values: { theme: string }) => string,\n  'themes': (values: { count: number }) => string,\n  'time.ago': string,\n  'time.agoDays': (values: { days: number }) => string,\n  'time.april': string,\n  'time.august': string,\n  'time.century': (values: { count: number }) => string,\n  'time.day': (values: { count: number }) => string,\n  'time.decade': (values: { count: number }) => string,\n  'time.december': string,\n  'time.february': string,\n  'time.hour': (values: { count: number }) => string,\n  'time.in': string,\n  'time.inDays': (values: { days: number }) => string,\n  'time.january': string,\n  'time.july': string,\n  'time.june': string,\n  'time.march': string,\n  'time.may': string,\n  'time.microsecond': (values: { count: number }) => string,\n  'time.millisecond': (values: { count: number }) => string,\n  'time.minute': (values: { count: number }) => string,\n  'time.month': (values: { count: number }) => string,\n  'time.monthName': (values: { month: string }) => string,\n  'time.nanosecond': (values: { count: number }) => string,\n  'time.november': string,\n  'time.october': string,\n  'time.second': (values: { count: number }) => string,\n  'time.september': string,\n  'time.today': string,\n  'time.tomorrow': string,\n  'time.year': (values: { count: number }) => string,\n  'time.yesterday': string,\n  'tooFewSelectionItems': (values: { min: number }) => string,\n  'tooLong': (values: { max: number }) => string,\n  'tooManySelectionItems': (values: { max: number }) => string,\n  'tooShort': (values: { min: number }) => string,\n  'unsavedChanges': string,\n  'unsavedChangesSaveQuestion': string,\n  'update': string,\n  'value': string,\n  'welcome': string,\n  'yes': string,\n}\n\nexport const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>> = {\n  'de-DE': {\n    'add': `Hinzufügen`,\n    'age': `Alter`,\n    'all': `Alle`,\n    'apply': `Anwenden`,\n    'back': `Zurück`,\n    'cancel': `Abbrechen`,\n    'carousel': `Karussell`,\n    'change': `Ändern`,\n    'chooseLanguage': `Wähle deine bevorzugte Sprache`,\n    'chooseSlide': `Wähle die angezeigte Slide aus`,\n    'chooseTheme': `Wähle dein bevorzugtes Farbschema.`,\n    'clear': `Löschen`,\n    'click': `Klicken`,\n    'clickToCopy': `Zum kopieren klicken`,\n    'clickToSelect': `Zum Auswählen drücken`,\n    'close': `Schließen`,\n    'confirm': `Bestätigen`,\n    'copied': `Kopiert`,\n    'copy': `Kopieren`,\n    'create': `Erstellen`,\n    'decline': `Ablehnen`,\n    'delete': `Löschen`,\n    'discard': `Verwerfen`,\n    'discardChanges': `Änderungen Verwerfen`,\n    'done': `Fertig`,\n    'edit': `Bearbeiten`,\n    'endDate': `Ende`,\n    'enterText': `Text hier eingeben`,\n    'entryDate': `Eintragsdatum`,\n    'error': `Fehler`,\n    'errorOccurred': `Ein Fehler ist aufgetreten`,\n    'exit': `Beenden`,\n    'fieldRequiredError': `Dieses Feld ist erforderlich.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Männlich`,\n        'female': `Weiblich`,\n        'other': `Divers`,\n      })\n    },\n    'goodToSeeYou': `Schön dich zu sehen`,\n    'identifier': `Identifikator`,\n    'invalidEmail': `Die E-Mail ist ungültig.`,\n    'invalidEmailError': `Bitte geben Sie eine gültige E-Mail-Adresse ein.`,\n    'language': `Sprache`,\n    'less': `Weniger`,\n    'loading': `Lädt`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximale Länge überschritten.`,\n    'min': `Min`,\n    'minLengthError': `Mindestlänge nicht erreicht.`,\n    'more': `Mehr`,\n    'name': `Name`,\n    'next': `Weiter`,\n    'no': `Nein`,\n    'none': `Nichts`,\n    'notEmpty': `Das Feld darf nicht leer sein.`,\n    'nothingFound': `Nichts gefunden`,\n    'of': `von`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} liegen.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Es müssen zwischen ${min} und ${max} Elemente ausgewählt werden.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `Der Wert muss zwischen ${min} und ${max} Zeichen lang sein.`\n    },\n    'pleaseWait': `Bitte warten...`,\n    'previous': `Vorherige`,\n    'remove': `Entfernen`,\n    'required': `Erforderlich`,\n    'reset': `Zurücksetzen`,\n    'save': `Speichern`,\n    'saved': `Gespeichert`,\n    'search': `Suche`,\n    'select': `Select`,\n    'selectOption': `Option auswählen`,\n    'show': `Anzeigen`,\n    'showLess': `Weniger anzeigen`,\n    'showMore': `Mehr anzeigen`,\n    'showSlide': ({ index }): string => {\n      return `Zeige Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide Navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} von ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Straße`,\n    'submit': `Abschicken`,\n    'success': `Erfolg`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dunkel`,\n        'light': `Hell`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Farbschema`,\n        'other': `Farbschemas`,\n      })\n    },\n    'time.ago': `vor`,\n    'time.agoDays': ({ days }): string => {\n      return `var ${days} Tagen`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrhundert`,\n        'other': `Jahrhunderte`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Tag`,\n        'other': `Tage`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahrzehnt`,\n        'other': `Jahrzehnte`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuar`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Stunde`,\n        'other': `Stunden`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} Tagen`\n    },\n    'time.january': `Januar`,\n    'time.july': `Juli`,\n    'time.june': `Juni`,\n    'time.march': `März`,\n    'time.may': `Mai`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Mikrosekunde`,\n        'other': `Mikrosekunden`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisekunde`,\n        'other': `Millisekunden`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minuten`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Monat`,\n        'other': `Monate`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `Januar`,\n        'february': `Februar`,\n        'march': `März`,\n        'april': `April`,\n        'may': `Mai`,\n        'june': `Juni`,\n        'july': `Juli`,\n        'august': `August`,\n        'september': `September`,\n        'october': `Oktober`,\n        'november': `November`,\n        'december': `Dezember`,\n        'other': `Unbekannter Monat`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosekunde`,\n        'other': `Nanosekunden`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Sekunde`,\n        'other': `Sekunden`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Heute`,\n    'time.tomorrow': `Morgen`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Jahr`,\n        'other': `Jahre`,\n      })\n    },\n    'time.yesterday': `Gestern`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Es müssen mindestens ${min} Elemente ausgewählt werden.`\n    },\n    'tooLong': ({ max }): string => {\n      return `Der Wert darf höchstens ${max} Zeichen enthalten.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Es müssen maximal ${max} Elemente ausgewählt werden.`\n    },\n    'tooShort': ({ min }): string => {\n      return `Der Wert muss mindestens ${min} Zeichen enthalten.`\n    },\n    'unsavedChanges': `Ungespeicherte Änderungen`,\n    'unsavedChangesSaveQuestion': `Möchtest du die Änderungen speichern?`,\n    'update': `Update`,\n    'value': `Wert`,\n    'welcome': `Willkommen`,\n    'yes': `Ja`\n  },\n  'en-US': {\n    'add': `Add`,\n    'age': `Age`,\n    'all': `All`,\n    'apply': `Apply`,\n    'back': `Back`,\n    'cancel': `Cancel`,\n    'carousel': `Carousel`,\n    'change': `Change`,\n    'chooseLanguage': `Choose your language`,\n    'chooseSlide': `Choose slide to display`,\n    'chooseTheme': `Choose your preferred color theme.`,\n    'clear': `Clear`,\n    'click': `Click`,\n    'clickToCopy': `Click to Copy`,\n    'clickToSelect': `Click to select`,\n    'close': `Close`,\n    'confirm': `Confirm`,\n    'copied': `Copied`,\n    'copy': `Copy`,\n    'create': `Create`,\n    'decline': `Decline`,\n    'delete': `Delete`,\n    'discard': `Discard`,\n    'discardChanges': `Discard Changes`,\n    'done': `Done`,\n    'edit': `Edit`,\n    'endDate': `End`,\n    'enterText': `Enter text here`,\n    'entryDate': `Entry Date`,\n    'error': `Error`,\n    'errorOccurred': `An error occurred`,\n    'exit': `Exit`,\n    'fieldRequiredError': `This field is required.`,\n    'filter': `Filter`,\n    'gender': ({ gender }): string => {\n      return TranslationGen.resolveSelect(gender, {\n        'male': `Male`,\n        'female': `Female`,\n        'other': `Other`,\n      })\n    },\n    'goodToSeeYou': `Good to see you`,\n    'identifier': `Identifier`,\n    'invalidEmail': `The email is not valid.`,\n    'invalidEmailError': `Please enter a valid email address.`,\n    'language': `Language`,\n    'less': `Less`,\n    'loading': `Loading`,\n    'locale': `Locale`,\n    'max': `Max`,\n    'maxLengthError': `Maximum length exceeded.`,\n    'min': `Min`,\n    'minLengthError': `Minimum length not met.`,\n    'more': `More`,\n    'name': `Name`,\n    'next': `Next`,\n    'no': `No`,\n    'none': `None`,\n    'notEmpty': `The field cannot be empty.`,\n    'nothingFound': `Nothing found`,\n    'of': `of`,\n    'optional': `Optional`,\n    'outOfRangeNumber': ({ min, max }): string => {\n      return `The value must be between ${min} and ${max}.`\n    },\n    'outOfRangeSelectionItems': ({ min, max }): string => {\n      return `Between ${min} and ${max} items must be selected.`\n    },\n    'outOfRangeString': ({ min, max }): string => {\n      return `The value needs to have between ${min} and ${max} characters.`\n    },\n    'pleaseWait': `Please wait...`,\n    'previous': `Previous`,\n    'remove': `Remove`,\n    'required': `Required`,\n    'reset': `Reset`,\n    'save': `Save`,\n    'saved': `Saved`,\n    'search': `Search`,\n    'select': `Select`,\n    'selectOption': `Select an option`,\n    'show': `Show`,\n    'showLess': `Show less`,\n    'showMore': `Show more`,\n    'showSlide': ({ index }): string => {\n      return `Show Slide ${index}`\n    },\n    'slide': `Slide`,\n    'slideNavigation': `Slide navigation`,\n    'slideOf': ({ index, length }): string => {\n      return `Slide ${index} of ${length} slides`\n    },\n    'startDate': `Start`,\n    'street': `Street`,\n    'submit': `Submit`,\n    'success': `Success`,\n    'text': `Text`,\n    'themeMode': ({ theme }): string => {\n      return TranslationGen.resolveSelect(theme, {\n        'dark': `Dark`,\n        'light': `Light`,\n        'system': `System`,\n      })\n    },\n    'themes': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Theme`,\n        'other': `Themes`,\n      })\n    },\n    'time.ago': `ago`,\n    'time.agoDays': ({ days }): string => {\n      return `days ${days} ago`\n    },\n    'time.april': `April`,\n    'time.august': `August`,\n    'time.century': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Century`,\n        'other': `Centuries`,\n      })\n    },\n    'time.day': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Day`,\n        'other': `Days`,\n      })\n    },\n    'time.decade': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Decade`,\n        'other': `Decades`,\n      })\n    },\n    'time.december': `December`,\n    'time.february': `Febuary`,\n    'time.hour': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Hour`,\n        'other': `Hours`,\n      })\n    },\n    'time.in': `in`,\n    'time.inDays': ({ days }): string => {\n      return `in ${days} days`\n    },\n    'time.january': `January`,\n    'time.july': `July`,\n    'time.june': `June`,\n    'time.march': `March`,\n    'time.may': `May`,\n    'time.microsecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Microsecond`,\n        'other': `Microseconds`,\n      })\n    },\n    'time.millisecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Millisecond`,\n        'other': `Milliseconds`,\n      })\n    },\n    'time.minute': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Minute`,\n        'other': `Minutes`,\n      })\n    },\n    'time.month': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Month`,\n        'other': `Months`,\n      })\n    },\n    'time.monthName': ({ month }): string => {\n      return TranslationGen.resolveSelect(month, {\n        'january': `January`,\n        'february': `February`,\n        'march': `March`,\n        'april': `April`,\n        'may': `May`,\n        'june': `June`,\n        'july': `July`,\n        'august': `August`,\n        'september': `September`,\n        'october': `October`,\n        'november': `November`,\n        'december': `December`,\n        'other': `Unknown Month`,\n      })\n    },\n    'time.nanosecond': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Nanosecond`,\n        'other': `Nanoseconds`,\n      })\n    },\n    'time.november': `November`,\n    'time.october': `October`,\n    'time.second': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Second`,\n        'other': `Seconds`,\n      })\n    },\n    'time.september': `September`,\n    'time.today': `Today`,\n    'time.tomorrow': `Tomorrow`,\n    'time.year': ({ count }): string => {\n      return TranslationGen.resolveSelect(count, {\n        '=1': `Year`,\n        'other': `Years`,\n      })\n    },\n    'time.yesterday': `Yesterday`,\n    'tooFewSelectionItems': ({ min }): string => {\n      return `Select at least ${min} items.`\n    },\n    'tooLong': ({ max }): string => {\n      return `The value requires less than ${max} characters.`\n    },\n    'tooManySelectionItems': ({ max }): string => {\n      return `Select at most ${max} items.`\n    },\n    'tooShort': ({ min }): string => {\n      return `The value requires at least ${min} characters.`\n    },\n    'unsavedChanges': `Unsaved Changes`,\n    'unsavedChangesSaveQuestion': `Do you want to save your changes?`,\n    'update': `Update`,\n    'value': `Value`,\n    'welcome': `Welcome`,\n    'yes': `Yes`\n  }\n}\n\n","import type { HightideTranslationLocales } from '@/src/i18n/translations'\nimport { hightideTranslationLocales } from '@/src/i18n/translations'\n\n/**\n * The supported locales' names in their respective language\n */\nconst localsNames: Record<HightideTranslationLocales, string> = {\n  'en-US': 'English (US)',\n  'de-DE': 'Deutsch',\n}\n\n/**\n * The default locale\n */\nconst DEFAULT_LOCALE: HightideTranslationLocales = 'en-US'\n\nfunction localeToLanguage(locale: HightideTranslationLocales) {\n  return locale.split('-')[0]\n}\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LocalizationUtil = {\n  locals: hightideTranslationLocales,\n  localToLanguage: localeToLanguage,\n  DEFAULT_LOCALE,\n  languagesLocalNames: localsNames,\n}\n"],"mappings":"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","names":["date","useState","useEffect","useState","jsx"]}

package/dist/components/date/TimeDisplay.cjs

@@ -23,10 +23,16 @@ __export(TimeDisplay_exports, {
 });
 module.exports = __toCommonJS(TimeDisplay_exports);
 
+// src/i18n/LocaleProvider.tsx
+var import_react2 = require("react");
+
+// src/hooks/useLocalStorage.ts
+var import_react = require("react");
+
 // src/i18n/translations.ts
 var import_internationalization = require("@helpwave/internationalization");
-var supportedLocales = ["de-DE", "en-US"];
-var generatedTranslations = {
+var hightideTranslationLocales = ["de-DE", "en-US"];
+var hightideTranslation = {
   "de-DE": {
     "add": `Hinzuf\xFCgen`,
     "age": `Alter`,
@@ -501,12 +507,6 @@ var generatedTranslations = {
   }
 };
 
-// src/i18n/LocaleProvider.tsx
-var import_react2 = require("react");
-
-// src/hooks/useLocalStorage.ts
-var import_react = require("react");
-
 // src/i18n/util.ts
 var localsNames = {
   "en-US": "English (US)",
@@ -517,7 +517,7 @@ function localeToLanguage(locale) {
   return locale.split("-")[0];
 }
 var LocalizationUtil = {
-  locals: supportedLocales,
+  locals: hightideTranslationLocales,
   localToLanguage: localeToLanguage,
   DEFAULT_LOCALE,
   languagesLocalNames: localsNames
@@ -537,7 +537,7 @@ var useLocale = () => {
   return context;
 };
 
-// src/i18n/useTranslation.ts
+// src/i18n/useHightideTranslation.ts
 var import_internationalization2 = require("@helpwave/internationalization");
 
 // src/utils/array.ts
@@ -580,14 +580,14 @@ var ArrayUtil = {
   resolveSingleOrArray
 };
 
-// src/i18n/useTranslation.ts
-function useTranslation(extensions, overwrites) {
+// src/i18n/useHightideTranslation.ts
+function useHightideTranslation(extensions, overwrites) {
   const { locale: inferredLocale } = useLocale();
   const locale = overwrites?.locale ?? inferredLocale;
   const translationExtensions = ArrayUtil.resolveSingleOrArray(extensions);
   return (0, import_internationalization2.combineTranslation)([
     ...translationExtensions,
-    generatedTranslations
+    hightideTranslation
   ], locale);
 }
 
@@ -597,7 +597,7 @@ var TimeDisplay = ({
   date,
   mode = "daysFromToday"
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const difference = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0).valueOf() - new Date(date).setHours(0, 0, 0, 0).valueOf();
   const isBefore = difference > 0;
   const differenceInDays = Math.floor(Math.abs(difference) / (1e3 * 3600 * 24));