@helpwave/hightide 0.1.39 → 0.1.41

package/dist/components/dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/user-action/Button.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/utils/resolveSetState.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts","../../../src/components/dialog/ConfirmDialog.tsx","../../../src/components/dialog/Dialog.tsx","../../../src/localization/defaults/form.ts","../../../src/hooks/focus/useFocusTrap.ts","../../../src/hooks/focus/useIsMounted.ts","../../../src/hooks/useLogOnce.ts","../../../src/components/dialog/DiscardChangesDialog.tsx","../../../src/components/user-action/input/Input.tsx","../../../src/hooks/useDelay.ts","../../../src/hooks/focus/useFocusManagement.ts","../../../src/hooks/useOverwritableState.ts","../../../src/components/dialog/InputDialog.tsx","../../../src/components/user-action/select/Select.tsx","../../../src/components/layout/Expandable.tsx","../../../src/utils/match.ts","../../../src/components/layout/Chip.tsx","../../../src/hooks/useFloatingElement.ts","../../../src/utils/math.ts","../../../src/components/dialog/LanguageDialog.tsx","../../../src/components/dialog/ThemeDialog.tsx","../../../src/theming/useTheme.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport clsx from 'clsx'\n\n\nexport const ButtonColorUtil = {\n  solid: ['primary', 'secondary', 'tertiary', 'positive', 'warning', 'negative', 'neutral'] as const,\n  text: ['primary', 'negative', 'neutral'] as const,\n  outline: ['primary'] as const,\n}\n\nexport const IconButtonUtil = {\n  icon: [...ButtonColorUtil.solid, 'transparent'] as const,\n}\n\n\n/**\n * The allowed colors for the SolidButton and IconButton\n */\nexport type SolidButtonColor = typeof ButtonColorUtil.solid[number]\n/**\n * The allowed colors for the OutlineButton\n */\nexport type OutlineButtonColor = typeof ButtonColorUtil.outline[number]\n/**\n * The allowed colors for the TextButton\n */\nexport type TextButtonColor = typeof ButtonColorUtil.text[number]\n/**\n * The allowed colors for the IconButton\n */\nexport type IconButtonColor = typeof IconButtonUtil.icon[number]\n\n\n/**\n * The different sizes for a button\n */\ntype ButtonSizes = 'small' | 'medium' | 'large' | 'none'\n\ntype IconButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none'\n\n/**\n * The shard properties between all button types\n */\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  /**\n   * @default 'medium'\n   */\n  size?: ButtonSizes,\n}\n\nconst paddingMapping: Record<ButtonSizes, string> = {\n  none: '',\n  small: 'btn-sm',\n  medium: 'btn-md',\n  large: 'btn-lg'\n}\n\nconst iconPaddingMapping: Record<IconButtonSize, string> = {\n  none: '',\n  tiny: 'icon-btn-xs',\n  small: 'icon-btn-sm',\n  medium: 'icon-btn-md',\n  large: 'icon-btn-lg'\n}\n\nexport const ButtonUtil = {\n  paddingMapping,\n  iconPaddingMapping\n}\n\ntype ButtonWithIconsProps = ButtonProps & {\n  startIcon?: ReactNode,\n  endIcon?: ReactNode,\n}\n\nexport type SolidButtonProps = ButtonWithIconsProps & {\n  color?: SolidButtonColor,\n}\n\nexport type OutlineButtonProps = ButtonWithIconsProps & {\n  color?: OutlineButtonColor,\n}\n\nexport type TextButtonProps = ButtonWithIconsProps & {\n  color?: TextButtonColor,\n  coloredHoverBackground?: boolean,\n}\n\n/**\n * The shard properties between all button types\n */\nexport type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  /**\n   * @default 'medium'\n   */\n  size?: IconButtonSize,\n  color?: IconButtonColor,\n}\n\n/**\n * A button with a solid background and different sizes\n */\nexport const SolidButton = forwardRef<HTMLButtonElement, SolidButtonProps>(function SolidButton({\n                                                                                           children,\n                                                                                           color = 'primary',\n                                                                                           size = 'medium',\n                                                                                           startIcon,\n                                                                                           endIcon,\n                                                                                           onClick,\n                                                                                           className,\n                                                                                           ...restProps\n                                                                                         }, ref) {\n  const colorClasses = {\n    primary: 'not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text',\n    secondary: 'not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text',\n    tertiary: 'not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text',\n    positive: 'not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text',\n    warning: 'not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text',\n    negative: 'not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text',\n    neutral: 'not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-solid-primary-icon',\n    secondary: 'not-group-disabled:text-button-solid-secondary-icon',\n    tertiary: 'not-group-disabled:text-button-solid-tertiary-icon',\n    positive: 'not-group-disabled:text-button-solid-positive-icon',\n    warning: 'not-group-disabled:text-button-solid-warning-icon',\n    negative: 'not-group-disabled:text-button-solid-negative-icon',\n    neutral: 'not-group-disabled:text-button-solid-neutral-icon',\n  }[color]\n\n  return (\n    <button\n      ref={ref}\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold',\n        colorClasses,\n        'not-disabled:hover:brightness-90',\n        'disabled:text-disabled disabled:bg-disabled-background',\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n})\n\n/**\n * A button with an outline border and different sizes\n */\nexport const OutlineButton = ({\n                         children,\n                         color = 'primary',\n                         size = 'medium',\n                         startIcon,\n                         endIcon,\n                         onClick,\n                         className,\n                         ...restProps\n                       }: OutlineButtonProps) => {\n  const colorClasses = {\n    primary: 'not-disabled:border-button-outline-primary-text not-disabled:text-button-outline-primary-text',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-outline-primary-icon',\n  }[color]\n  return (\n    <button\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold bg-transparent border-2 ',\n        'not-disabled:hover:brightness-80',\n        colorClasses,\n        'disabled:text-disabled disabled:border-disabled-outline',\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n}\n\n/**\n * A text that is a button that can have different sizes\n */\nexport const TextButton = ({\n                      children,\n                      color = 'neutral',\n                      size = 'medium',\n                      startIcon,\n                      endIcon,\n                      onClick,\n                      coloredHoverBackground = true,\n                      className,\n                      ...restProps\n                    }: TextButtonProps) => {\n  const colorClasses = {\n    primary: 'not-disabled:bg-transparent not-disabled:text-button-text-primary-text not-disabled:focus-visible:outline-button-text-primary-text',\n    negative: 'not-disabled:bg-transparent not-disabled:text-button-text-negative-text not-disabled:focus-visible:outline-button-text-negative-text',\n    neutral: 'not-disabled:bg-transparent not-disabled:text-button-text-neutral-text not-disabled:focus-visible:outline-button-text-neutral-text',\n  }[color]\n\n  const backgroundColor = {\n    primary: 'not-disabled:hover:bg-button-text-primary-text/20 not-disabled:focus-visible:bg-button-text-primary-text/20',\n    negative: 'not-disabled:hover:bg-button-text-negative-text/20 not-disabled:focus-visible:bg-button-text-negative-text/20',\n    neutral: 'not-disabled:hover:bg-button-text-neutral-text/20 not-disabled:focus-visible:bg-button-text-neutral-text/20',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-text-primary-icon',\n    negative: 'not-group-disabled:text-button-text-negative-icon',\n    neutral: 'not-group-disabled:text-button-text-neutral-icon',\n  }[color]\n\n  return (\n    <button\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold',\n        'disabled:text-disabled',\n        colorClasses,\n        {\n          [backgroundColor]: coloredHoverBackground,\n          'not-disabled:hover:bg-button-text-hover-background': !coloredHoverBackground,\n        },\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n}\n\n\n/**\n * A button for icons with a solid background and different sizes\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton({\n                                                                                        children,\n                                                                                        color = 'primary',\n                                                                                        size = 'medium',\n                                                                                        className,\n                                                                                        ...restProps\n                                                                                      }, ref)\n{\n  const colorClasses = {\n    primary: 'not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text',\n    secondary: 'not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text',\n    tertiary: 'not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text',\n    positive: 'not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text',\n    warning: 'not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text',\n    negative: 'not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text',\n    neutral: 'not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text',\n    transparent: 'not-disabled:bg-transparent',\n  }[color]\n\n  return (\n    <button\n      ref={ref}\n      className={clsx(\n        colorClasses,\n        'not-disabled:hover:brightness-90',\n        'disabled:text-disabled',\n        {\n          'disabled:bg-disabled-background': color !== 'transparent',\n          'disabled:opacity-70': color === 'transparent',\n          'not-disabled:hover:bg-button-text-hover-background': color === 'transparent',\n        },\n        ButtonUtil.iconPaddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {children}\n    </button>\n  )\n})","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if(!language) return\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language !== 'system') {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\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}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}","import type { PropsWithChildren } from 'react'\nimport type { SolidButtonColor } from '../user-action/Button'\nimport { SolidButton } from '../user-action/Button'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport clsx from 'clsx'\nimport type { DialogProps } from './Dialog'\nimport { Dialog } from './Dialog'\nimport type { FormTranslationType } from '../../localization/defaults/form'\nimport { formTranslation } from '../../localization/defaults/form'\n\ntype ConfirmDialogTranslation = FormTranslationType\n\nexport type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary'\n\ntype ButtonOverwriteType = {\n  text?: string,\n  color?: SolidButtonColor,\n  disabled?: boolean,\n}\n\nexport type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {\n  isShowingDecline?: boolean,\n  requireAnswer?: boolean,\n  onCancel: () => void,\n  onConfirm: () => void,\n  onDecline?: () => void,\n  confirmType?: ConfirmDialogType,\n  /**\n   * Order: Cancel, Decline, Confirm\n   */\n  buttonOverwrites?: [ButtonOverwriteType, ButtonOverwriteType, ButtonOverwriteType],\n}\n\n/**\n * A Dialog for asking the user for confirmation\n */\nexport const ConfirmDialog = ({\n                                overwriteTranslation,\n                                children,\n                                onCancel,\n                                onConfirm,\n                                onDecline,\n                                confirmType = 'positive',\n                                buttonOverwrites,\n                                className,\n                                ...restProps\n                              }: PropsForTranslation<ConfirmDialogTranslation, PropsWithChildren<ConfirmDialogProps>>) => {\n  const translation = useTranslation([formTranslation], overwriteTranslation)\n\n  const mapping: Record<ConfirmDialogType, SolidButtonColor> = {\n    neutral: 'neutral',\n    negative: 'negative',\n    positive: 'positive',\n    primary: 'primary',\n  }\n\n  return (\n    <Dialog {...restProps} onClose={onCancel} className={clsx('justify-between', className)}>\n      <div className=\"flex-col-2 grow\">\n        {children}\n      </div>\n      <div className=\"flex-row-4 mt-3 justify-end\">\n        {onCancel && (\n          <SolidButton\n            color={buttonOverwrites?.[0].color ?? 'neutral'}\n            onClick={onCancel}\n            disabled={buttonOverwrites?.[0].disabled ?? false}\n          >\n            {buttonOverwrites?.[0].text ?? translation('cancel')}\n          </SolidButton>\n        )}\n        {onDecline && (\n          <SolidButton\n            color={buttonOverwrites?.[1].color ?? 'negative'}\n            onClick={onDecline}\n\n            disabled={buttonOverwrites?.[1].disabled ?? false}\n          >\n            {buttonOverwrites?.[1].text ?? translation('decline')}\n          </SolidButton>\n        )}\n        <SolidButton\n          color={buttonOverwrites?.[2].color ?? mapping[confirmType]}\n          onClick={onConfirm}\n          disabled={buttonOverwrites?.[2].disabled ?? false}\n        >\n          {buttonOverwrites?.[2].text ?? translation('confirm')}\n        </SolidButton>\n      </div>\n    </Dialog>\n  )\n}\n","'use client'\n\nimport type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { X } from 'lucide-react'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { formTranslation } from '@/src/localization/defaults/form'\nimport { IconButton } from '@/src/components/user-action/Button'\nimport { useFocusTrap } from '@/src/hooks/focus/useFocusTrap'\nimport { useLogOnce } from '@/src/hooks/useLogOnce'\nimport { createPortal } from 'react-dom'\n\nexport type DialogPosition = 'top' | 'center' | 'none'\n\nexport type DialogProps = HTMLAttributes<HTMLDivElement> & {\n  /** Whether the dialog is currently open */\n  isOpen: boolean,\n  /** Title of the Dialog used for accessibility */\n  titleElement: ReactNode,\n  /** Description of the Dialog used for accessibility */\n  description: ReactNode,\n  /** Callback when the dialog tries to close */\n  onClose?: () => void,\n  /** Styling for the background */\n  backgroundClassName?: string,\n  /** If true shows a close button and sends onClose on background clicks */\n  isModal?: boolean,\n  position?: DialogPosition,\n  isAnimated?: boolean,\n  containerClassName?: string,\n}\n\n/**\n * A generic dialog window which is managed by its parent\n */\nexport const Dialog = ({\n                         children,\n                         isOpen,\n                         titleElement,\n                         description,\n                         isModal = true,\n                         onClose,\n                         backgroundClassName,\n                         position = 'center',\n                         isAnimated = true,\n                         containerClassName,\n                         ...props\n                       }: PropsWithChildren<DialogProps>) => {\n  const translation = useTranslation([formTranslation])\n  const [visible, setVisible] = useState(isOpen)\n  const generatedId = useId()\n  const id = props.id ?? generatedId\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      setVisible(true)\n    } else {\n      if (!isAnimated) {\n        setVisible(false)\n      }\n    }\n  }, [isAnimated, isOpen])\n\n  const onCloseWrapper = () => {\n    if (!isModal) return\n    onClose?.()\n  }\n\n  useLogOnce('Dialog: onClose should be defined for modal dialogs', isModal && !onClose)\n\n  useFocusTrap({\n    container: ref,\n    active: visible,\n    focusFirst: true,\n  })\n\n  const positionMap: Record<DialogPosition, string> = {\n    top: 'fixed top-8 left-1/2 -translate-x-1/2',\n    center: 'fixed left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2',\n    none: ''\n  }\n  const positionStyle = positionMap[position]\n\n  if (!visible) return\n\n  return createPortal(\n    <div id={`dialog-container-${id}`} className={clsx('fixed inset-0 h-screen w-screen', containerClassName)}>\n      <div\n        id={`dialog-background-${id}`}\n        hidden={!visible}\n        className={clsx(\n          'fixed inset-0 h-screen w-screen bg-overlay-shadow',\n          {\n            'motion-safe:animate-fade-in': isOpen,\n            'motion-safe:animate-fade-out': !isOpen,\n          },\n          backgroundClassName\n        )}\n        onAnimationEnd={() => {\n          if (!isOpen) {\n            setVisible(false)\n          }\n        }}\n        onClick={onCloseWrapper}\n        aria-hidden={true}\n      />\n      <div\n        {...props}\n        id={`dialog-${id}`}\n        ref={ref}\n        hidden={!visible}\n        onKeyDown={event => {\n          if (event.key === 'Escape') {\n            onCloseWrapper()\n          }\n        }}\n        onAnimationEnd={() => {\n          if (!isOpen) {\n            setVisible(false)\n          }\n        }}\n        className={clsx(\n          'flex-col-2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-hw-bottom max-w-[calc(100vw_-_2rem)] max-h-[calc(100vh_-_2rem)]',\n          {\n            'motion-safe:animate-pop-in': isOpen,\n            'motion-safe:animate-pop-out': !isOpen,\n          },\n          positionStyle,\n          props.className\n        )}\n      >\n        <div className=\"typography-title-lg mr-8\">\n          {titleElement}\n        </div>\n        {description && (\n          <div className=\"text-description\">\n            {description}\n          </div>\n        )}\n        {isModal && (\n          <div\n            className=\"absolute top-0 right-0\"\n            style={{\n              paddingTop: 'inherit',\n              paddingRight: 'inherit'\n            }}\n          >\n            <IconButton\n              color=\"neutral\"\n              size=\"tiny\"\n              aria-label={translation('close')}\n              onClick={onCloseWrapper}\n            >\n              <X/>\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </div>\n    </div>\n    , document.body\n  )\n}","import type { Translation } from '../useTranslation'\n\nexport type FormTranslationType = {\n  add: string,\n  all: string,\n  apply: string,\n  back: string,\n  cancel: string,\n  change: string,\n  clear: string,\n  click: string,\n  clickToCopy: string,\n  close: string,\n  confirm: string,\n  copy: string,\n  copied: string,\n  create: string,\n  decline: string,\n  delete: string,\n  discard: string,\n  discardChanges: string,\n  done: string,\n  edit: string,\n  enterText: string,\n  error: string,\n  exit: string,\n  fieldRequiredError: string,\n  invalidEmailError: string,\n  less: string,\n  loading: string,\n  maxLengthError: string,\n  minLengthError: string,\n  more: string,\n  next: string,\n  no: string,\n  none: string,\n  nothingFound: string,\n  of: string,\n  optional: 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  showMore: string,\n  showLess: string,\n  submit: string,\n  success: string,\n  unsavedChanges: string,\n  unsavedChangesSaveQuestion: string,\n  update: string,\n  yes: string,\n}\n\nexport const formTranslation: Translation<FormTranslationType> = {\n  en: {\n    add: 'Add',\n    all: 'All',\n    apply: 'Apply',\n    back: 'Back',\n    cancel: 'Cancel',\n    change: 'Change',\n    clear: 'Clear',\n    click: 'Click',\n    clickToCopy: 'Click to Copy',\n    close: 'Close',\n    confirm: 'Confirm',\n    copy: 'Copy',\n    copied: 'Copied',\n    create: 'Create',\n    decline: 'Decline',\n    delete: 'Delete',\n    discard: 'Discard',\n    discardChanges: 'Discard Changes',\n    done: 'Done',\n    edit: 'Edit',\n    enterText: 'Enter text here',\n    error: 'Error',\n    exit: 'Exit',\n    fieldRequiredError: 'This field is required.',\n    invalidEmailError: 'Please enter a valid email address.',\n    less: 'Less',\n    loading: 'Loading',\n    maxLengthError: 'Maximum length exceeded.',\n    minLengthError: 'Minimum length not met.',\n    more: 'More',\n    next: 'Next',\n    no: 'No',\n    none: 'None',\n    nothingFound: 'Nothing found',\n    of: 'of',\n    optional: 'Optional',\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    showMore: 'Show more',\n    showLess: 'Show less',\n    submit: 'Submit',\n    success: 'Success',\n    update: 'Update',\n    unsavedChanges: 'Unsaved Changes',\n    unsavedChangesSaveQuestion: 'Do you want to save your changes?',\n    yes: 'Yes',\n  },\n  de: {\n    add: 'Hinzufügen',\n    all: 'Alle',\n    apply: 'Anwenden',\n    back: 'Zurück',\n    cancel: 'Abbrechen',\n    change: 'Ändern',\n    clear: 'Löschen',\n    click: 'Klicken',\n    clickToCopy: 'Zum kopieren klicken',\n    close: 'Schließen',\n    confirm: 'Bestätigen',\n    copy: 'Kopieren',\n    copied: 'Kopiert',\n    create: 'Erstellen',\n    decline: 'Ablehnen',\n    delete: 'Löschen',\n    discard: 'Verwerfen',\n    discardChanges: 'Änderungen Verwerfen',\n    done: 'Fertig',\n    edit: 'Bearbeiten',\n    enterText: 'Text hier eingeben',\n    error: 'Fehler',\n    exit: 'Beenden',\n    fieldRequiredError: 'Dieses Feld ist erforderlich.',\n    invalidEmailError: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',\n    less: 'Weniger',\n    loading: 'Lädt',\n    maxLengthError: 'Maximale Länge überschritten.',\n    minLengthError: 'Mindestlänge nicht erreicht.',\n    more: 'Mehr',\n    next: 'Weiter',\n    no: 'Nein',\n    none: 'Nichts',\n    nothingFound: 'Nichts gefunden',\n    of: 'von',\n    optional: 'Optional',\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    showMore: 'Mehr anzeigen',\n    showLess: 'Weniger anzeigen',\n    submit: 'Abschicken',\n    success: 'Erfolg',\n    update: 'Update',\n    unsavedChanges: 'Ungespeicherte Änderungen',\n    unsavedChangesSaveQuestion: 'Möchtest du die Änderungen speichern?',\n    yes: 'Ja',\n  }\n}\n","'use client'\n\nimport type { MutableRefObject } from 'react'\nimport { useCallback, useEffect, useId, useRef, useState } from 'react'\nimport { useIsMounted } from '@/src/hooks/focus/useIsMounted'\n\nconst createFocusGuard = () => {\n  const div = document.createElement('div')\n  Object.assign(div.style, {\n    opacity: '0',\n    outline: 'none',\n    boxShadow: 'none',\n    position: 'fixed',\n    pointerEvents: 'none',\n    touchAction: 'none',\n  })\n  div.tabIndex = 0\n  div.setAttribute('data-hw-focus-guard', '')\n  document.body.appendChild(div)\n  return div\n}\n\nfunction getContainedFocusableElements(element: HTMLElement) {\n  return element?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n}\n\ntype ListenerType = {\n  id: string,\n  pause: () => void,\n  unpause: () => void,\n  focus: () => void,\n  focusLast: () => void,\n  container: MutableRefObject<HTMLElement>,\n  initialFocusElement: MutableRefObject<HTMLElement>,\n}\n\nclass FocusTrapService {\n  // The last entry is always the active one\n  private listeners: ListenerType[] = []\n\n  public getActive(): ListenerType | undefined {\n    if (this.listeners.length === 0) return undefined\n    return this.listeners[this.listeners.length - 1]\n  }\n\n  private focusElement() {\n    const active = this.getActive()\n    if(!active) return\n    const { container, initialFocusElement } = active\n    const containerElement = container.current\n    // Try in the following order\n    // 1. Focus the initial element\n    // 2. Focus the first focusable element in the container\n    // 3. Focus the container\n    if (initialFocusElement?.current) {\n      initialFocusElement.current.focus()\n    } else {\n      const elements = getContainedFocusableElements(containerElement)\n      if (elements && elements.length > 0) {\n        const first = elements.item(0) as HTMLElement\n        first.focus()\n      } else {\n        containerElement.focus()\n      }\n    }\n  }\n\n  private onFocusIn = (event: FocusEvent) => {\n    const active = this.getActive()\n    if(!active || !active.container.current) return\n    const { container } = active\n    if (!container.current.contains(event.target as HTMLElement)) {\n      this.focusElement()\n    }\n  }\n\n  private removeGuards() {\n    document.querySelectorAll('[data-hw-focus-guard]').forEach((node) => node.remove())\n  }\n\n  private addGuards() {\n    document.body.insertAdjacentElement('afterbegin', createFocusGuard())\n    document.body.insertAdjacentElement('beforeend', createFocusGuard())\n  }\n\n  private activate() {\n    document.addEventListener('focusin', this.onFocusIn)\n    this.addGuards()\n  }\n\n  private deactivate() {\n    document.removeEventListener('focusin', this.onFocusIn)\n    this.removeGuards()\n  }\n\n  register(listener: ListenerType) {\n    this.listeners.push(listener)\n    if (this.listeners.length === 1) {\n      this.activate()\n    }\n    const active = listener\n    this.listeners.forEach((listener) => {\n      const { focus, pause } = listener\n      if (listener === active) {\n        focus()\n      } else {\n        pause()\n      }\n    })\n  }\n\n  unregister(id: string) {\n    const index = this.listeners.findIndex(trap => trap.id === id)\n    if (index !== -1) {\n      const isActive = index === this.listeners.length - 1\n      const listener = this.listeners[index]\n      this.listeners = this.listeners.filter(listener => listener.id !== id)\n      if (isActive) {\n        // Deactivate all focus traps\n        this.deactivate()\n        // Focus last element in previous focus context\n        listener.focusLast()\n        // Activate and pause remaining focus traps\n        const active = this.getActive()\n        this.listeners.forEach((listener) => {\n          const { pause, unpause } = listener\n          if (listener === active) {\n            unpause()\n          } else {\n            pause()\n          }\n        })\n        // Reactivate\n        if (this.listeners.length > 0) {\n          this.activate()\n        }\n      }\n    } else {\n      console.warn(`Unable to unregister id ${id}: not found`)\n    }\n  }\n}\n\nconst service = new FocusTrapService()\n\nexport type UseFocusTrapProps = {\n  container: MutableRefObject<HTMLElement>,\n  active?: boolean,\n  initialFocus?: MutableRefObject<HTMLElement>,\n  /**\n   * Whether to focus the first element when the initialFocus isn't provided\n   *\n   * Focuses the container instead\n   */\n  focusFirst?: boolean,\n}\n\nexport const useFocusTrap = ({\n                               container,\n                               active = true,\n                               initialFocus,\n                               focusFirst = true,\n                             }: UseFocusTrapProps) => {\n  const lastFocusRef = useRef<HTMLElement | null>(null)\n  const [paused, setPaused] = useState(false)\n  const isMounted = useIsMounted()\n  const id = useId()\n\n  const focusElement = useCallback(() => {\n    const containerElement = container.current\n    // Try in the following order\n    // 1. Focus the initial element\n    // 2. Focus the first focusable element in the container\n    // 3. Focus the container\n    if (initialFocus?.current) {\n      initialFocus.current.focus()\n    } else {\n      const elements = getContainedFocusableElements(containerElement)\n      if (elements && elements.length > 0) {\n        const first = elements.item(0) as HTMLElement\n        first.focus()\n      } else {\n        containerElement.focus()\n      }\n    }\n  }, [container, initialFocus])\n\n  useEffect(() => {\n    if (active && isMounted) {\n      if (!lastFocusRef.current) {\n        lastFocusRef.current = document.activeElement as HTMLElement\n      }\n\n      function pause() {\n        setPaused(true)\n      }\n\n      function unpause() {\n        setPaused(false)\n        if (!container.current.contains(document.activeElement as HTMLElement)) {\n          focusElement()\n        }\n      }\n\n      function focus() {\n        focusElement()\n        setPaused(false)\n      }\n\n      function focusLast() {\n        lastFocusRef.current?.focus()\n      }\n\n      service.register({ id, pause, focus, focusLast, unpause, container, initialFocusElement: initialFocus })\n      return () => {\n        service.unregister(id)\n        lastFocusRef.current = undefined\n      }\n    }\n  }, [active, container, focusElement, id, initialFocus, isMounted])\n\n  useEffect(() => {\n    if (active && !paused && isMounted) {\n      const containerElement = container.current\n\n      function onKeyDown(event: KeyboardEvent) {\n        const key = event.key\n        const elements = getContainedFocusableElements(containerElement)\n        const active = document.activeElement as HTMLElement\n        const index = [...elements].findIndex(value => value === active)\n        if (index === -1 || event.altKey || event.ctrlKey || event.metaKey) {\n          return\n        }\n        if (key === 'Tab') {\n          const next = event.shiftKey ? -1 : 1\n          const nextIndex = (index + next + elements.length) % elements.length\n          const nextElement = elements[nextIndex] as HTMLElement\n          nextElement.focus()\n          event.preventDefault()\n        }\n      }\n\n      // Register and unregister the listeners\n      containerElement.addEventListener('keydown', onKeyDown)\n      return () => {\n        containerElement.removeEventListener('keydown', onKeyDown)\n      }\n    }\n  }, [active, paused, isMounted, container, initialFocus, focusFirst, focusElement])\n}","'use client'\n\nimport { useEffect, useLayoutEffect, useState } from 'react'\n\nconst isClient = typeof window !== 'undefined' && typeof document !== 'undefined'\nconst useIsomorphicEffect = isClient ? useLayoutEffect : useEffect\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useIsomorphicEffect(() => {\n    setIsMounted(true)\n    return () => {\n      setIsMounted(false)\n    }\n  }, [])\n  return isMounted\n}","import { useEffect, useState } from 'react'\n\ntype OptionsResolved = {\n  type?: 'info' | 'error' | 'warning',\n}\n\nconst defaultOptions: OptionsResolved = {\n  type: 'warning',\n}\n\ntype Options = Partial<OptionsResolved>\n\nexport const useLogOnce = (\n  message: string,\n  condition: boolean,\n  options?: Options\n) => {\n  const [hasLogged, setHasLogged] = useState<boolean>(false)\n  const { type } = { ...defaultOptions, ...options }\n\n  useEffect(() => {\n    if (!hasLogged && condition) {\n      switch (type) {\n        case 'info':\n          console.info(message)\n          break\n        case 'error':\n          console.error(message)\n          break\n        case 'warning':\n          console.warn(message)\n          break\n      }\n      setHasLogged(true)\n    }\n  }, [condition]) // eslint-disable-line react-hooks/exhaustive-deps\n}","import type { PropsWithChildren, ReactNode } from 'react'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport type { FormTranslationType } from '../../localization/defaults/form'\nimport { formTranslation } from '../../localization/defaults/form'\nimport type { ConfirmDialogProps } from '@/src/components/dialog/ConfirmDialog'\nimport { ConfirmDialog } from '@/src/components/dialog/ConfirmDialog'\n\ntype DiscardChangesDialogTranslation = FormTranslationType\n\ntype DiscardChangesDialogProps =\n  Omit<ConfirmDialogProps, 'onDecline' | 'onConfirm' | 'buttonOverwrites' | 'titleElement' | 'description'>\n  & {\n  isShowingDecline?: boolean,\n  requireAnswer?: boolean,\n  onCancel: () => void,\n  onSave: () => void,\n  onDontSave: () => void,\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\nexport const DiscardChangesDialog = ({\n                                       overwriteTranslation,\n                                       children,\n                                       onCancel,\n                                       onSave,\n                                       onDontSave,\n                                       titleOverwrite,\n                                       descriptionOverwrite,\n                                       ...props\n                                     }: PropsForTranslation<DiscardChangesDialogTranslation, PropsWithChildren<DiscardChangesDialogProps>>) => {\n  const translation = useTranslation([formTranslation], overwriteTranslation)\n  return (\n    <ConfirmDialog\n      {...props}\n      titleElement={titleOverwrite ?? translation('unsavedChanges')}\n      description={descriptionOverwrite ?? translation('unsavedChangesSaveQuestion')}\n      onConfirm={onSave}\n      onCancel={onCancel}\n      onDecline={onDontSave}\n      buttonOverwrites={[{ text: translation('cancel') }, { text: translation('discardChanges') }, { text: translation('save') }]}\n    >\n      {children}\n    </ConfirmDialog>\n  )\n}\n","import type { InputHTMLAttributes } from 'react'\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react'\nimport clsx from 'clsx'\nimport type { UseDelayOptionsResolved } from '@/src/hooks/useDelay'\nimport { useDelay  } from '@/src/hooks/useDelay'\nimport { useFocusManagement } from '@/src/hooks/focus/useFocusManagement'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type EditCompleteOptionsResolved = {\n  onBlur: boolean,\n  afterDelay: boolean,\n  allowEnterComplete?: boolean,\n} & Omit<UseDelayOptionsResolved, 'disabled'>\n\nexport type EditCompleteOptions = Partial<EditCompleteOptionsResolved>\n\nconst defaultEditCompleteOptions: EditCompleteOptionsResolved = {\n  allowEnterComplete: false,\n  onBlur: true,\n  afterDelay: true,\n  delay: 2500\n}\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> & {\n  invalid?: boolean,\n  onChangeText?: (text: string) => void,\n  onEditCompleted?: (text: string) => void,\n  editCompleteOptions?: EditCompleteOptions,\n  defaultStyle?: boolean,\n}\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed must be managed by the parent\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input({\n                                                                               value,\n                                                                               onChange,\n                                                                               onChangeText,\n                                                                               onEditCompleted,\n                                                                               editCompleteOptions,\n                                                                               disabled = false,\n                                                                               invalid = false,\n                                                                               defaultStyle = true,\n                                                                               className,\n                                                                               ...props\n                                                                             }, forwardedRef) {\n  const {\n    onBlur: allowEditCompleteOnBlur,\n    afterDelay,\n    delay,\n    allowEnterComplete\n  } = { ...defaultEditCompleteOptions, ...editCompleteOptions }\n\n  const {\n    restartTimer,\n    clearTimer\n  } = useDelay({ delay, disabled: !afterDelay })\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  const { focusNext } = useFocusManagement()\n\n  return (\n    <input\n      {...props}\n      ref={innerRef}\n      value={value}\n      disabled={disabled}\n      className={defaultStyle ? clsx(\n        'px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none',\n        {\n          'bg-input-background text-input-text hover:border-primary focus:border-primary': !disabled && !invalid,\n          'bg-negative/20 text-negative hover:border-negative focus-visible:border-negative': !disabled && invalid,\n          'bg-disabled-background text-disabled border-disabled-border': disabled,\n        }, className\n      ) : className}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        if (!allowEnterComplete) {\n          return\n        }\n        if (event.key === 'Enter' && !event.shiftKey) {\n          event.preventDefault()\n          innerRef.current?.blur()\n          onEditCompleted?.((event.target as HTMLInputElement).value)\n          focusNext()\n        }\n      }}\n      onBlur={event => {\n        props.onBlur?.(event)\n        if (allowEditCompleteOnBlur) {\n          onEditCompleted?.(event.target.value)\n          clearTimer()\n        }\n      }}\n      onChange={event => {\n        onChange?.(event)\n        const value = event.target.value\n        restartTimer(() => {\n          innerRef.current?.blur()\n          onEditCompleted?.(value)\n        })\n        onChangeText?.(value)\n      }}\n\n      aria-invalid={props['aria-invalid'] ?? invalid}\n      aria-disabled={props['aria-disabled'] ?? disabled}\n    />\n  )\n})\n\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed by the component itself\n */\nexport const InputUncontrolled = ({\n                                    value = '',\n                                    onChangeText,\n                                    ...props\n                                  }: InputProps) => {\n  const [usedValue, setUsedValue] = useOverwritableState(value, onChangeText)\n\n  return (\n    <Input\n      {...props}\n      value={usedValue}\n      onChangeText={setUsedValue}\n    />\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n    setTimer(undefined)\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n      setTimer(undefined)\n    }, delay))\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n      setTimer(undefined)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer, hasActiveTimer: !!timer }\n}","import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { InputProps } from '../user-action/input/Input'\nimport { Input } from '../user-action/input/Input'\nimport type { ConfirmDialogProps } from '@/src/components/dialog/ConfirmDialog'\nimport { ConfirmDialog } from '@/src/components/dialog/ConfirmDialog'\n\nexport type InputModalProps = ConfirmDialogProps & {\n  inputs: InputProps[],\n}\n\n/**\n * A modal for receiving multiple inputs\n */\nexport const InputDialog = ({\n                             inputs,\n                             buttonOverwrites,\n                             ...props\n                           }: InputModalProps) => {\n  return (\n    <ConfirmDialog\n      buttonOverwrites={buttonOverwrites}\n      {...props}\n    >\n      {inputs.map((inputProps, index) => <Input key={`input ${index}`} {...inputProps}/>)}\n    </ConfirmDialog>\n  )\n}\n","import type { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\nimport clsx from 'clsx'\nimport type { Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { ExpansionIcon } from '@/src/components/layout/Expandable'\nimport { useFocusTrap } from '@/src/hooks/focus/useFocusTrap'\nimport { match } from '@/src/utils/match'\nimport { CheckIcon, Plus, XIcon } from 'lucide-react'\nimport { Chip } from '@/src/components/layout/Chip'\nimport { IconButton, TextButton } from '@/src/components/user-action/Button'\nimport type { UseFloatingElementOptions } from '@/src/hooks/useFloatingElement'\nimport { useFloatingElement } from '@/src/hooks/useFloatingElement'\nimport { createPortal } from 'react-dom'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\n//\n// Context\n//\ntype RegisteredOption = {\n  value: string,\n  label: ReactNode,\n  disabled: boolean,\n  ref: React.RefObject<HTMLLIElement>,\n}\n\ntype HighlightStartPositionBehavior = 'first' | 'last'\ntype SelectIconAppearance = 'left' | 'right' | 'none'\n\ntype InternalSelectContextState = {\n  isOpen: boolean,\n  options: RegisteredOption[],\n  highlightedValue?: string,\n}\n\ntype SelectContextState = InternalSelectContextState & {\n  id: string,\n  value: string[],\n  disabled: boolean,\n  invalid: boolean,\n  selectedOptions: RegisteredOption[],\n}\n\ntype SelectConfiguration = {\n  isMultiSelect: boolean,\n  iconAppearance: SelectIconAppearance,\n}\n\ntype ToggleOpenOptions = {\n  highlightStartPositionBehavior?: HighlightStartPositionBehavior,\n}\n\nconst defaultToggleOpenOptions: ToggleOpenOptions = {\n  highlightStartPositionBehavior: 'first',\n}\n\ntype SelectContextType = {\n  state: SelectContextState,\n  config: SelectConfiguration,\n  item: {\n    register: (item: RegisteredOption) => void,\n    unregister: (value: string) => void,\n    toggleSelection: (value: string, isSelected?: boolean) => void,\n    highlightItem: (value: string) => void,\n    moveHighlightedIndex: (delta: number) => void,\n  },\n  trigger: {\n    ref: React.RefObject<HTMLElement>,\n    register: (element: React.RefObject<HTMLElement>) => void,\n    unregister: () => void,\n    toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void,\n  },\n}\n\nconst SelectContext = createContext<SelectContextType | null>(null)\n\nfunction useSelectContext() {\n  const ctx = useContext(SelectContext)\n  if (!ctx) {\n    throw new Error('SelectContext must be used within a ListBoxPrimitive')\n  }\n  return ctx\n}\n\n\n//\n// SelectRoot\n//\nexport type SelectRootProps = PropsWithChildren<{\n  id?: string,\n  value?: string,\n  onValueChanged?: (value: string) => void,\n  values?: string[],\n  onValuesChanged?: (value: string[]) => void,\n  isOpen?: boolean,\n  disabled?: boolean,\n  invalid?: boolean,\n  isMultiSelect?: boolean,\n  iconAppearance?: SelectIconAppearance,\n}>\n\nexport const SelectRoot = ({\n                             children,\n                             id,\n                             value,\n                             onValueChanged,\n                             values,\n                             onValuesChanged,\n                             isOpen = false,\n                             disabled = false,\n                             invalid = false,\n                             isMultiSelect = false,\n                             iconAppearance = 'left',\n                           }: SelectRootProps) => {\n  const triggerRef = useRef<HTMLElement>(null)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const [internalState, setInternalState] = useState<InternalSelectContextState>({\n    isOpen,\n    options: [],\n  })\n\n  const selectedValues = useMemo(() => isMultiSelect ? (values ?? []) : [value].filter(Boolean),\n    [isMultiSelect, value, values])\n  const selectedOptions = useMemo(() =>\n      selectedValues.map(value => internalState.options.find(option => value === option.value)).filter(Boolean),\n    [selectedValues, internalState.options])\n  const state: SelectContextState = {\n    ...internalState,\n    id: usedId,\n    disabled,\n    invalid,\n    value: selectedValues,\n    selectedOptions,\n  }\n\n  const config: SelectConfiguration = {\n    isMultiSelect,\n    iconAppearance,\n  }\n\n  const registerItem = useCallback((item: RegisteredOption) => {\n    setInternalState(prev => {\n      const updatedOptions = [...prev.options, item]\n      updatedOptions.sort((a, b) => {\n        const aEl = a.ref.current\n        const bEl = b.ref.current\n        if (!aEl || !bEl) return 0\n        return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1\n      })\n      return {\n        ...prev,\n        options: updatedOptions,\n      }\n    })\n  }, [])\n\n  const unregisterItem = useCallback((value: string) => {\n    setInternalState(prev => {\n      const updatedOptions = prev.options.filter(i => i.value !== value)\n      return {\n        ...prev,\n        options: updatedOptions,\n      }\n    })\n  }, [])\n\n  // Setting isSelected to false only works for multiselects\n  const toggleSelection = (value: string, isSelected?: boolean) => {\n    if (disabled) {\n      return\n    }\n    const option = state.options.find(i => i.value === value)\n    if (!option) {\n      console.error(`SelectOption with value: ${value} not found`)\n      return\n    }\n\n    let newValue: string[]\n    if (isMultiSelect) {\n      const isSelectedBefore = state.value.includes(value)\n      const isSelectedAfter = isSelected ?? !isSelectedBefore\n      if (!isSelectedAfter) {\n        newValue = state.value.filter(v => v !== value)\n      } else {\n        newValue = [...state.value, value]\n      }\n    } else {\n      newValue = [value]\n    }\n\n    if (!isMultiSelect) {\n      onValueChanged?.(newValue[0])\n    } else {\n      onValuesChanged?.(newValue)\n    }\n\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue: value,\n    }))\n  }\n\n  const highlightItem = (value: string) => {\n    if (disabled) {\n      return\n    }\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue: value,\n    }))\n  }\n\n  const registerTrigger = useCallback((ref: React.RefObject<HTMLElement>) => {\n    triggerRef.current = ref.current\n  }, [])\n\n  const unregisterTrigger = useCallback(() => {\n    triggerRef.current = null\n  }, [])\n\n  const toggleOpen = (isOpen?: boolean, toggleOpenOptions?: ToggleOpenOptions) => {\n    const { highlightStartPositionBehavior } = { ...defaultToggleOpenOptions, ...toggleOpenOptions }\n    let firstSelectedValue: string | undefined\n    let firstEnabledValue: string | undefined\n    for (let i = 0; i < state.options.length; i++) {\n      const currentOption = state.options[highlightStartPositionBehavior === 'first' ? i : state.options.length - i - 1]\n      if (!currentOption.disabled) {\n        if (!firstEnabledValue) {\n          firstEnabledValue = currentOption.value\n        }\n        if (selectedValues.includes(currentOption.value)) {\n          firstSelectedValue = currentOption.value\n          break\n        }\n      }\n    }\n    setInternalState(prevState => ({\n      ...prevState,\n      isOpen: isOpen ?? !prevState.isOpen,\n      highlightedValue: firstSelectedValue ?? firstEnabledValue\n    }))\n  }\n\n  const moveHighlightedIndex = (delta: number) => {\n    let highlightedIndex = state.options.findIndex(value => value.value === internalState.highlightedValue)\n    if (highlightedIndex === -1) {\n      highlightedIndex = 0\n    }\n    const optionLength = state.options.length\n    const startIndex = (highlightedIndex + (delta % optionLength) + optionLength) % optionLength\n    const isForward = delta >= 0\n    let highlightedValue = state.options[startIndex].value\n    for (let i = 0; i < state.options.length; i++) {\n      const index = (startIndex + (isForward ? i : -i) + optionLength) % optionLength\n      if (!state.options[index].disabled) {\n        highlightedValue = state.options[index].value\n        break\n      }\n    }\n\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue,\n    }))\n  }\n\n  useEffect(() => {\n    if (!internalState.highlightedValue) return\n    const highlighted = internalState.options.find(value => value.value === internalState.highlightedValue)\n    if (highlighted) {\n      highlighted.ref.current?.scrollIntoView({ behavior: 'instant', block: 'nearest' })\n    } else {\n      console.error(`SelectRoot: Could not find highlighted value (${internalState.highlightedValue})`)\n    }\n  }, [internalState.highlightedValue])\n\n  const contextValue: SelectContextType = {\n    state,\n    config,\n    item: {\n      register: registerItem,\n      unregister: unregisterItem,\n      toggleSelection,\n      highlightItem,\n      moveHighlightedIndex,\n    },\n    trigger: {\n      ref: triggerRef,\n      register: registerTrigger,\n      unregister: unregisterTrigger,\n      toggleOpen,\n    },\n  }\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      {children}\n    </SelectContext.Provider>\n  )\n}\n\n//\n// SelectOption\n//\nexport type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {\n  value: string,\n  disabled?: boolean,\n  iconAppearance?: SelectIconAppearance,\n  children?: ReactNode,\n}\n\nexport const SelectOption = forwardRef<HTMLLIElement, SelectOptionProps>(\n  function SelectOption({ children, value, disabled = false, iconAppearance, className, ...restProps }, ref) {\n    const { state, config, item, trigger } = useSelectContext()\n    const { register, unregister, toggleSelection, highlightItem } = item\n    const itemRef = useRef<HTMLLIElement>(null)\n\n    iconAppearance ??= config.iconAppearance\n\n    const label = children ?? value\n\n    // Register with parent\n    useEffect(() => {\n      register({\n        value,\n        label,\n        disabled,\n        ref: itemRef,\n      })\n      return () => unregister(value)\n    }, [value, disabled, register, unregister, children, label])\n\n    const isHighlighted = state.highlightedValue === value\n    const isSelected = state.value.includes(value)\n\n    return (\n      <li\n        {...restProps}\n        ref={(node) => {\n          itemRef.current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) (ref as React.MutableRefObject<HTMLLIElement | null>).current = node\n        }}\n        id={value}\n        role=\"option\"\n        aria-disabled={disabled}\n        aria-selected={isSelected}\n        data-highlighted={isHighlighted ? '' : undefined}\n        data-selected={isSelected ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        className={clsx(\n          'flex-row-1 items-center px-2 py-1 rounded-md',\n          'data-highlighted:bg-primary/20',\n          'data-disabled:text-disabled data-disabled:cursor-not-allowed',\n          'not-data-disabled:cursor-pointer',\n          className\n        )}\n        onClick={(event) => {\n          if (!disabled) {\n            toggleSelection(value)\n            if (!config.isMultiSelect) {\n              trigger.toggleOpen(false)\n            }\n            restProps.onClick?.(event)\n          }\n        }}\n        onMouseEnter={(event) => {\n          if (!disabled) {\n            highlightItem(value)\n            restProps.onMouseEnter?.(event)\n          }\n        }}\n      >\n        {iconAppearance === 'left' && (\n          <CheckIcon\n            className={clsx('w-4 h-4', { 'opacity-0': !isSelected || disabled })}\n            aria-hidden={true}\n          />\n        )}\n        {label}\n        {iconAppearance === 'right' && (\n          <CheckIcon\n            className={clsx('w-4 h-4', { 'opacity-0': !isSelected || disabled })}\n            aria-hidden={true}\n          />\n        )}\n      </li>\n    )\n  }\n)\n\n///\n/// SelectButton\n///\ntype SelectButtonTranslationType = {\n  clickToSelect: string,\n}\n\nconst defaultSelectButtonTranslation: Translation<SelectButtonTranslationType> = {\n  en: {\n    clickToSelect: 'Click to select',\n\n  },\n  de: {\n    clickToSelect: 'Zum auswählen drücken'\n  }\n}\n\ntype SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  placeholder?: ReactNode,\n  selectedDisplay?: (value: string[]) => ReactNode,\n}\n\nexport const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(function SelectButton(\n  { placeholder, selectedDisplay, ...props }, ref\n) {\n  const translation = useTranslation([defaultSelectButtonTranslation])\n  const { state, trigger } = useSelectContext()\n  const { register, unregister, toggleOpen } = trigger\n\n  const innerRef = useRef<HTMLButtonElement>(null)\n  useImperativeHandle(ref, () => innerRef.current)\n\n  useEffect(() => {\n    register(innerRef)\n    return () => unregister()\n  }, [register, unregister])\n\n  const disabled = !!props?.disabled || !!state.disabled\n  const invalid = state.invalid\n  const hasValue = state.value.length > 0\n\n  return (\n    <button\n      {...props}\n      ref={innerRef}\n      id={state.id} // TODO allow for a custom id here\n      disabled={disabled}\n\n      onClick={(event) => {\n        props.onClick?.(event)\n        toggleOpen(!state.isOpen)\n      }}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        switch (event.key) {\n          case 'ArrowDown':\n            toggleOpen(true, { highlightStartPositionBehavior: 'first' })\n            event.preventDefault()\n            event.stopPropagation()\n            break\n          case 'ArrowUp':\n            toggleOpen(true, { highlightStartPositionBehavior: 'last' })\n            event.preventDefault()\n            event.stopPropagation()\n            break\n        }\n      }}\n\n      className={clsx(\n        'flex-row-2 items-center justify-between rounded-md px-3 py-2',\n        {\n          'bg-input-background text-placeholder': !hasValue && !disabled && !invalid,\n          'bg-input-background text-input-text': hasValue && !disabled && !invalid,\n          'bg-negative/20': !disabled && invalid,\n          'text-placeholder': !hasValue && !disabled,\n          'text-negative': hasValue && !disabled && invalid,\n          'bg-disabled-background text-disabled': disabled,\n        },\n        props.className\n      )}\n\n      data-placeholder={!hasValue ? '' : undefined}\n      data-disabled={disabled ? '' : undefined}\n      data-invalid={invalid ? '' : undefined}\n\n      aria-invalid={invalid}\n      aria-disabled={disabled}\n      aria-haspopup=\"listbox\"\n      aria-expanded={state.isOpen}\n      aria-controls={state.isOpen ? `${state.id}-listbox` : undefined}\n    >\n      {hasValue ?\n        selectedDisplay?.(state.value) ?? (\n          <div className={clsx('flex flex-wrap gap-x-1 gap-y-2')}>\n            {state.selectedOptions.map(({ value, label }, index) => (\n              <span key={value} className=\"flex-row-0\">\n                {label}\n                {index < state.value.length - 1 && (<span>{','}</span>)}\n              </span>\n            ))}\n          </div>\n        )\n        : placeholder ?? translation('clickToSelect')\n      }\n      <ExpansionIcon\n        isExpanded={state.isOpen}\n        className={clsx({\n          'text-input-text': !disabled && !invalid,\n          'text-negative': !disabled && invalid,\n          'text-disabled': disabled,\n        })}\n      />\n    </button>\n  )\n})\n\n///\n/// SelectChipDisplay\n///\ntype SelectChipDisplayProps = HTMLAttributes<HTMLDivElement> & {\n  disabled?: boolean,\n  placeholder?: ReactNode,\n}\n\nexport const SelectChipDisplay = forwardRef<HTMLDivElement, SelectChipDisplayProps>(function SelectChipDisplay(\n  { ...props }, ref\n) {\n  const { state, trigger, item } = useSelectContext()\n  const { register, unregister, toggleOpen } = trigger\n\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current)\n\n  useEffect(() => {\n    register(innerRef)\n    return () => unregister()\n  }, [register, unregister])\n\n  const disabled = !!props?.disabled || !!state.disabled\n  const invalid = state.invalid\n\n  return (\n    <div\n      {...props}\n      ref={innerRef}\n      className={clsx(\n        'flex flex-wrap flex-row gap-2 items-center bg-input-background text-input-text rounded-md px-2.5 py-2.5',\n        props.className\n      )}\n      data-disabled={disabled ? '' : undefined}\n      data-invalid={invalid ? '' : undefined}\n\n      aria-invalid={invalid}\n      aria-disabled={disabled}\n    >\n      {state.selectedOptions.map(({ value, label }) => (\n        <Chip key={value} className=\"gap-x-2\">\n          {label}\n          <TextButton\n            // TODO add label to indicate purpose to screen reader\n            onClick={() => {\n              item.toggleSelection(value, false)\n            }}\n            size=\"none\"\n            color=\"negative\"\n            className=\"flex-row-0 items-center px-0.5 py-0.5 w-6 h-6 rounded\"\n          >\n            <XIcon className=\"w-5 h-5\"/>\n          </TextButton>\n        </Chip>\n      ))}\n      <IconButton\n        id={state.id} // TODO allow for a custom id here\n        onClick={() => toggleOpen()}\n        onKeyDown={event => {\n          switch (event.key) {\n            case 'ArrowDown':\n              toggleOpen(true, { highlightStartPositionBehavior: 'first' })\n              break\n            case 'ArrowUp':\n              toggleOpen(true, { highlightStartPositionBehavior: 'last' })\n          }\n        }}\n        size=\"small\"\n        color=\"neutral\"\n\n        aria-invalid={invalid}\n        aria-disabled={disabled}\n        aria-haspopup=\"listbox\"\n        aria-expanded={state.isOpen}\n        aria-controls={state.isOpen ? `${state.id}-listbox` : undefined}\n      >\n        <Plus/>\n      </IconButton>\n    </div>\n  )\n})\n\n\n///\n/// SelectContent\n///\ntype Orientation = 'vertical' | 'horizontal'\n\nexport type SelectContentProps = HTMLAttributes<HTMLUListElement> & {\n  alignment?: Pick<UseFloatingElementOptions, 'gap' | 'horizontalAlignment' | 'verticalAlignment'>,\n  orientation?: Orientation,\n  containerClassName?: string,\n}\n\nexport const SelectContent = forwardRef<HTMLUListElement, SelectContentProps>(\n  function SelectContent({\n                           alignment,\n                           orientation = 'vertical',\n                           containerClassName,\n                           ...props\n                         }, ref) {\n    const innerRef = useRef<HTMLUListElement | null>(null)\n    useImperativeHandle(ref, () => innerRef.current)\n\n    const { trigger, state, config, item } = useSelectContext()\n\n    const position = useFloatingElement({\n      active: state.isOpen,\n      anchorRef: trigger.ref,\n      containerRef: innerRef,\n      ...alignment,\n    })\n\n    useFocusTrap({\n      container: innerRef,\n      active: state.isOpen && !!position,\n    })\n\n    return createPortal(\n      <div\n        id={`select-container-${state.id}`} className={clsx('fixed inset-0 w-screen h-screen', containerClassName)}\n        hidden={!state.isOpen}\n      >\n        <div\n          id={`select-background-${state.id}`}\n          onClick={() => trigger.toggleOpen(false)}\n          className={clsx('fixed inset-0 w-screen h-screen')}\n        />\n        <ul\n          {...props}\n          id={`${state.id}-listbox`}\n          ref={innerRef}\n          onKeyDown={(event) => {\n            switch (event.key) {\n              case 'Escape':\n                trigger.toggleOpen(false)\n                event.preventDefault()\n                event.stopPropagation()\n                break\n              case match(orientation, {\n                vertical: 'ArrowDown',\n                horizontal: 'ArrowUp'\n              }):\n                item.moveHighlightedIndex(1)\n                event.preventDefault()\n                break\n              case match(orientation, {\n                vertical: 'ArrowUp',\n                horizontal: 'ArrowDown'\n              }):\n                item.moveHighlightedIndex(-1)\n                event.preventDefault()\n                break\n              case 'Home':\n                // TODO support later by selecting the first not disabled entry\n                event.preventDefault()\n                break\n              case 'End':\n                // TODO support later by selecting the last not disabled entry\n                event.preventDefault()\n                break\n              case 'Enter': // Fall through\n              case ' ':\n                if (state.highlightedValue) {\n                  item.toggleSelection(state.highlightedValue)\n                  if (!config.isMultiSelect) {\n                    trigger.toggleOpen(false)\n                  }\n                  event.preventDefault()\n                }\n                break\n            }\n          }}\n\n          className={clsx('flex-col-0 p-2 bg-menu-background text-menu-text rounded-md shadow-hw-bottom focus-style-within overflow-auto', props.className)}\n          style={{\n            opacity: position ? undefined : 0,\n            position: 'fixed',\n            ...position\n          }}\n\n          role=\"listbox\"\n          aria-multiselectable={config.isMultiSelect}\n          aria-orientation={orientation}\n          tabIndex={position ? 0 : undefined}\n        >\n          {props.children}\n        </ul>\n      </div>, document.body\n    )\n  }\n)\n\n//\n// Select\n//\nexport type SelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'values' | 'onValuesChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & { selectedDisplay?: (value: string) => ReactNode },\n}\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select({\n                                                                                   children,\n                                                                                   contentPanelProps,\n                                                                                   buttonProps,\n                                                                                   ...props\n                                                                                 }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={false}>\n      <SelectButton\n        ref={ref}\n        {...buttonProps}\n        selectedDisplay={values => {\n          const value = values[0]\n          if (!buttonProps?.selectedDisplay) return undefined\n          return buttonProps.selectedDisplay(value)\n        }}\n      />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type SelectUncontrolledProps = SelectProps\nexport const SelectUncontrolled = forwardRef<HTMLButtonElement, SelectUncontrolledProps>(function SelectUncontrolled({\n                                                                                                                       value: initialValue,\n                                                                                                                       onValueChanged,\n                                                                                                                       ...props\n                                                                                                                     }, ref) {\n  const [value, setValue] = useOverwritableState(initialValue, onValueChanged)\n\n  return (\n    <Select\n      {...props}\n      ref={ref}\n      value={value}\n      onValueChanged={setValue}\n    />\n  )\n})\n\n\n//\n// MultiSelect\n//\nexport type MultiSelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  buttonProps?: SelectButtonProps,\n}\n\nexport const MultiSelect = forwardRef<HTMLButtonElement, MultiSelectProps>(function MultiSelect({\n                                                                                                  children,\n                                                                                                  contentPanelProps,\n                                                                                                  buttonProps,\n                                                                                                  ...props\n                                                                                                }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={true}>\n      <SelectButton ref={ref} {...buttonProps} />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type MultiSelectUncontrolledProps = MultiSelectProps\nexport const MultiSelectUncontrolled = forwardRef<HTMLButtonElement, MultiSelectUncontrolledProps>(function MultiSelectUncontrolled({\n                                                                                                                                      values: initialValues,\n                                                                                                                                      onValuesChanged,\n                                                                                                                                      ...props\n                                                                                                                                    }, ref) {\n  const [values, setValues] = useOverwritableState(initialValues, onValuesChanged)\n\n  return (\n    <MultiSelect\n      {...props}\n      ref={ref}\n      values={values}\n      onValuesChanged={setValues}\n    />\n  )\n})\n\n\n//\n// MultiSelectChipDisplay\n//\nexport type MultiSelectChipDisplayProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  chipDisplayProps?: SelectChipDisplayProps,\n}\n\nexport const MultiSelectChipDisplay = forwardRef<HTMLDivElement, MultiSelectChipDisplayProps>(function MultiSelectChipDisplay({\n                                                                                                                                children,\n                                                                                                                                contentPanelProps,\n                                                                                                                                chipDisplayProps,\n                                                                                                                                ...props\n                                                                                                                              }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={true}>\n      <SelectChipDisplay ref={ref} {...chipDisplayProps} />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps\nexport const MultiSelectChipDisplayUncontrolled = forwardRef<HTMLDivElement, MultiSelectChipDisplayUncontrolledProps>(function MultiSelectChipDisplayUncontrolled({\n                                                                                                                                                                    values: initialValues,\n                                                                                                                                                                    onValuesChanged,\n                                                                                                                                                                    ...props\n                                                                                                                                                                  }, ref) {\n  const [values, setValues] = useOverwritableState(initialValues, onValuesChanged)\n\n  return (\n    <MultiSelectChipDisplay\n      {...props}\n      ref={ref}\n      values={values}\n      onValuesChanged={setValues}\n    />\n  )\n})","import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useId } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type ExpansionIconProps = {\n  isExpanded?: boolean,\n  className?: string,\n}\n\nexport const ExpansionIcon = ({ isExpanded, className }: ExpansionIconProps) => {\n  return (\n    <ChevronDown\n      aria-hidden={true}\n      className={clsx(\n        'min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out',\n        { 'rotate-180': isExpanded },\n        className\n      )}\n    />\n  )\n}\n\ntype IconBuilder = (expanded: boolean) => ReactNode\n\nexport type ExpandableProps = PropsWithChildren<{\n  id?: string,\n  label: ReactNode,\n  icon?: IconBuilder,\n  isExpanded?: boolean,\n  onChange?: (isExpanded: boolean) => void,\n  /**\n   * Whether the expansion should only happen when the header is clicked or on the entire component\n   */\n  clickOnlyOnHeader?: boolean,\n  disabled?: boolean,\n  className?: string,\n  headerClassName?: string,\n  contentClassName?: string,\n  contentExpandedClassName?: string,\n}>\n\n/**\n * A Component for showing and hiding content\n */\nexport const Expandable = forwardRef<HTMLDivElement, ExpandableProps>(function Expandable({\n                                                                                            children,\n                                                                                            id: providedId,\n                                                                                            label,\n                                                                                            icon,\n                                                                                            isExpanded = false,\n                                                                                            onChange,\n                                                                                            clickOnlyOnHeader = true,\n                                                                                            disabled = false,\n                                                                                            className,\n                                                                                            headerClassName,\n                                                                                            contentClassName,\n                                                                                            contentExpandedClassName,\n                                                                                          }, ref) {\n\n  const defaultIcon = useCallback((expanded: boolean) => <ExpansionIcon isExpanded={expanded}/>, [])\n  icon ??= defaultIcon\n\n  const generatedId = useId()\n  const id = providedId ?? generatedId\n\n  return (\n    <div\n      ref={ref}\n      onClick={() => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n      className={clsx(\n        'flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm',\n        { 'cursor-pointer': !clickOnlyOnHeader && !disabled }, className\n      )}\n    >\n      <button\n        onClick={() => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n        className={clsx(\n          'flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none',\n          {\n            'group-hover:brightness-97': !isExpanded,\n            'hover:brightness-97': isExpanded && !disabled,\n            'cursor-pointer': clickOnlyOnHeader && !disabled,\n          },\n          headerClassName\n        )}\n\n        aria-expanded={isExpanded}\n        aria-controls={`${id}-content`}\n        aria-disabled={disabled ?? undefined}\n      >\n        {label}\n        {icon(isExpanded)}\n      </button>\n      <div\n        id={`${id}-content`}\n        className={clsx(\n          'flex-col-2 px-4 transition-all duration-300 ease-in-out',\n          {\n            [clsx('max-h-96 opacity-100 pb-2 overflow-y-auto', contentExpandedClassName)]: isExpanded,\n            'max-h-0 opacity-0 overflow-hidden': !isExpanded,\n          },\n          contentClassName\n        )}\n\n        role=\"region\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n})\n\nexport const ExpandableUncontrolled = forwardRef<HTMLDivElement, ExpandableProps>(function ExpandableUncontrolled({\n                                                                                                                    isExpanded,\n                                                                                                                    onChange,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange)\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={setUsedIsExpanded}\n    />\n  )\n})\n","export const match = <K extends string | number | symbol, V>(key: K, values: Record<K, V>) => {\n  return values[key]\n}","import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport clsx from 'clsx'\n\nconst chipColors = ['default', 'dark', 'red', 'yellow', 'green', 'blue', 'pink', 'orange'] as const\nexport type ChipColor = typeof chipColors[number]\n\ntype ChipVariant = 'normal' | 'fullyRounded'\ntype ChipSize = 'sm' | 'md' | 'lg'\n\nexport const ChipUtil = {\n  colors: chipColors,\n}\n\nexport type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n  color?: ChipColor,\n  size?: ChipSize,\n  icon?: boolean,\n  variant?: ChipVariant,\n  trailingIcon?: ReactNode,\n}>\n\n/**\n * A component for displaying a single chip\n */\nexport const Chip = ({\n                       children,\n                       trailingIcon,\n                       color = 'default',\n                       size = 'md',\n                       icon = false,\n                       variant = 'normal',\n                       className = '',\n                       ...restProps\n                     }: ChipProps) => {\n  const colorMapping: string = {\n    default: 'text-tag-default-text bg-tag-default-background',\n    dark: 'text-tag-dark-text bg-tag-dark-background',\n    red: 'text-tag-red-text bg-tag-red-background',\n    yellow: 'text-tag-yellow-text bg-tag-yellow-background',\n    green: 'text-tag-green-text bg-tag-green-background',\n    blue: 'text-tag-blue-text bg-tag-blue-background',\n    pink: 'text-tag-pink-text bg-tag-pink-background',\n    orange: 'text-tag-orange-text bg-tag-orange-background',\n  }[color]\n\n  const colorMappingIcon: string = {\n    default: 'text-tag-default-icon',\n    dark: 'text-tag-dark-icon',\n    red: 'text-tag-red-icon',\n    yellow: 'text-tag-yellow-icon',\n    green: 'text-tag-green-icon',\n    blue: 'text-tag-blue-icon',\n    pink: 'text-tag-pink-icon',\n    orange: 'text-tag-orange-icon',\n  }[color]\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(\n        `flex-row-0 w-fit font-semibold`,\n        colorMapping,\n        !icon ? {\n          'px-1 py-0.5': size === 'sm',\n          'px-2 py-1': size === 'md',\n          'px-4 py-2': size === 'lg',\n        } : {\n          'p-0.5': size === 'sm',\n          'p-1': size === 'md',\n          'p-2': size === 'lg',\n        },\n        {\n          'rounded-md': variant === 'normal',\n          'rounded-full': variant === 'fullyRounded',\n        },\n        className\n      )}\n    >\n      {children}\n      {trailingIcon && (<span className={colorMappingIcon}>{trailingIcon}</span>)}\n    </div>\n  )\n}\n\nexport type ChipListProps = {\n  list: ChipProps[],\n  className?: string,\n}\n\n/**\n * A component for displaying a list of chips\n */\nexport const ChipList = ({\n                           list,\n                           className = ''\n                         }: ChipListProps) => {\n  return (\n    <div className={clsx('flex flex-wrap gap-x-2 gap-y-2', className)}>\n      {list.map((value, index) => (\n        <Chip\n          key={index}\n          {...value}\n          color={value.color ?? 'default'}\n          variant={value.variant ?? 'normal'}\n        >\n          {value.children}\n        </Chip>\n      ))}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties, MutableRefObject } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { clamp } from '@/src/utils/math'\nimport { useIsMounted } from '@/src/hooks/focus/useIsMounted'\n\nexport type FloatingElementAlignment = 'beforeStart' | 'afterStart' | 'center' | 'beforeEnd' | 'afterEnd'\n\ntype RectangleBounds = {\n  top: number,\n  right: number,\n  bottom: number,\n  left: number,\n  width: number,\n  height: number,\n}\n\ntype CalculatePositionOptions = {\n  verticalAlignment?: FloatingElementAlignment,\n  horizontalAlignment?: FloatingElementAlignment,\n  screenPadding?: number,\n  gap?: number,\n}\n\ntype CalculatePositionProps = {\n  windowRect: RectangleBounds,\n  containerRect: RectangleBounds,\n  anchorRect: RectangleBounds,\n  options: CalculatePositionOptions,\n}\n\ntype UseFloatingElementStyle = {\n  left: number,\n  top: number,\n  maxWidth: number,\n  maxHeight: number,\n}\n\nfunction calculatePosition({\n                             windowRect,\n                             containerRect,\n                             anchorRect,\n                             options,\n                           }: CalculatePositionProps): UseFloatingElementStyle {\n  const { verticalAlignment, horizontalAlignment, gap, screenPadding } = options\n  const windowWidth = windowRect.width\n  const windowHeight = windowRect.height\n\n  const maxWidth = windowWidth - 2 * screenPadding\n  const maxHeight = windowHeight - 2 * screenPadding\n\n  const width = Math.min(containerRect.width, maxWidth)\n  const height = Math.min(containerRect.height, maxHeight)\n\n  const leftSuggestion = {\n    beforeStart: anchorRect.left - width - gap,\n    afterStart: anchorRect.left,\n    center: anchorRect.left + anchorRect.width / 2 - width / 2,\n    beforeEnd: anchorRect.right - width,\n    afterEnd: anchorRect.right + gap,\n  }[horizontalAlignment]\n\n  const topSuggestion = {\n    beforeStart: anchorRect.top - height - gap,\n    afterStart: anchorRect.top,\n    center: anchorRect.top + anchorRect.height / 2 - height / 2,\n    beforeEnd: anchorRect.bottom - height,\n    afterEnd: anchorRect.bottom + gap,\n  }[verticalAlignment]\n\n  const left = clamp(leftSuggestion, [\n    screenPadding,\n    windowWidth - screenPadding - width,\n  ])\n\n  const top = clamp(topSuggestion, [\n    screenPadding,\n    windowHeight - screenPadding - height,\n  ])\n\n  return {\n    left,\n    top,\n    maxWidth,\n    maxHeight,\n  }\n}\n\nexport type UseFloatingElementOptions = CalculatePositionOptions & {\n  isPolling?: boolean,\n  pollingInterval?: number,\n}\n\nexport type UseFloatingElementProps = UseFloatingElementOptions & {\n  containerRef: MutableRefObject<HTMLElement>,\n  anchorRef: MutableRefObject<HTMLElement>,\n  windowRef?: MutableRefObject<HTMLElement>,\n  active?: boolean,\n}\n\nexport function useFloatingElement({\n                                     active = true,\n                                     windowRef,\n                                     anchorRef,\n                                     containerRef,\n                                     isPolling = false,\n                                     pollingInterval = 100,\n                                     verticalAlignment = 'afterEnd',\n                                     horizontalAlignment = 'afterStart',\n                                     screenPadding = 16,\n                                     gap = 4,\n                                   }: UseFloatingElementProps) {\n  const [style, setStyle] = useState<CSSProperties>()\n  const isMounted = useIsMounted()\n\n  const calculate = useCallback(() => {\n    const containerRect = containerRef.current.getBoundingClientRect()\n    const windowRect: RectangleBounds = windowRef?.current.getBoundingClientRect() ?? {\n      top: 0,\n      bottom: window.innerHeight,\n      left: 0,\n      right: window.innerWidth,\n      width: window.innerWidth,\n      height: window.innerHeight,\n    }\n    const anchorElement = anchorRef?.current\n    if (anchorRef && !anchorElement) {\n      console.warn('FloatingContainer anchor provided, but its value is undefined')\n    }\n    const anchorRect: RectangleBounds = anchorElement?.getBoundingClientRect() ?? windowRect\n\n    const calculateProps: CalculatePositionProps = {\n      windowRect,\n      anchorRect,\n      containerRect,\n      options: {\n        horizontalAlignment,\n        verticalAlignment,\n        screenPadding,\n        gap,\n      }\n    }\n    setStyle(calculatePosition(calculateProps))\n  }, [anchorRef, containerRef, gap, horizontalAlignment, screenPadding, verticalAlignment, windowRef])\n\n\n  const height = containerRef.current?.getBoundingClientRect().height\n  const width = containerRef.current?.getBoundingClientRect().width\n  useEffect(() => {\n    if (active && isMounted) {\n      calculate()\n    } else {\n      setStyle(undefined)\n    }\n  }, [calculate, active, isMounted, height, width])\n\n  useEffect(() => {\n    window.addEventListener('resize', calculate)\n    let timeout: NodeJS.Timeout\n    if (isPolling) {\n      timeout = setInterval(calculate, pollingInterval)\n    }\n    return () => {\n      window.removeEventListener('resize', calculate)\n      if (timeout) {\n        clearInterval(timeout)\n      }\n    }\n  }, [calculate, isPolling, pollingInterval])\n\n  return style\n}","export const clamp = (value: number, range: [number, number] = [0, 1]): number => {\n  const [min, max] = range\n  return Math.min(Math.max(value, min), max)\n}\n","import type { ReactNode, PropsWithChildren } from 'react'\nimport type { DialogProps } from '@/src/components/dialog/Dialog'\nimport { Dialog } from '@/src/components/dialog/Dialog'\nimport type { Language } from '@/src/localization/util'\nimport { LanguageUtil } from '@/src/localization/util'\nimport type { PropsForTranslation, Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { useLanguage } from '@/src/localization/LanguageProvider'\nimport { Select, SelectOption } from '@/src/components/user-action/select/Select'\nimport { SolidButton } from '@/src/components/user-action/Button'\n\ntype LanguageDialogTranslation = {\n  language: string,\n  chooseLanguage: string,\n  done: string,\n} & Record<Language, string>\n\nconst defaultLanguageDialogTranslation: Translation<LanguageDialogTranslation> = {\n  en: {\n    language: 'Language',\n    chooseLanguage: 'Choose your language',\n    done: 'Done',\n    ...LanguageUtil.languagesLocalNames\n  },\n  de: {\n    language: 'Sprache',\n    chooseLanguage: 'Wähle deine bevorzugte Sprache',\n    done: 'Fertig',\n    ...LanguageUtil.languagesLocalNames\n  }\n}\n\ntype LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\n/**\n * A Dialog for selecting the Language\n *\n * The State of open needs to be managed by the parent\n */\nexport const LanguageDialog = ({\n                                 overwriteTranslation,\n                                 onClose,\n                                 titleOverwrite,\n                                 descriptionOverwrite,\n                                 ...props\n                               }: PropsForTranslation<LanguageDialogTranslation, PropsWithChildren<LanguageDialogProps>>) => {\n  const { language, setLanguage } = useLanguage()\n  const translation = useTranslation([defaultLanguageDialogTranslation], overwriteTranslation)\n\n  return (\n    <Dialog\n      titleElement={titleOverwrite ?? translation('language')}\n      description={descriptionOverwrite ?? translation('chooseLanguage')}\n      onClose={onClose}\n      {...props}\n    >\n      <div className=\"w-64\">\n        <Select\n          value={language}\n          onValueChanged={(language: string) => setLanguage(language as Language)}\n          contentPanelProps={{ className: 'z-200' }}\n          buttonProps={{\n            selectedDisplay: value => translation(value as Language)\n          }}\n        >\n          {LanguageUtil.languages.map((language) => (\n            <SelectOption key={language} value={language}>{translation(language)}</SelectOption>\n          ))}\n        </Select>\n        <div className=\"flex-row-4 mt-3 justify-end\">\n          <SolidButton color=\"positive\" onClick={onClose}>\n            {translation('done')}\n          </SolidButton>\n        </div>\n      </div>\n    </Dialog>\n  )\n}\n","import { type PropsWithChildren, type ReactNode } from 'react'\nimport type { DialogProps } from '@/src/components/dialog/Dialog'\nimport { Dialog } from '@/src/components/dialog/Dialog'\nimport { MonitorCog, MoonIcon, SunIcon } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { ThemeType, ThemeTypeTranslation } from '@/src/theming/useTheme'\nimport { ThemeUtil, useTheme } from '@/src/theming/useTheme'\nimport type { FormTranslationType } from '@/src/localization/defaults/form'\nimport { formTranslation } from '@/src/localization/defaults/form'\nimport type { PropsForTranslation, Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { Select, SelectOption } from '@/src/components/user-action/select/Select'\nimport { SolidButton } from '@/src/components/user-action/Button'\n\ntype ThemeIconProps = {\n  theme: ThemeType,\n  className?: string,\n}\nconst ThemeIcon = ({ theme, className }: ThemeIconProps) => {\n  if (theme === 'dark') {\n    return (\n      <MoonIcon className={clsx('w-4 h-4', className)}/>\n    )\n  } else if (theme === 'light') {\n    return (\n      <SunIcon className={clsx('w-4 h-4', className)}/>\n    )\n  } else {\n    return (\n      <MonitorCog className={clsx('w-4 h-4', className)}/>\n    )\n  }\n}\n\ntype ThemeDialogTranslationAddon = {\n  chooseTheme: string,\n}\n\ntype ThemeDialogTranslation = ThemeDialogTranslationAddon & ThemeTypeTranslation & FormTranslationType\n\nconst defaultConfirmDialogTranslation: Translation<ThemeDialogTranslationAddon> = {\n  en: {\n    chooseTheme: 'Choose your preferred color theme.',\n  },\n  de: {\n    chooseTheme: 'Wähle dein bevorzugtes Farbschema.',\n  }\n}\n\ntype ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\n/**\n * A Dialog for selecting the Theme\n *\n * The State of open needs to be managed by the parent\n */\nexport const ThemeDialog = ({\n                              overwriteTranslation,\n                              onClose,\n                              titleOverwrite,\n                              descriptionOverwrite,\n                              ...props\n                            }: PropsForTranslation<ThemeDialogTranslation, PropsWithChildren<ThemeDialogProps>>) => {\n  const { theme, setTheme } = useTheme()\n  const translation = useTranslation([defaultConfirmDialogTranslation, formTranslation, ThemeUtil.translation], overwriteTranslation)\n\n  return (\n    <Dialog\n      titleElement={titleOverwrite ?? translation('theme')}\n      description={descriptionOverwrite ?? translation('chooseTheme')}\n      onClose={onClose}\n      {...props}\n    >\n      <div className=\"w-64\">\n        <Select\n          value={theme}\n          onValueChanged={(theme) => setTheme(theme as ThemeType)}\n          iconAppearance=\"right\"\n          contentPanelProps={{\n            className: 'z-200'\n          }}\n          buttonProps={{\n            selectedDisplay: (value) => (\n              <div className=\"flex-row-2 items-center\">\n                <ThemeIcon theme={theme}/>\n                {translation(value as ThemeType)}\n              </div>\n            ),\n            className: 'min-w-32',\n          }}\n        >\n          {ThemeUtil.themes.map((theme) => (\n            <SelectOption key={theme} value={theme} className=\"gap-x-6 justify-between\">\n              <div className=\"flex-row-2 items-center\">\n                <ThemeIcon theme={theme}/>\n                {translation(theme as ThemeType)}\n              </div>\n            </SelectOption>\n          ))}\n        </Select>\n        <div className=\"flex-row-4 mt-3 justify-end\">\n          <SolidButton autoFocus color=\"positive\" onClick={onClose}>\n            {translation('done')}\n          </SolidButton>\n        </div>\n      </div>\n    </Dialog>\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme && theme !== 'system') {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n"],"mappings":"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","names":["SolidButton","IconButton","useState","jsx","clsx","useId","useEffect","useRef","useState","clsx","useCallback","useEffect","useState","useEffect","useState","listener","useState","useCallback","useEffect","active","useEffect","useState","jsx","jsxs","useState","useId","useRef","useEffect","clsx","jsx","jsxs","clsx","jsx","forwardRef","useRef","clsx","useEffect","useState","defaultOptions","useCallback","useEffect","useState","useState","useEffect","jsx","forwardRef","Input","useRef","clsx","value","jsx","createContext","forwardRef","useCallback","useContext","useEffect","useId","useImperativeHandle","useMemo","useRef","useState","clsx","forwardRef","useCallback","useId","clsx","jsx","jsxs","clsx","forwardRef","Expandable","useCallback","useId","ExpandableUncontrolled","clsx","jsx","jsxs","jsxs","clsx","jsx","useCallback","useEffect","useState","useState","useCallback","useEffect","createPortal","jsx","jsxs","createContext","useContext","useRef","useId","useState","useMemo","value","useCallback","isOpen","useEffect","forwardRef","SelectOption","clsx","SelectButton","useImperativeHandle","SelectChipDisplay","SelectContent","createPortal","Select","SelectUncontrolled","MultiSelect","MultiSelectUncontrolled","MultiSelectChipDisplay","MultiSelectChipDisplayUncontrolled","jsx","jsxs","language","clsx","createContext","useCallback","useContext","useEffect","useMemo","useState","jsx","createContext","useContext","jsx","jsxs","clsx","theme"]}
+{"version":3,"sources":["../../../src/components/user-action/Button.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/utils/resolveSetState.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts","../../../src/components/dialog/ConfirmDialog.tsx","../../../src/components/dialog/Dialog.tsx","../../../src/localization/defaults/form.ts","../../../src/hooks/focus/useFocusTrap.ts","../../../src/hooks/focus/useIsMounted.ts","../../../src/hooks/useLogOnce.ts","../../../src/components/dialog/DiscardChangesDialog.tsx","../../../src/components/user-action/input/Input.tsx","../../../src/hooks/useDelay.ts","../../../src/hooks/focus/useFocusManagement.ts","../../../src/hooks/useOverwritableState.ts","../../../src/components/dialog/InputDialog.tsx","../../../src/components/user-action/select/Select.tsx","../../../src/components/layout/Expandable.tsx","../../../src/utils/match.ts","../../../src/components/layout/Chip.tsx","../../../src/hooks/useFloatingElement.ts","../../../src/utils/math.ts","../../../src/components/dialog/LanguageDialog.tsx","../../../src/components/dialog/ThemeDialog.tsx","../../../src/theming/useTheme.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport clsx from 'clsx'\n\n\nexport const ButtonColorUtil = {\n  solid: ['primary', 'secondary', 'tertiary', 'positive', 'warning', 'negative', 'neutral'] as const,\n  text: ['primary', 'negative', 'neutral'] as const,\n  outline: ['primary'] as const,\n}\n\nexport const IconButtonUtil = {\n  icon: [...ButtonColorUtil.solid, 'transparent'] as const,\n}\n\n\n/**\n * The allowed colors for the SolidButton and IconButton\n */\nexport type SolidButtonColor = typeof ButtonColorUtil.solid[number]\n/**\n * The allowed colors for the OutlineButton\n */\nexport type OutlineButtonColor = typeof ButtonColorUtil.outline[number]\n/**\n * The allowed colors for the TextButton\n */\nexport type TextButtonColor = typeof ButtonColorUtil.text[number]\n/**\n * The allowed colors for the IconButton\n */\nexport type IconButtonColor = typeof IconButtonUtil.icon[number]\n\n\n/**\n * The different sizes for a button\n */\ntype ButtonSizes = 'small' | 'medium' | 'large' | 'none'\n\ntype IconButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none'\n\n/**\n * The shard properties between all button types\n */\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  /**\n   * @default 'medium'\n   */\n  size?: ButtonSizes,\n}\n\nconst paddingMapping: Record<ButtonSizes, string> = {\n  none: '',\n  small: 'btn-sm',\n  medium: 'btn-md',\n  large: 'btn-lg'\n}\n\nconst iconPaddingMapping: Record<IconButtonSize, string> = {\n  none: '',\n  tiny: 'icon-btn-xs',\n  small: 'icon-btn-sm',\n  medium: 'icon-btn-md',\n  large: 'icon-btn-lg'\n}\n\nexport const ButtonUtil = {\n  paddingMapping,\n  iconPaddingMapping\n}\n\ntype ButtonWithIconsProps = ButtonProps & {\n  startIcon?: ReactNode,\n  endIcon?: ReactNode,\n}\n\nexport type SolidButtonProps = ButtonWithIconsProps & {\n  color?: SolidButtonColor,\n}\n\nexport type OutlineButtonProps = ButtonWithIconsProps & {\n  color?: OutlineButtonColor,\n}\n\nexport type TextButtonProps = ButtonWithIconsProps & {\n  color?: TextButtonColor,\n  coloredHoverBackground?: boolean,\n}\n\n/**\n * The shard properties between all button types\n */\nexport type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  /**\n   * @default 'medium'\n   */\n  size?: IconButtonSize,\n  color?: IconButtonColor,\n}\n\n/**\n * A button with a solid background and different sizes\n */\nexport const SolidButton = forwardRef<HTMLButtonElement, SolidButtonProps>(function SolidButton({\n                                                                                           children,\n                                                                                           color = 'primary',\n                                                                                           size = 'medium',\n                                                                                           startIcon,\n                                                                                           endIcon,\n                                                                                           onClick,\n                                                                                           className,\n                                                                                           ...restProps\n                                                                                         }, ref) {\n  const colorClasses = {\n    primary: 'not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text',\n    secondary: 'not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text',\n    tertiary: 'not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text',\n    positive: 'not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text',\n    warning: 'not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text',\n    negative: 'not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text',\n    neutral: 'not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-solid-primary-icon',\n    secondary: 'not-group-disabled:text-button-solid-secondary-icon',\n    tertiary: 'not-group-disabled:text-button-solid-tertiary-icon',\n    positive: 'not-group-disabled:text-button-solid-positive-icon',\n    warning: 'not-group-disabled:text-button-solid-warning-icon',\n    negative: 'not-group-disabled:text-button-solid-negative-icon',\n    neutral: 'not-group-disabled:text-button-solid-neutral-icon',\n  }[color]\n\n  return (\n    <button\n      ref={ref}\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold',\n        colorClasses,\n        'not-disabled:hover:brightness-90',\n        'disabled:text-disabled disabled:bg-disabled-background',\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n})\n\n/**\n * A button with an outline border and different sizes\n */\nexport const OutlineButton = ({\n                         children,\n                         color = 'primary',\n                         size = 'medium',\n                         startIcon,\n                         endIcon,\n                         onClick,\n                         className,\n                         ...restProps\n                       }: OutlineButtonProps) => {\n  const colorClasses = {\n    primary: 'not-disabled:border-button-outline-primary-text not-disabled:text-button-outline-primary-text',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-outline-primary-icon',\n  }[color]\n  return (\n    <button\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold bg-transparent border-2 ',\n        'not-disabled:hover:brightness-80',\n        colorClasses,\n        'disabled:text-disabled disabled:border-disabled-outline',\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n}\n\n/**\n * A text that is a button that can have different sizes\n */\nexport const TextButton = ({\n                      children,\n                      color = 'neutral',\n                      size = 'medium',\n                      startIcon,\n                      endIcon,\n                      onClick,\n                      coloredHoverBackground = true,\n                      className,\n                      ...restProps\n                    }: TextButtonProps) => {\n  const colorClasses = {\n    primary: 'not-disabled:bg-transparent not-disabled:text-button-text-primary-text not-disabled:focus-visible:outline-button-text-primary-text',\n    negative: 'not-disabled:bg-transparent not-disabled:text-button-text-negative-text not-disabled:focus-visible:outline-button-text-negative-text',\n    neutral: 'not-disabled:bg-transparent not-disabled:text-button-text-neutral-text not-disabled:focus-visible:outline-button-text-neutral-text',\n  }[color]\n\n  const backgroundColor = {\n    primary: 'not-disabled:hover:bg-button-text-primary-text/20 not-disabled:focus-visible:bg-button-text-primary-text/20',\n    negative: 'not-disabled:hover:bg-button-text-negative-text/20 not-disabled:focus-visible:bg-button-text-negative-text/20',\n    neutral: 'not-disabled:hover:bg-button-text-neutral-text/20 not-disabled:focus-visible:bg-button-text-neutral-text/20',\n  }[color]\n\n  const iconColorClasses = {\n    primary: 'not-group-disabled:text-button-text-primary-icon',\n    negative: 'not-group-disabled:text-button-text-negative-icon',\n    neutral: 'not-group-disabled:text-button-text-neutral-icon',\n  }[color]\n\n  return (\n    <button\n      onClick={onClick}\n      className={clsx(\n        'group font-semibold',\n        'disabled:text-disabled',\n        colorClasses,\n        {\n          [backgroundColor]: coloredHoverBackground,\n          'not-disabled:hover:bg-button-text-hover-background': !coloredHoverBackground,\n        },\n        ButtonUtil.paddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {startIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          className={clsx(\n            iconColorClasses,\n            'group-disabled:text-disabled-icon'\n          )}\n        >\n          {endIcon}\n        </span>\n      )}\n    </button>\n  )\n}\n\n\n/**\n * A button for icons with a solid background and different sizes\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton({\n                                                                                        children,\n                                                                                        color = 'primary',\n                                                                                        size = 'medium',\n                                                                                        className,\n                                                                                        ...restProps\n                                                                                      }, ref)\n{\n  const colorClasses = {\n    primary: 'not-disabled:bg-button-solid-primary-background not-disabled:text-button-solid-primary-text',\n    secondary: 'not-disabled:bg-button-solid-secondary-background not-disabled:text-button-solid-secondary-text',\n    tertiary: 'not-disabled:bg-button-solid-tertiary-background not-disabled:text-button-solid-tertiary-text',\n    positive: 'not-disabled:bg-button-solid-positive-background not-disabled:text-button-solid-positive-text',\n    warning: 'not-disabled:bg-button-solid-warning-background not-disabled:text-button-solid-warning-text',\n    negative: 'not-disabled:bg-button-solid-negative-background not-disabled:text-button-solid-negative-text',\n    neutral: 'not-disabled:bg-button-solid-neutral-background not-disabled:text-button-solid-neutral-text',\n    transparent: 'not-disabled:bg-transparent',\n  }[color]\n\n  return (\n    <button\n      ref={ref}\n      className={clsx(\n        colorClasses,\n        'not-disabled:hover:brightness-90',\n        'disabled:text-disabled',\n        {\n          'disabled:bg-disabled-background': color !== 'transparent',\n          'disabled:opacity-70': color === 'transparent',\n          'not-disabled:hover:bg-button-text-hover-background': color === 'transparent',\n        },\n        ButtonUtil.iconPaddingMapping[size],\n        className\n      )}\n      {...restProps}\n    >\n      {children}\n    </button>\n  )\n})","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if(!language) return\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language !== 'system') {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\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}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}","import type { PropsWithChildren } from 'react'\nimport type { SolidButtonColor } from '../user-action/Button'\nimport { SolidButton } from '../user-action/Button'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport clsx from 'clsx'\nimport type { DialogProps } from './Dialog'\nimport { Dialog } from './Dialog'\nimport type { FormTranslationType } from '../../localization/defaults/form'\nimport { formTranslation } from '../../localization/defaults/form'\n\ntype ConfirmDialogTranslation = FormTranslationType\n\nexport type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary'\n\ntype ButtonOverwriteType = {\n  text?: string,\n  color?: SolidButtonColor,\n  disabled?: boolean,\n}\n\nexport type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {\n  isShowingDecline?: boolean,\n  requireAnswer?: boolean,\n  onCancel: () => void,\n  onConfirm: () => void,\n  onDecline?: () => void,\n  confirmType?: ConfirmDialogType,\n  /**\n   * Order: Cancel, Decline, Confirm\n   */\n  buttonOverwrites?: [ButtonOverwriteType, ButtonOverwriteType, ButtonOverwriteType],\n}\n\n/**\n * A Dialog for asking the user for confirmation\n */\nexport const ConfirmDialog = ({\n                                overwriteTranslation,\n                                children,\n                                onCancel,\n                                onConfirm,\n                                onDecline,\n                                confirmType = 'positive',\n                                buttonOverwrites,\n                                className,\n                                ...restProps\n                              }: PropsForTranslation<ConfirmDialogTranslation, PropsWithChildren<ConfirmDialogProps>>) => {\n  const translation = useTranslation([formTranslation], overwriteTranslation)\n\n  const mapping: Record<ConfirmDialogType, SolidButtonColor> = {\n    neutral: 'neutral',\n    negative: 'negative',\n    positive: 'positive',\n    primary: 'primary',\n  }\n\n  return (\n    <Dialog {...restProps} onClose={onCancel} className={clsx('justify-between', className)}>\n      <div className=\"flex-col-2 grow\">\n        {children}\n      </div>\n      <div className=\"flex-row-4 mt-3 justify-end\">\n        {onCancel && (\n          <SolidButton\n            color={buttonOverwrites?.[0].color ?? 'neutral'}\n            onClick={onCancel}\n            disabled={buttonOverwrites?.[0].disabled ?? false}\n          >\n            {buttonOverwrites?.[0].text ?? translation('cancel')}\n          </SolidButton>\n        )}\n        {onDecline && (\n          <SolidButton\n            color={buttonOverwrites?.[1].color ?? 'negative'}\n            onClick={onDecline}\n\n            disabled={buttonOverwrites?.[1].disabled ?? false}\n          >\n            {buttonOverwrites?.[1].text ?? translation('decline')}\n          </SolidButton>\n        )}\n        <SolidButton\n          color={buttonOverwrites?.[2].color ?? mapping[confirmType]}\n          onClick={onConfirm}\n          disabled={buttonOverwrites?.[2].disabled ?? false}\n        >\n          {buttonOverwrites?.[2].text ?? translation('confirm')}\n        </SolidButton>\n      </div>\n    </Dialog>\n  )\n}\n","'use client'\n\nimport type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { X } from 'lucide-react'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { formTranslation } from '@/src/localization/defaults/form'\nimport { IconButton } from '@/src/components/user-action/Button'\nimport { useFocusTrap } from '@/src/hooks/focus/useFocusTrap'\nimport { useLogOnce } from '@/src/hooks/useLogOnce'\nimport { createPortal } from 'react-dom'\n\nexport type DialogPosition = 'top' | 'center' | 'none'\n\nexport type DialogProps = HTMLAttributes<HTMLDivElement> & {\n  /** Whether the dialog is currently open */\n  isOpen: boolean,\n  /** Title of the Dialog used for accessibility */\n  titleElement: ReactNode,\n  /** Description of the Dialog used for accessibility */\n  description: ReactNode,\n  /** Callback when the dialog tries to close */\n  onClose?: () => void,\n  /** Styling for the background */\n  backgroundClassName?: string,\n  /** If true shows a close button and sends onClose on background clicks */\n  isModal?: boolean,\n  position?: DialogPosition,\n  isAnimated?: boolean,\n  containerClassName?: string,\n}\n\n/**\n * A generic dialog window which is managed by its parent\n */\nexport const Dialog = ({\n                         children,\n                         isOpen,\n                         titleElement,\n                         description,\n                         isModal = true,\n                         onClose,\n                         backgroundClassName,\n                         position = 'center',\n                         isAnimated = true,\n                         containerClassName,\n                         ...props\n                       }: PropsWithChildren<DialogProps>) => {\n  const translation = useTranslation([formTranslation])\n  const [visible, setVisible] = useState(isOpen)\n  const generatedId = useId()\n  const id = props.id ?? generatedId\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      setVisible(true)\n    } else {\n      if (!isAnimated) {\n        setVisible(false)\n      }\n    }\n  }, [isAnimated, isOpen])\n\n  const onCloseWrapper = () => {\n    if (!isModal) return\n    onClose?.()\n  }\n\n  useLogOnce('Dialog: onClose should be defined for modal dialogs', isModal && !onClose)\n\n  useFocusTrap({\n    container: ref,\n    active: visible,\n    focusFirst: true,\n  })\n\n  const positionMap: Record<DialogPosition, string> = {\n    top: 'fixed top-8 left-1/2 -translate-x-1/2',\n    center: 'fixed left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2',\n    none: ''\n  }\n  const positionStyle = positionMap[position]\n\n  if (!visible) return\n\n  return createPortal(\n    <div id={`dialog-container-${id}`} className={clsx('fixed inset-0 h-screen w-screen', containerClassName)}>\n      <div\n        id={`dialog-background-${id}`}\n        hidden={!visible}\n        className={clsx(\n          'fixed inset-0 h-screen w-screen bg-overlay-shadow',\n          {\n            'motion-safe:animate-fade-in': isOpen,\n            'motion-safe:animate-fade-out': !isOpen,\n          },\n          backgroundClassName\n        )}\n        onAnimationEnd={() => {\n          if (!isOpen) {\n            setVisible(false)\n          }\n        }}\n        onClick={onCloseWrapper}\n        aria-hidden={true}\n      />\n      <div\n        {...props}\n        id={`dialog-${id}`}\n        ref={ref}\n        hidden={!visible}\n        onKeyDown={event => {\n          if (event.key === 'Escape') {\n            onCloseWrapper()\n          }\n        }}\n        onAnimationEnd={() => {\n          if (!isOpen) {\n            setVisible(false)\n          }\n        }}\n        className={clsx(\n          'flex-col-2 p-4 bg-overlay-background text-overlay-text rounded-xl shadow-hw-bottom max-w-[calc(100vw_-_2rem)] max-h-[calc(100vh_-_2rem)]',\n          {\n            'motion-safe:animate-pop-in': isOpen,\n            'motion-safe:animate-pop-out': !isOpen,\n          },\n          positionStyle,\n          props.className\n        )}\n      >\n        <div className=\"typography-title-lg mr-8\">\n          {titleElement}\n        </div>\n        {description && (\n          <div className=\"text-description\">\n            {description}\n          </div>\n        )}\n        {isModal && (\n          <div\n            className=\"absolute top-0 right-0\"\n            style={{\n              paddingTop: 'inherit',\n              paddingRight: 'inherit'\n            }}\n          >\n            <IconButton\n              color=\"neutral\"\n              size=\"tiny\"\n              aria-label={translation('close')}\n              onClick={onCloseWrapper}\n            >\n              <X/>\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </div>\n    </div>\n    , document.body\n  )\n}","import type { Translation } from '../useTranslation'\n\nexport type FormTranslationType = {\n  add: string,\n  all: string,\n  apply: string,\n  back: string,\n  cancel: string,\n  change: string,\n  clear: string,\n  click: string,\n  clickToCopy: string,\n  close: string,\n  confirm: string,\n  copy: string,\n  copied: string,\n  create: string,\n  decline: string,\n  delete: string,\n  discard: string,\n  discardChanges: string,\n  done: string,\n  edit: string,\n  enterText: string,\n  error: string,\n  exit: string,\n  fieldRequiredError: string,\n  invalidEmailError: string,\n  less: string,\n  loading: string,\n  maxLengthError: string,\n  minLengthError: string,\n  more: string,\n  next: string,\n  no: string,\n  none: string,\n  nothingFound: string,\n  of: string,\n  optional: 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  showMore: string,\n  showLess: string,\n  submit: string,\n  success: string,\n  unsavedChanges: string,\n  unsavedChangesSaveQuestion: string,\n  update: string,\n  yes: string,\n}\n\nexport const formTranslation: Translation<FormTranslationType> = {\n  en: {\n    add: 'Add',\n    all: 'All',\n    apply: 'Apply',\n    back: 'Back',\n    cancel: 'Cancel',\n    change: 'Change',\n    clear: 'Clear',\n    click: 'Click',\n    clickToCopy: 'Click to Copy',\n    close: 'Close',\n    confirm: 'Confirm',\n    copy: 'Copy',\n    copied: 'Copied',\n    create: 'Create',\n    decline: 'Decline',\n    delete: 'Delete',\n    discard: 'Discard',\n    discardChanges: 'Discard Changes',\n    done: 'Done',\n    edit: 'Edit',\n    enterText: 'Enter text here',\n    error: 'Error',\n    exit: 'Exit',\n    fieldRequiredError: 'This field is required.',\n    invalidEmailError: 'Please enter a valid email address.',\n    less: 'Less',\n    loading: 'Loading',\n    maxLengthError: 'Maximum length exceeded.',\n    minLengthError: 'Minimum length not met.',\n    more: 'More',\n    next: 'Next',\n    no: 'No',\n    none: 'None',\n    nothingFound: 'Nothing found',\n    of: 'of',\n    optional: 'Optional',\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    showMore: 'Show more',\n    showLess: 'Show less',\n    submit: 'Submit',\n    success: 'Success',\n    update: 'Update',\n    unsavedChanges: 'Unsaved Changes',\n    unsavedChangesSaveQuestion: 'Do you want to save your changes?',\n    yes: 'Yes',\n  },\n  de: {\n    add: 'Hinzufügen',\n    all: 'Alle',\n    apply: 'Anwenden',\n    back: 'Zurück',\n    cancel: 'Abbrechen',\n    change: 'Ändern',\n    clear: 'Löschen',\n    click: 'Klicken',\n    clickToCopy: 'Zum kopieren klicken',\n    close: 'Schließen',\n    confirm: 'Bestätigen',\n    copy: 'Kopieren',\n    copied: 'Kopiert',\n    create: 'Erstellen',\n    decline: 'Ablehnen',\n    delete: 'Löschen',\n    discard: 'Verwerfen',\n    discardChanges: 'Änderungen Verwerfen',\n    done: 'Fertig',\n    edit: 'Bearbeiten',\n    enterText: 'Text hier eingeben',\n    error: 'Fehler',\n    exit: 'Beenden',\n    fieldRequiredError: 'Dieses Feld ist erforderlich.',\n    invalidEmailError: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',\n    less: 'Weniger',\n    loading: 'Lädt',\n    maxLengthError: 'Maximale Länge überschritten.',\n    minLengthError: 'Mindestlänge nicht erreicht.',\n    more: 'Mehr',\n    next: 'Weiter',\n    no: 'Nein',\n    none: 'Nichts',\n    nothingFound: 'Nichts gefunden',\n    of: 'von',\n    optional: 'Optional',\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    showMore: 'Mehr anzeigen',\n    showLess: 'Weniger anzeigen',\n    submit: 'Abschicken',\n    success: 'Erfolg',\n    update: 'Update',\n    unsavedChanges: 'Ungespeicherte Änderungen',\n    unsavedChangesSaveQuestion: 'Möchtest du die Änderungen speichern?',\n    yes: 'Ja',\n  }\n}\n","'use client'\n\nimport type { MutableRefObject } from 'react'\nimport { useCallback, useEffect, useId, useRef, useState } from 'react'\nimport { useIsMounted } from '@/src/hooks/focus/useIsMounted'\n\nconst createFocusGuard = () => {\n  const div = document.createElement('div')\n  Object.assign(div.style, {\n    opacity: '0',\n    outline: 'none',\n    boxShadow: 'none',\n    position: 'fixed',\n    pointerEvents: 'none',\n    touchAction: 'none',\n  })\n  div.tabIndex = 0\n  div.setAttribute('data-hw-focus-guard', '')\n  document.body.appendChild(div)\n  return div\n}\n\nfunction getContainedFocusableElements(element: HTMLElement) {\n  return element?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n}\n\ntype ListenerType = {\n  id: string,\n  pause: () => void,\n  unpause: () => void,\n  focus: () => void,\n  focusLast: () => void,\n  container: MutableRefObject<HTMLElement>,\n  initialFocusElement: MutableRefObject<HTMLElement>,\n}\n\nclass FocusTrapService {\n  // The last entry is always the active one\n  private listeners: ListenerType[] = []\n\n  public getActive(): ListenerType | undefined {\n    if (this.listeners.length === 0) return undefined\n    return this.listeners[this.listeners.length - 1]\n  }\n\n  private focusElement() {\n    const active = this.getActive()\n    if(!active) return\n    const { container, initialFocusElement } = active\n    const containerElement = container.current\n    // Try in the following order\n    // 1. Focus the initial element\n    // 2. Focus the first focusable element in the container\n    // 3. Focus the container\n    if (initialFocusElement?.current) {\n      initialFocusElement.current.focus()\n    } else {\n      const elements = getContainedFocusableElements(containerElement)\n      if (elements && elements.length > 0) {\n        const first = elements.item(0) as HTMLElement\n        first.focus()\n      } else {\n        containerElement.focus()\n      }\n    }\n  }\n\n  private onFocusIn = (event: FocusEvent) => {\n    const active = this.getActive()\n    if(!active || !active.container.current) return\n    const { container } = active\n    if (!container.current.contains(event.target as HTMLElement)) {\n      this.focusElement()\n    }\n  }\n\n  private removeGuards() {\n    document.querySelectorAll('[data-hw-focus-guard]').forEach((node) => node.remove())\n  }\n\n  private addGuards() {\n    document.body.insertAdjacentElement('afterbegin', createFocusGuard())\n    document.body.insertAdjacentElement('beforeend', createFocusGuard())\n  }\n\n  private activate() {\n    document.addEventListener('focusin', this.onFocusIn)\n    this.addGuards()\n  }\n\n  private deactivate() {\n    document.removeEventListener('focusin', this.onFocusIn)\n    this.removeGuards()\n  }\n\n  register(listener: ListenerType) {\n    this.listeners.push(listener)\n    if (this.listeners.length === 1) {\n      this.activate()\n    }\n    const active = listener\n    this.listeners.forEach((listener) => {\n      const { focus, pause } = listener\n      if (listener === active) {\n        focus()\n      } else {\n        pause()\n      }\n    })\n  }\n\n  unregister(id: string) {\n    const index = this.listeners.findIndex(trap => trap.id === id)\n    if (index !== -1) {\n      const isActive = index === this.listeners.length - 1\n      const listener = this.listeners[index]\n      this.listeners = this.listeners.filter(listener => listener.id !== id)\n      if (isActive) {\n        // Deactivate all focus traps\n        this.deactivate()\n        // Focus last element in previous focus context\n        listener.focusLast()\n        // Activate and pause remaining focus traps\n        const active = this.getActive()\n        this.listeners.forEach((listener) => {\n          const { pause, unpause } = listener\n          if (listener === active) {\n            unpause()\n          } else {\n            pause()\n          }\n        })\n        // Reactivate\n        if (this.listeners.length > 0) {\n          this.activate()\n        }\n      }\n    } else {\n      console.warn(`Unable to unregister id ${id}: not found`)\n    }\n  }\n}\n\nconst service = new FocusTrapService()\n\nexport type UseFocusTrapProps = {\n  container: MutableRefObject<HTMLElement>,\n  active?: boolean,\n  initialFocus?: MutableRefObject<HTMLElement>,\n  /**\n   * Whether to focus the first element when the initialFocus isn't provided\n   *\n   * Focuses the container instead\n   */\n  focusFirst?: boolean,\n}\n\nexport const useFocusTrap = ({\n                               container,\n                               active = true,\n                               initialFocus,\n                               focusFirst = true,\n                             }: UseFocusTrapProps) => {\n  const lastFocusRef = useRef<HTMLElement | null>(null)\n  const [paused, setPaused] = useState(false)\n  const isMounted = useIsMounted()\n  const id = useId()\n\n  const focusElement = useCallback(() => {\n    const containerElement = container.current\n    // Try in the following order\n    // 1. Focus the initial element\n    // 2. Focus the first focusable element in the container\n    // 3. Focus the container\n    if (initialFocus?.current) {\n      initialFocus.current.focus()\n    } else {\n      const elements = getContainedFocusableElements(containerElement)\n      if (elements && elements.length > 0) {\n        const first = elements.item(0) as HTMLElement\n        first.focus()\n      } else {\n        containerElement.focus()\n      }\n    }\n  }, [container, initialFocus])\n\n  useEffect(() => {\n    if (active && isMounted) {\n      if (!lastFocusRef.current) {\n        lastFocusRef.current = document.activeElement as HTMLElement\n      }\n\n      function pause() {\n        setPaused(true)\n      }\n\n      function unpause() {\n        setPaused(false)\n        if (!container.current.contains(document.activeElement as HTMLElement)) {\n          focusElement()\n        }\n      }\n\n      function focus() {\n        focusElement()\n        setPaused(false)\n      }\n\n      function focusLast() {\n        lastFocusRef.current?.focus()\n      }\n\n      service.register({ id, pause, focus, focusLast, unpause, container, initialFocusElement: initialFocus })\n      return () => {\n        service.unregister(id)\n        lastFocusRef.current = undefined\n      }\n    }\n  }, [active, container, focusElement, id, initialFocus, isMounted])\n\n  useEffect(() => {\n    if (active && !paused && isMounted) {\n      const containerElement = container.current\n\n      function onKeyDown(event: KeyboardEvent) {\n        const key = event.key\n        const elements = getContainedFocusableElements(containerElement)\n        const active = document.activeElement as HTMLElement\n        const index = [...elements].findIndex(value => value === active)\n        if (index === -1 || event.altKey || event.ctrlKey || event.metaKey) {\n          return\n        }\n        if (key === 'Tab') {\n          const next = event.shiftKey ? -1 : 1\n          const nextIndex = (index + next + elements.length) % elements.length\n          const nextElement = elements[nextIndex] as HTMLElement\n          nextElement.focus()\n          event.preventDefault()\n        }\n      }\n\n      // Register and unregister the listeners\n      containerElement.addEventListener('keydown', onKeyDown)\n      return () => {\n        containerElement.removeEventListener('keydown', onKeyDown)\n      }\n    }\n  }, [active, paused, isMounted, container, initialFocus, focusFirst, focusElement])\n}","'use client'\n\nimport { useEffect, useLayoutEffect, useState } from 'react'\n\nconst isClient = typeof window !== 'undefined' && typeof document !== 'undefined'\nconst useIsomorphicEffect = isClient ? useLayoutEffect : useEffect\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useIsomorphicEffect(() => {\n    setIsMounted(true)\n    return () => {\n      setIsMounted(false)\n    }\n  }, [])\n  return isMounted\n}","import { useEffect, useState } from 'react'\n\ntype OptionsResolved = {\n  type?: 'info' | 'error' | 'warning',\n}\n\nconst defaultOptions: OptionsResolved = {\n  type: 'warning',\n}\n\ntype Options = Partial<OptionsResolved>\n\nexport const useLogOnce = (\n  message: string,\n  condition: boolean,\n  options?: Options\n) => {\n  const [hasLogged, setHasLogged] = useState<boolean>(false)\n  const { type } = { ...defaultOptions, ...options }\n\n  useEffect(() => {\n    if (!hasLogged && condition) {\n      switch (type) {\n        case 'info':\n          console.info(message)\n          break\n        case 'error':\n          console.error(message)\n          break\n        case 'warning':\n          console.warn(message)\n          break\n      }\n      setHasLogged(true)\n    }\n  }, [condition]) // eslint-disable-line react-hooks/exhaustive-deps\n}","import type { PropsWithChildren, ReactNode } from 'react'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport type { FormTranslationType } from '../../localization/defaults/form'\nimport { formTranslation } from '../../localization/defaults/form'\nimport type { ConfirmDialogProps } from '@/src/components/dialog/ConfirmDialog'\nimport { ConfirmDialog } from '@/src/components/dialog/ConfirmDialog'\n\ntype DiscardChangesDialogTranslation = FormTranslationType\n\ntype DiscardChangesDialogProps =\n  Omit<ConfirmDialogProps, 'onDecline' | 'onConfirm' | 'buttonOverwrites' | 'titleElement' | 'description'>\n  & {\n  isShowingDecline?: boolean,\n  requireAnswer?: boolean,\n  onCancel: () => void,\n  onSave: () => void,\n  onDontSave: () => void,\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\nexport const DiscardChangesDialog = ({\n                                       overwriteTranslation,\n                                       children,\n                                       onCancel,\n                                       onSave,\n                                       onDontSave,\n                                       titleOverwrite,\n                                       descriptionOverwrite,\n                                       ...props\n                                     }: PropsForTranslation<DiscardChangesDialogTranslation, PropsWithChildren<DiscardChangesDialogProps>>) => {\n  const translation = useTranslation([formTranslation], overwriteTranslation)\n  return (\n    <ConfirmDialog\n      {...props}\n      titleElement={titleOverwrite ?? translation('unsavedChanges')}\n      description={descriptionOverwrite ?? translation('unsavedChangesSaveQuestion')}\n      onConfirm={onSave}\n      onCancel={onCancel}\n      onDecline={onDontSave}\n      buttonOverwrites={[{ text: translation('cancel') }, { text: translation('discardChanges') }, { text: translation('save') }]}\n    >\n      {children}\n    </ConfirmDialog>\n  )\n}\n","import type { InputHTMLAttributes } from 'react'\nimport React, { forwardRef, useImperativeHandle, useRef } from 'react'\nimport clsx from 'clsx'\nimport type { UseDelayOptionsResolved } from '@/src/hooks/useDelay'\nimport { useDelay  } from '@/src/hooks/useDelay'\nimport { useFocusManagement } from '@/src/hooks/focus/useFocusManagement'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type EditCompleteOptionsResolved = {\n  onBlur: boolean,\n  afterDelay: boolean,\n  allowEnterComplete?: boolean,\n} & Omit<UseDelayOptionsResolved, 'disabled'>\n\nexport type EditCompleteOptions = Partial<EditCompleteOptionsResolved>\n\nconst defaultEditCompleteOptions: EditCompleteOptionsResolved = {\n  allowEnterComplete: false,\n  onBlur: true,\n  afterDelay: true,\n  delay: 2500\n}\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement> & {\n  invalid?: boolean,\n  onChangeText?: (text: string) => void,\n  onEditCompleted?: (text: string) => void,\n  editCompleteOptions?: EditCompleteOptions,\n  defaultStyle?: boolean,\n}\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed must be managed by the parent\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input({\n                                                                               value,\n                                                                               onChange,\n                                                                               onChangeText,\n                                                                               onEditCompleted,\n                                                                               editCompleteOptions,\n                                                                               disabled = false,\n                                                                               invalid = false,\n                                                                               defaultStyle = true,\n                                                                               className,\n                                                                               ...props\n                                                                             }, forwardedRef) {\n  const {\n    onBlur: allowEditCompleteOnBlur,\n    afterDelay,\n    delay,\n    allowEnterComplete\n  } = { ...defaultEditCompleteOptions, ...editCompleteOptions }\n\n  const {\n    restartTimer,\n    clearTimer\n  } = useDelay({ delay, disabled: !afterDelay })\n\n  const innerRef = useRef<HTMLInputElement>(null)\n  useImperativeHandle(forwardedRef, () => innerRef.current)\n\n  const { focusNext } = useFocusManagement()\n\n  return (\n    <input\n      {...props}\n      ref={innerRef}\n      value={value}\n      disabled={disabled}\n      className={defaultStyle ? clsx(\n        'px-3 py-2 rounded-md text-sm h-10 border-2 border-transparent focus-style-none',\n        {\n          'bg-input-background text-input-text hover:border-primary focus:border-primary': !disabled && !invalid,\n          'bg-negative/20 text-negative hover:border-negative focus-visible:border-negative': !disabled && invalid,\n          'bg-disabled-background text-disabled border-disabled-border': disabled,\n        }, className\n      ) : className}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        if (!allowEnterComplete) {\n          return\n        }\n        if (event.key === 'Enter' && !event.shiftKey) {\n          event.preventDefault()\n          innerRef.current?.blur()\n          onEditCompleted?.((event.target as HTMLInputElement).value)\n          focusNext()\n        }\n      }}\n      onBlur={event => {\n        props.onBlur?.(event)\n        if (allowEditCompleteOnBlur) {\n          onEditCompleted?.(event.target.value)\n          clearTimer()\n        }\n      }}\n      onChange={event => {\n        onChange?.(event)\n        const value = event.target.value\n        restartTimer(() => {\n          innerRef.current?.blur()\n          onEditCompleted?.(value)\n        })\n        onChangeText?.(value)\n      }}\n\n      aria-invalid={props['aria-invalid'] ?? invalid}\n      aria-disabled={props['aria-disabled'] ?? disabled}\n    />\n  )\n})\n\n\n/**\n * A Component for inputting text or other information\n *\n * Its state is managed by the component itself\n */\nexport const InputUncontrolled = ({\n                                    value = '',\n                                    onChangeText,\n                                    ...props\n                                  }: InputProps) => {\n  const [usedValue, setUsedValue] = useOverwritableState(value, onChangeText)\n\n  return (\n    <Input\n      {...props}\n      value={usedValue}\n      onChangeText={setUsedValue}\n    />\n  )\n}\n","import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n    setTimer(undefined)\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n      setTimer(undefined)\n    }, delay))\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n      setTimer(undefined)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer, hasActiveTimer: !!timer }\n}","import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { InputProps } from '../user-action/input/Input'\nimport { Input } from '../user-action/input/Input'\nimport type { ConfirmDialogProps } from '@/src/components/dialog/ConfirmDialog'\nimport { ConfirmDialog } from '@/src/components/dialog/ConfirmDialog'\n\nexport type InputModalProps = ConfirmDialogProps & {\n  inputs: InputProps[],\n}\n\n/**\n * A modal for receiving multiple inputs\n */\nexport const InputDialog = ({\n                             inputs,\n                             buttonOverwrites,\n                             ...props\n                           }: InputModalProps) => {\n  return (\n    <ConfirmDialog\n      buttonOverwrites={buttonOverwrites}\n      {...props}\n    >\n      {inputs.map((inputProps, index) => <Input key={`input ${index}`} {...inputProps}/>)}\n    </ConfirmDialog>\n  )\n}\n","import type { ButtonHTMLAttributes, HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\nimport clsx from 'clsx'\nimport type { Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { ExpansionIcon } from '@/src/components/layout/Expandable'\nimport { useFocusTrap } from '@/src/hooks/focus/useFocusTrap'\nimport { match } from '@/src/utils/match'\nimport { CheckIcon, Plus, XIcon } from 'lucide-react'\nimport { Chip } from '@/src/components/layout/Chip'\nimport { IconButton, TextButton } from '@/src/components/user-action/Button'\nimport type { UseFloatingElementOptions } from '@/src/hooks/useFloatingElement'\nimport { useFloatingElement } from '@/src/hooks/useFloatingElement'\nimport { createPortal } from 'react-dom'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\n//\n// Context\n//\ntype RegisteredOption = {\n  value: string,\n  label: ReactNode,\n  disabled: boolean,\n  ref: React.RefObject<HTMLLIElement>,\n}\n\ntype HighlightStartPositionBehavior = 'first' | 'last'\ntype SelectIconAppearance = 'left' | 'right' | 'none'\n\ntype InternalSelectContextState = {\n  isOpen: boolean,\n  options: RegisteredOption[],\n  highlightedValue?: string,\n}\n\ntype SelectContextState = InternalSelectContextState & {\n  id: string,\n  value: string[],\n  disabled: boolean,\n  invalid: boolean,\n  selectedOptions: RegisteredOption[],\n}\n\ntype SelectConfiguration = {\n  isMultiSelect: boolean,\n  iconAppearance: SelectIconAppearance,\n}\n\ntype ToggleOpenOptions = {\n  highlightStartPositionBehavior?: HighlightStartPositionBehavior,\n}\n\nconst defaultToggleOpenOptions: ToggleOpenOptions = {\n  highlightStartPositionBehavior: 'first',\n}\n\ntype SelectContextType = {\n  state: SelectContextState,\n  config: SelectConfiguration,\n  item: {\n    register: (item: RegisteredOption) => void,\n    unregister: (value: string) => void,\n    toggleSelection: (value: string, isSelected?: boolean) => void,\n    highlightItem: (value: string) => void,\n    moveHighlightedIndex: (delta: number) => void,\n  },\n  trigger: {\n    ref: React.RefObject<HTMLElement>,\n    register: (element: React.RefObject<HTMLElement>) => void,\n    unregister: () => void,\n    toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void,\n  },\n}\n\nconst SelectContext = createContext<SelectContextType | null>(null)\n\nfunction useSelectContext() {\n  const ctx = useContext(SelectContext)\n  if (!ctx) {\n    throw new Error('SelectContext must be used within a ListBoxPrimitive')\n  }\n  return ctx\n}\n\n\n//\n// SelectRoot\n//\nexport type SelectRootProps = PropsWithChildren<{\n  id?: string,\n  value?: string,\n  onValueChanged?: (value: string) => void,\n  values?: string[],\n  onValuesChanged?: (value: string[]) => void,\n  isOpen?: boolean,\n  disabled?: boolean,\n  invalid?: boolean,\n  isMultiSelect?: boolean,\n  iconAppearance?: SelectIconAppearance,\n}>\n\nexport const SelectRoot = ({\n                             children,\n                             id,\n                             value,\n                             onValueChanged,\n                             values,\n                             onValuesChanged,\n                             isOpen = false,\n                             disabled = false,\n                             invalid = false,\n                             isMultiSelect = false,\n                             iconAppearance = 'left',\n                           }: SelectRootProps) => {\n  const triggerRef = useRef<HTMLElement>(null)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const [internalState, setInternalState] = useState<InternalSelectContextState>({\n    isOpen,\n    options: [],\n  })\n\n  const selectedValues = useMemo(() => isMultiSelect ? (values ?? []) : [value].filter(Boolean),\n    [isMultiSelect, value, values])\n  const selectedOptions = useMemo(() =>\n      selectedValues.map(value => internalState.options.find(option => value === option.value)).filter(Boolean),\n    [selectedValues, internalState.options])\n  const state: SelectContextState = {\n    ...internalState,\n    id: usedId,\n    disabled,\n    invalid,\n    value: selectedValues,\n    selectedOptions,\n  }\n\n  const config: SelectConfiguration = {\n    isMultiSelect,\n    iconAppearance,\n  }\n\n  const registerItem = useCallback((item: RegisteredOption) => {\n    setInternalState(prev => {\n      const updatedOptions = [...prev.options, item]\n      updatedOptions.sort((a, b) => {\n        const aEl = a.ref.current\n        const bEl = b.ref.current\n        if (!aEl || !bEl) return 0\n        return aEl.compareDocumentPosition(bEl) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1\n      })\n      return {\n        ...prev,\n        options: updatedOptions,\n      }\n    })\n  }, [])\n\n  const unregisterItem = useCallback((value: string) => {\n    setInternalState(prev => {\n      const updatedOptions = prev.options.filter(i => i.value !== value)\n      return {\n        ...prev,\n        options: updatedOptions,\n      }\n    })\n  }, [])\n\n  // Setting isSelected to false only works for multiselects\n  const toggleSelection = (value: string, isSelected?: boolean) => {\n    if (disabled) {\n      return\n    }\n    const option = state.options.find(i => i.value === value)\n    if (!option) {\n      console.error(`SelectOption with value: ${value} not found`)\n      return\n    }\n\n    let newValue: string[]\n    if (isMultiSelect) {\n      const isSelectedBefore = state.value.includes(value)\n      const isSelectedAfter = isSelected ?? !isSelectedBefore\n      if (!isSelectedAfter) {\n        newValue = state.value.filter(v => v !== value)\n      } else {\n        newValue = [...state.value, value]\n      }\n    } else {\n      newValue = [value]\n    }\n\n    if (!isMultiSelect) {\n      onValueChanged?.(newValue[0])\n    } else {\n      onValuesChanged?.(newValue)\n    }\n\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue: value,\n    }))\n  }\n\n  const highlightItem = (value: string) => {\n    if (disabled) {\n      return\n    }\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue: value,\n    }))\n  }\n\n  const registerTrigger = useCallback((ref: React.RefObject<HTMLElement>) => {\n    triggerRef.current = ref.current\n  }, [])\n\n  const unregisterTrigger = useCallback(() => {\n    triggerRef.current = null\n  }, [])\n\n  const toggleOpen = (isOpen?: boolean, toggleOpenOptions?: ToggleOpenOptions) => {\n    const { highlightStartPositionBehavior } = { ...defaultToggleOpenOptions, ...toggleOpenOptions }\n    let firstSelectedValue: string | undefined\n    let firstEnabledValue: string | undefined\n    for (let i = 0; i < state.options.length; i++) {\n      const currentOption = state.options[highlightStartPositionBehavior === 'first' ? i : state.options.length - i - 1]\n      if (!currentOption.disabled) {\n        if (!firstEnabledValue) {\n          firstEnabledValue = currentOption.value\n        }\n        if (selectedValues.includes(currentOption.value)) {\n          firstSelectedValue = currentOption.value\n          break\n        }\n      }\n    }\n    setInternalState(prevState => ({\n      ...prevState,\n      isOpen: isOpen ?? !prevState.isOpen,\n      highlightedValue: firstSelectedValue ?? firstEnabledValue\n    }))\n  }\n\n  const moveHighlightedIndex = (delta: number) => {\n    let highlightedIndex = state.options.findIndex(value => value.value === internalState.highlightedValue)\n    if (highlightedIndex === -1) {\n      highlightedIndex = 0\n    }\n    const optionLength = state.options.length\n    const startIndex = (highlightedIndex + (delta % optionLength) + optionLength) % optionLength\n    const isForward = delta >= 0\n    let highlightedValue = state.options[startIndex].value\n    for (let i = 0; i < state.options.length; i++) {\n      const index = (startIndex + (isForward ? i : -i) + optionLength) % optionLength\n      if (!state.options[index].disabled) {\n        highlightedValue = state.options[index].value\n        break\n      }\n    }\n\n    setInternalState(prevState => ({\n      ...prevState,\n      highlightedValue,\n    }))\n  }\n\n  useEffect(() => {\n    if (!internalState.highlightedValue) return\n    const highlighted = internalState.options.find(value => value.value === internalState.highlightedValue)\n    if (highlighted) {\n      highlighted.ref.current?.scrollIntoView({ behavior: 'instant', block: 'nearest' })\n    } else {\n      console.error(`SelectRoot: Could not find highlighted value (${internalState.highlightedValue})`)\n    }\n  }, [internalState.highlightedValue])\n\n  const contextValue: SelectContextType = {\n    state,\n    config,\n    item: {\n      register: registerItem,\n      unregister: unregisterItem,\n      toggleSelection,\n      highlightItem,\n      moveHighlightedIndex,\n    },\n    trigger: {\n      ref: triggerRef,\n      register: registerTrigger,\n      unregister: unregisterTrigger,\n      toggleOpen,\n    },\n  }\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      {children}\n    </SelectContext.Provider>\n  )\n}\n\n//\n// SelectOption\n//\nexport type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {\n  value: string,\n  disabled?: boolean,\n  iconAppearance?: SelectIconAppearance,\n  children?: ReactNode,\n}\n\nexport const SelectOption = forwardRef<HTMLLIElement, SelectOptionProps>(\n  function SelectOption({ children, value, disabled = false, iconAppearance, className, ...restProps }, ref) {\n    const { state, config, item, trigger } = useSelectContext()\n    const { register, unregister, toggleSelection, highlightItem } = item\n    const itemRef = useRef<HTMLLIElement>(null)\n\n    iconAppearance ??= config.iconAppearance\n\n    const label = children ?? value\n\n    // Register with parent\n    useEffect(() => {\n      register({\n        value,\n        label,\n        disabled,\n        ref: itemRef,\n      })\n      return () => unregister(value)\n    }, [value, disabled, register, unregister, children, label])\n\n    const isHighlighted = state.highlightedValue === value\n    const isSelected = state.value.includes(value)\n\n    return (\n      <li\n        {...restProps}\n        ref={(node) => {\n          itemRef.current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) (ref as React.MutableRefObject<HTMLLIElement | null>).current = node\n        }}\n        id={value}\n        role=\"option\"\n        aria-disabled={disabled}\n        aria-selected={isSelected}\n        data-highlighted={isHighlighted ? '' : undefined}\n        data-selected={isSelected ? '' : undefined}\n        data-disabled={disabled ? '' : undefined}\n        className={clsx(\n          'flex-row-1 items-center px-2 py-1 rounded-md',\n          'data-highlighted:bg-primary/20',\n          'data-disabled:text-disabled data-disabled:cursor-not-allowed',\n          'not-data-disabled:cursor-pointer',\n          className\n        )}\n        onClick={(event) => {\n          if (!disabled) {\n            toggleSelection(value)\n            if (!config.isMultiSelect) {\n              trigger.toggleOpen(false)\n            }\n            restProps.onClick?.(event)\n          }\n        }}\n        onMouseEnter={(event) => {\n          if (!disabled) {\n            highlightItem(value)\n            restProps.onMouseEnter?.(event)\n          }\n        }}\n      >\n        {iconAppearance === 'left' && (\n          <CheckIcon\n            className={clsx('w-4 h-4', { 'opacity-0': !isSelected || disabled })}\n            aria-hidden={true}\n          />\n        )}\n        {label}\n        {iconAppearance === 'right' && (\n          <CheckIcon\n            className={clsx('w-4 h-4', { 'opacity-0': !isSelected || disabled })}\n            aria-hidden={true}\n          />\n        )}\n      </li>\n    )\n  }\n)\n\n///\n/// SelectButton\n///\ntype SelectButtonTranslationType = {\n  clickToSelect: string,\n}\n\nconst defaultSelectButtonTranslation: Translation<SelectButtonTranslationType> = {\n  en: {\n    clickToSelect: 'Click to select',\n\n  },\n  de: {\n    clickToSelect: 'Zum auswählen drücken'\n  }\n}\n\ntype SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  placeholder?: ReactNode,\n  selectedDisplay?: (value: string[]) => ReactNode,\n}\n\nexport const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(function SelectButton(\n  { placeholder, selectedDisplay, ...props }, ref\n) {\n  const translation = useTranslation([defaultSelectButtonTranslation])\n  const { state, trigger } = useSelectContext()\n  const { register, unregister, toggleOpen } = trigger\n\n  const innerRef = useRef<HTMLButtonElement>(null)\n  useImperativeHandle(ref, () => innerRef.current)\n\n  useEffect(() => {\n    register(innerRef)\n    return () => unregister()\n  }, [register, unregister])\n\n  const disabled = !!props?.disabled || !!state.disabled\n  const invalid = state.invalid\n  const hasValue = state.value.length > 0\n\n  return (\n    <button\n      {...props}\n      ref={innerRef}\n      id={state.id} // TODO allow for a custom id here\n      disabled={disabled}\n\n      onClick={(event) => {\n        props.onClick?.(event)\n        toggleOpen(!state.isOpen)\n      }}\n      onKeyDown={event => {\n        props.onKeyDown?.(event)\n        switch (event.key) {\n          case 'ArrowDown':\n            toggleOpen(true, { highlightStartPositionBehavior: 'first' })\n            event.preventDefault()\n            event.stopPropagation()\n            break\n          case 'ArrowUp':\n            toggleOpen(true, { highlightStartPositionBehavior: 'last' })\n            event.preventDefault()\n            event.stopPropagation()\n            break\n        }\n      }}\n\n      className={clsx(\n        'flex-row-2 items-center justify-between rounded-md px-3 py-2',\n        {\n          'bg-input-background text-placeholder': !hasValue && !disabled && !invalid,\n          'bg-input-background text-input-text': hasValue && !disabled && !invalid,\n          'bg-negative/20': !disabled && invalid,\n          'text-placeholder': !hasValue && !disabled,\n          'text-negative': hasValue && !disabled && invalid,\n          'bg-disabled-background text-disabled': disabled,\n        },\n        props.className\n      )}\n\n      data-placeholder={!hasValue ? '' : undefined}\n      data-disabled={disabled ? '' : undefined}\n      data-invalid={invalid ? '' : undefined}\n\n      aria-invalid={invalid}\n      aria-disabled={disabled}\n      aria-haspopup=\"listbox\"\n      aria-expanded={state.isOpen}\n      aria-controls={state.isOpen ? `${state.id}-listbox` : undefined}\n    >\n      {hasValue ?\n        selectedDisplay?.(state.value) ?? (\n          <div className={clsx('flex flex-wrap gap-x-1 gap-y-2')}>\n            {state.selectedOptions.map(({ value, label }, index) => (\n              <span key={value} className=\"flex-row-0\">\n                {label}\n                {index < state.value.length - 1 && (<span>{','}</span>)}\n              </span>\n            ))}\n          </div>\n        )\n        : placeholder ?? translation('clickToSelect')\n      }\n      <ExpansionIcon\n        isExpanded={state.isOpen}\n        className={clsx({\n          'text-input-text': !disabled && !invalid,\n          'text-negative': !disabled && invalid,\n          'text-disabled': disabled,\n        })}\n      />\n    </button>\n  )\n})\n\n///\n/// SelectChipDisplay\n///\ntype SelectChipDisplayProps = HTMLAttributes<HTMLDivElement> & {\n  disabled?: boolean,\n  placeholder?: ReactNode,\n}\n\nexport const SelectChipDisplay = forwardRef<HTMLDivElement, SelectChipDisplayProps>(function SelectChipDisplay(\n  { ...props }, ref\n) {\n  const { state, trigger, item } = useSelectContext()\n  const { register, unregister, toggleOpen } = trigger\n\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(ref, () => innerRef.current)\n\n  useEffect(() => {\n    register(innerRef)\n    return () => unregister()\n  }, [register, unregister])\n\n  const disabled = !!props?.disabled || !!state.disabled\n  const invalid = state.invalid\n\n  return (\n    <div\n      {...props}\n      ref={innerRef}\n      className={clsx(\n        'flex flex-wrap flex-row gap-2 items-center bg-input-background text-input-text rounded-md px-2.5 py-2.5',\n        props.className\n      )}\n      data-disabled={disabled ? '' : undefined}\n      data-invalid={invalid ? '' : undefined}\n\n      aria-invalid={invalid}\n      aria-disabled={disabled}\n    >\n      {state.selectedOptions.map(({ value, label }) => (\n        <Chip key={value} className=\"gap-x-2\">\n          {label}\n          <TextButton\n            // TODO add label to indicate purpose to screen reader\n            onClick={() => {\n              item.toggleSelection(value, false)\n            }}\n            size=\"none\"\n            color=\"negative\"\n            className=\"flex-row-0 items-center px-0.5 py-0.5 w-6 h-6 rounded\"\n          >\n            <XIcon className=\"w-5 h-5\"/>\n          </TextButton>\n        </Chip>\n      ))}\n      <IconButton\n        id={state.id} // TODO allow for a custom id here\n        onClick={() => toggleOpen()}\n        onKeyDown={event => {\n          switch (event.key) {\n            case 'ArrowDown':\n              toggleOpen(true, { highlightStartPositionBehavior: 'first' })\n              break\n            case 'ArrowUp':\n              toggleOpen(true, { highlightStartPositionBehavior: 'last' })\n          }\n        }}\n        size=\"small\"\n        color=\"neutral\"\n\n        aria-invalid={invalid}\n        aria-disabled={disabled}\n        aria-haspopup=\"listbox\"\n        aria-expanded={state.isOpen}\n        aria-controls={state.isOpen ? `${state.id}-listbox` : undefined}\n      >\n        <Plus/>\n      </IconButton>\n    </div>\n  )\n})\n\n\n///\n/// SelectContent\n///\ntype Orientation = 'vertical' | 'horizontal'\n\nexport type SelectContentProps = HTMLAttributes<HTMLUListElement> & {\n  alignment?: Pick<UseFloatingElementOptions, 'gap' | 'horizontalAlignment' | 'verticalAlignment'>,\n  orientation?: Orientation,\n  containerClassName?: string,\n}\n\nexport const SelectContent = forwardRef<HTMLUListElement, SelectContentProps>(\n  function SelectContent({\n                           alignment,\n                           orientation = 'vertical',\n                           containerClassName,\n                           ...props\n                         }, ref) {\n    const innerRef = useRef<HTMLUListElement | null>(null)\n    useImperativeHandle(ref, () => innerRef.current)\n\n    const { trigger, state, config, item } = useSelectContext()\n\n    const position = useFloatingElement({\n      active: state.isOpen,\n      anchorRef: trigger.ref,\n      containerRef: innerRef,\n      ...alignment,\n    })\n\n    useFocusTrap({\n      container: innerRef,\n      active: state.isOpen && !!position,\n    })\n\n    return createPortal(\n      <div\n        id={`select-container-${state.id}`} className={clsx('fixed inset-0 w-screen h-screen', containerClassName)}\n        hidden={!state.isOpen}\n      >\n        <div\n          id={`select-background-${state.id}`}\n          onClick={() => trigger.toggleOpen(false)}\n          className={clsx('fixed inset-0 w-screen h-screen')}\n        />\n        <ul\n          {...props}\n          id={`${state.id}-listbox`}\n          ref={innerRef}\n          onKeyDown={(event) => {\n            switch (event.key) {\n              case 'Escape':\n                trigger.toggleOpen(false)\n                event.preventDefault()\n                event.stopPropagation()\n                break\n              case match(orientation, {\n                vertical: 'ArrowDown',\n                horizontal: 'ArrowUp'\n              }):\n                item.moveHighlightedIndex(1)\n                event.preventDefault()\n                break\n              case match(orientation, {\n                vertical: 'ArrowUp',\n                horizontal: 'ArrowDown'\n              }):\n                item.moveHighlightedIndex(-1)\n                event.preventDefault()\n                break\n              case 'Home':\n                // TODO support later by selecting the first not disabled entry\n                event.preventDefault()\n                break\n              case 'End':\n                // TODO support later by selecting the last not disabled entry\n                event.preventDefault()\n                break\n              case 'Enter': // Fall through\n              case ' ':\n                if (state.highlightedValue) {\n                  item.toggleSelection(state.highlightedValue)\n                  if (!config.isMultiSelect) {\n                    trigger.toggleOpen(false)\n                  }\n                  event.preventDefault()\n                }\n                break\n            }\n          }}\n\n          className={clsx('flex-col-0 p-2 bg-menu-background text-menu-text rounded-md shadow-hw-bottom focus-style-within overflow-auto', props.className)}\n          style={{\n            opacity: position ? undefined : 0,\n            position: 'fixed',\n            ...position\n          }}\n\n          role=\"listbox\"\n          aria-multiselectable={config.isMultiSelect}\n          aria-orientation={orientation}\n          tabIndex={position ? 0 : undefined}\n        >\n          {props.children}\n        </ul>\n      </div>, document.body\n    )\n  }\n)\n\n//\n// Select\n//\nexport type SelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'values' | 'onValuesChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & { selectedDisplay?: (value: string) => ReactNode },\n}\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select({\n                                                                                   children,\n                                                                                   contentPanelProps,\n                                                                                   buttonProps,\n                                                                                   ...props\n                                                                                 }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={false}>\n      <SelectButton\n        ref={ref}\n        {...buttonProps}\n        selectedDisplay={values => {\n          const value = values[0]\n          if (!buttonProps?.selectedDisplay) return undefined\n          return buttonProps.selectedDisplay(value)\n        }}\n      />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type SelectUncontrolledProps = SelectProps\nexport const SelectUncontrolled = forwardRef<HTMLButtonElement, SelectUncontrolledProps>(function SelectUncontrolled({\n                                                                                                                       value: initialValue,\n                                                                                                                       onValueChanged,\n                                                                                                                       ...props\n                                                                                                                     }, ref) {\n  const [value, setValue] = useOverwritableState(initialValue, onValueChanged)\n\n  return (\n    <Select\n      {...props}\n      ref={ref}\n      value={value}\n      onValueChanged={setValue}\n    />\n  )\n})\n\n\n//\n// MultiSelect\n//\nexport type MultiSelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  buttonProps?: SelectButtonProps,\n}\n\nexport const MultiSelect = forwardRef<HTMLButtonElement, MultiSelectProps>(function MultiSelect({\n                                                                                                  children,\n                                                                                                  contentPanelProps,\n                                                                                                  buttonProps,\n                                                                                                  ...props\n                                                                                                }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={true}>\n      <SelectButton ref={ref} {...buttonProps} />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type MultiSelectUncontrolledProps = MultiSelectProps\nexport const MultiSelectUncontrolled = forwardRef<HTMLButtonElement, MultiSelectUncontrolledProps>(function MultiSelectUncontrolled({\n                                                                                                                                      values: initialValues,\n                                                                                                                                      onValuesChanged,\n                                                                                                                                      ...props\n                                                                                                                                    }, ref) {\n  const [values, setValues] = useOverwritableState(initialValues, onValuesChanged)\n\n  return (\n    <MultiSelect\n      {...props}\n      ref={ref}\n      values={values}\n      onValuesChanged={setValues}\n    />\n  )\n})\n\n\n//\n// MultiSelectChipDisplay\n//\nexport type MultiSelectChipDisplayProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {\n  contentPanelProps?: SelectContentProps,\n  chipDisplayProps?: SelectChipDisplayProps,\n}\n\nexport const MultiSelectChipDisplay = forwardRef<HTMLDivElement, MultiSelectChipDisplayProps>(function MultiSelectChipDisplay({\n                                                                                                                                children,\n                                                                                                                                contentPanelProps,\n                                                                                                                                chipDisplayProps,\n                                                                                                                                ...props\n                                                                                                                              }, ref) {\n  return (\n    <SelectRoot {...props} isMultiSelect={true}>\n      <SelectChipDisplay ref={ref} {...chipDisplayProps} />\n      <SelectContent {...contentPanelProps}>{children}</SelectContent>\n    </SelectRoot>\n  )\n})\n\n\nexport type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps\nexport const MultiSelectChipDisplayUncontrolled = forwardRef<HTMLDivElement, MultiSelectChipDisplayUncontrolledProps>(function MultiSelectChipDisplayUncontrolled({\n                                                                                                                                                                    values: initialValues,\n                                                                                                                                                                    onValuesChanged,\n                                                                                                                                                                    ...props\n                                                                                                                                                                  }, ref) {\n  const [values, setValues] = useOverwritableState(initialValues, onValuesChanged)\n\n  return (\n    <MultiSelectChipDisplay\n      {...props}\n      ref={ref}\n      values={values}\n      onValuesChanged={setValues}\n    />\n  )\n})","import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useId } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type ExpansionIconProps = {\n  isExpanded?: boolean,\n  className?: string,\n}\n\nexport const ExpansionIcon = ({ isExpanded, className }: ExpansionIconProps) => {\n  return (\n    <ChevronDown\n      aria-hidden={true}\n      className={clsx(\n        'min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out',\n        { 'rotate-180': isExpanded },\n        className\n      )}\n    />\n  )\n}\n\ntype IconBuilder = (expanded: boolean) => ReactNode\n\nexport type ExpandableProps = PropsWithChildren<{\n  id?: string,\n  label: ReactNode,\n  icon?: IconBuilder,\n  isExpanded?: boolean,\n  onChange?: (isExpanded: boolean) => void,\n  /**\n   * Whether the expansion should only happen when the header is clicked or on the entire component\n   */\n  clickOnlyOnHeader?: boolean,\n  disabled?: boolean,\n  className?: string,\n  headerClassName?: string,\n  contentClassName?: string,\n  contentExpandedClassName?: string,\n}>\n\n/**\n * A Component for showing and hiding content\n */\nexport const Expandable = forwardRef<HTMLDivElement, ExpandableProps>(function Expandable({\n                                                                                            children,\n                                                                                            id: providedId,\n                                                                                            label,\n                                                                                            icon,\n                                                                                            isExpanded = false,\n                                                                                            onChange,\n                                                                                            clickOnlyOnHeader = true,\n                                                                                            disabled = false,\n                                                                                            className,\n                                                                                            headerClassName,\n                                                                                            contentClassName,\n                                                                                            contentExpandedClassName,\n                                                                                          }, ref) {\n\n  const defaultIcon = useCallback((expanded: boolean) => <ExpansionIcon isExpanded={expanded}/>, [])\n  icon ??= defaultIcon\n\n  const generatedId = useId()\n  const id = providedId ?? generatedId\n\n  return (\n    <div\n      ref={ref}\n      onClick={() => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n      className={clsx(\n        'flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm',\n        { 'cursor-pointer': !clickOnlyOnHeader && !disabled }, className\n      )}\n    >\n      <button\n        onClick={() => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n        className={clsx(\n          'flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none',\n          {\n            'group-hover:brightness-97': !isExpanded,\n            'hover:brightness-97': isExpanded && !disabled,\n            'cursor-pointer': clickOnlyOnHeader && !disabled,\n          },\n          headerClassName\n        )}\n\n        aria-expanded={isExpanded}\n        aria-controls={`${id}-content`}\n        aria-disabled={disabled ?? undefined}\n      >\n        {label}\n        {icon(isExpanded)}\n      </button>\n      <div\n        id={`${id}-content`}\n        className={clsx(\n          'flex-col-2 px-4 transition-all duration-300 ease-in-out',\n          {\n            [clsx('max-h-96 opacity-100 pb-2 overflow-y-auto', contentExpandedClassName)]: isExpanded,\n            'max-h-0 opacity-0 overflow-hidden': !isExpanded,\n          },\n          contentClassName\n        )}\n\n        role=\"region\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n})\n\nexport const ExpandableUncontrolled = forwardRef<HTMLDivElement, ExpandableProps>(function ExpandableUncontrolled({\n                                                                                                                    isExpanded,\n                                                                                                                    onChange,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange)\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={setUsedIsExpanded}\n    />\n  )\n})\n","export const match = <K extends string | number | symbol, V>(key: K, values: Record<K, V>) => {\n  return values[key]\n}","import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport clsx from 'clsx'\n\nconst chipColors = ['default', 'dark', 'red', 'yellow', 'green', 'blue', 'pink', 'orange'] as const\nexport type ChipColor = typeof chipColors[number]\n\ntype ChipVariant = 'normal' | 'fullyRounded'\ntype ChipSize = 'sm' | 'md' | 'lg'\n\nexport const ChipUtil = {\n  colors: chipColors,\n}\n\nexport type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n  color?: ChipColor,\n  size?: ChipSize,\n  icon?: boolean,\n  variant?: ChipVariant,\n  trailingIcon?: ReactNode,\n}>\n\n/**\n * A component for displaying a single chip\n */\nexport const Chip = ({\n                       children,\n                       trailingIcon,\n                       color = 'default',\n                       size = 'md',\n                       icon = false,\n                       variant = 'normal',\n                       className = '',\n                       ...restProps\n                     }: ChipProps) => {\n  const colorMapping: string = {\n    default: 'text-tag-default-text bg-tag-default-background',\n    dark: 'text-tag-dark-text bg-tag-dark-background',\n    red: 'text-tag-red-text bg-tag-red-background',\n    yellow: 'text-tag-yellow-text bg-tag-yellow-background',\n    green: 'text-tag-green-text bg-tag-green-background',\n    blue: 'text-tag-blue-text bg-tag-blue-background',\n    pink: 'text-tag-pink-text bg-tag-pink-background',\n    orange: 'text-tag-orange-text bg-tag-orange-background',\n  }[color]\n\n  const colorMappingIcon: string = {\n    default: 'text-tag-default-icon',\n    dark: 'text-tag-dark-icon',\n    red: 'text-tag-red-icon',\n    yellow: 'text-tag-yellow-icon',\n    green: 'text-tag-green-icon',\n    blue: 'text-tag-blue-icon',\n    pink: 'text-tag-pink-icon',\n    orange: 'text-tag-orange-icon',\n  }[color]\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(\n        `flex-row-0 w-fit font-semibold`,\n        colorMapping,\n        !icon ? {\n          'px-1 py-0.5': size === 'sm',\n          'px-2 py-1': size === 'md',\n          'px-4 py-2': size === 'lg',\n        } : {\n          'p-0.5': size === 'sm',\n          'p-1': size === 'md',\n          'p-2': size === 'lg',\n        },\n        {\n          'rounded-md': variant === 'normal',\n          'rounded-full': variant === 'fullyRounded',\n        },\n        className\n      )}\n    >\n      {children}\n      {trailingIcon && (<span className={colorMappingIcon}>{trailingIcon}</span>)}\n    </div>\n  )\n}\n\nexport type ChipListProps = {\n  list: ChipProps[],\n  className?: string,\n}\n\n/**\n * A component for displaying a list of chips\n */\nexport const ChipList = ({\n                           list,\n                           className = ''\n                         }: ChipListProps) => {\n  return (\n    <div className={clsx('flex flex-wrap gap-x-2 gap-y-2', className)}>\n      {list.map((value, index) => (\n        <Chip\n          key={index}\n          {...value}\n          color={value.color ?? 'default'}\n          variant={value.variant ?? 'normal'}\n        >\n          {value.children}\n        </Chip>\n      ))}\n    </div>\n  )\n}\n","'use client'\n\nimport type { CSSProperties, MutableRefObject } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { clamp } from '@/src/utils/math'\nimport { useIsMounted } from '@/src/hooks/focus/useIsMounted'\n\nexport type FloatingElementAlignment = 'beforeStart' | 'afterStart' | 'center' | 'beforeEnd' | 'afterEnd'\n\ntype RectangleBounds = {\n  top: number,\n  right: number,\n  bottom: number,\n  left: number,\n  width: number,\n  height: number,\n}\n\ntype CalculatePositionOptions = {\n  verticalAlignment?: FloatingElementAlignment,\n  horizontalAlignment?: FloatingElementAlignment,\n  screenPadding?: number,\n  gap?: number,\n}\n\ntype CalculatePositionProps = {\n  windowRect: RectangleBounds,\n  containerRect: RectangleBounds,\n  anchorRect: RectangleBounds,\n  options: CalculatePositionOptions,\n}\n\ntype UseFloatingElementStyle = {\n  left: number,\n  top: number,\n  maxWidth: number,\n  maxHeight: number,\n}\n\nfunction calculatePosition({\n                             windowRect,\n                             containerRect,\n                             anchorRect,\n                             options,\n                           }: CalculatePositionProps): UseFloatingElementStyle {\n  const { verticalAlignment, horizontalAlignment, gap, screenPadding } = options\n  const windowWidth = windowRect.width\n  const windowHeight = windowRect.height\n\n  const maxWidth = windowWidth - 2 * screenPadding\n  const maxHeight = windowHeight - 2 * screenPadding\n\n  const width = Math.min(containerRect.width, maxWidth)\n  const height = Math.min(containerRect.height, maxHeight)\n\n  const leftSuggestion = {\n    beforeStart: anchorRect.left - width - gap,\n    afterStart: anchorRect.left,\n    center: anchorRect.left + anchorRect.width / 2 - width / 2,\n    beforeEnd: anchorRect.right - width,\n    afterEnd: anchorRect.right + gap,\n  }[horizontalAlignment]\n\n  const topSuggestion = {\n    beforeStart: anchorRect.top - height - gap,\n    afterStart: anchorRect.top,\n    center: anchorRect.top + anchorRect.height / 2 - height / 2,\n    beforeEnd: anchorRect.bottom - height,\n    afterEnd: anchorRect.bottom + gap,\n  }[verticalAlignment]\n\n  const left = clamp(leftSuggestion, [\n    screenPadding,\n    windowWidth - screenPadding - width,\n  ])\n\n  const top = clamp(topSuggestion, [\n    screenPadding,\n    windowHeight - screenPadding - height,\n  ])\n\n  return {\n    left,\n    top,\n    maxWidth,\n    maxHeight,\n  }\n}\n\nexport type UseFloatingElementOptions = CalculatePositionOptions & {\n  isPolling?: boolean,\n  pollingInterval?: number,\n}\n\nexport type UseFloatingElementProps = UseFloatingElementOptions & {\n  containerRef: MutableRefObject<HTMLElement>,\n  anchorRef: MutableRefObject<HTMLElement>,\n  windowRef?: MutableRefObject<HTMLElement>,\n  active?: boolean,\n}\n\nexport function useFloatingElement({\n                                     active = true,\n                                     windowRef,\n                                     anchorRef,\n                                     containerRef,\n                                     isPolling = false,\n                                     pollingInterval = 100,\n                                     verticalAlignment = 'afterEnd',\n                                     horizontalAlignment = 'afterStart',\n                                     screenPadding = 16,\n                                     gap = 4,\n                                   }: UseFloatingElementProps) {\n  const [style, setStyle] = useState<CSSProperties>()\n  const isMounted = useIsMounted()\n\n  const calculate = useCallback(() => {\n    const containerRect = containerRef.current.getBoundingClientRect()\n    const windowRect: RectangleBounds = windowRef?.current.getBoundingClientRect() ?? {\n      top: 0,\n      bottom: window.innerHeight,\n      left: 0,\n      right: window.innerWidth,\n      width: window.innerWidth,\n      height: window.innerHeight,\n    }\n    const anchorElement = anchorRef?.current\n    if (anchorRef && !anchorElement) {\n      console.warn('FloatingContainer anchor provided, but its value is undefined')\n    }\n    const anchorRect: RectangleBounds = anchorElement?.getBoundingClientRect() ?? windowRect\n\n    const calculateProps: CalculatePositionProps = {\n      windowRect,\n      anchorRect,\n      containerRect,\n      options: {\n        horizontalAlignment,\n        verticalAlignment,\n        screenPadding,\n        gap,\n      }\n    }\n    setStyle(calculatePosition(calculateProps))\n  }, [anchorRef, containerRef, gap, horizontalAlignment, screenPadding, verticalAlignment, windowRef])\n\n\n  const height = containerRef.current?.getBoundingClientRect().height\n  const width = containerRef.current?.getBoundingClientRect().width\n  useEffect(() => {\n    if (active && isMounted) {\n      calculate()\n    } else {\n      setStyle(undefined)\n    }\n  }, [calculate, active, isMounted, height, width])\n\n  useEffect(() => {\n    window.addEventListener('resize', calculate)\n    let timeout: NodeJS.Timeout\n    if (isPolling) {\n      timeout = setInterval(calculate, pollingInterval)\n    }\n    return () => {\n      window.removeEventListener('resize', calculate)\n      if (timeout) {\n        clearInterval(timeout)\n      }\n    }\n  }, [calculate, isPolling, pollingInterval])\n\n  return style\n}","export const clamp = (value: number, range: [number, number] = [0, 1]): number => {\n  const [min, max] = range\n  return Math.min(Math.max(value, min), max)\n}\n","import type { ReactNode, PropsWithChildren } from 'react'\nimport type { DialogProps } from '@/src/components/dialog/Dialog'\nimport { Dialog } from '@/src/components/dialog/Dialog'\nimport type { Language } from '@/src/localization/util'\nimport { LanguageUtil } from '@/src/localization/util'\nimport type { PropsForTranslation, Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { useLanguage } from '@/src/localization/LanguageProvider'\nimport { Select, SelectOption } from '@/src/components/user-action/select/Select'\nimport { SolidButton } from '@/src/components/user-action/Button'\n\ntype LanguageDialogTranslation = {\n  language: string,\n  chooseLanguage: string,\n  done: string,\n} & Record<Language, string>\n\nconst defaultLanguageDialogTranslation: Translation<LanguageDialogTranslation> = {\n  en: {\n    language: 'Language',\n    chooseLanguage: 'Choose your language',\n    done: 'Done',\n    ...LanguageUtil.languagesLocalNames\n  },\n  de: {\n    language: 'Sprache',\n    chooseLanguage: 'Wähle deine bevorzugte Sprache',\n    done: 'Fertig',\n    ...LanguageUtil.languagesLocalNames\n  }\n}\n\ntype LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\n/**\n * A Dialog for selecting the Language\n *\n * The State of open needs to be managed by the parent\n */\nexport const LanguageDialog = ({\n                                 overwriteTranslation,\n                                 onClose,\n                                 titleOverwrite,\n                                 descriptionOverwrite,\n                                 ...props\n                               }: PropsForTranslation<LanguageDialogTranslation, PropsWithChildren<LanguageDialogProps>>) => {\n  const { language, setLanguage } = useLanguage()\n  const translation = useTranslation([defaultLanguageDialogTranslation], overwriteTranslation)\n\n  return (\n    <Dialog\n      titleElement={titleOverwrite ?? translation('language')}\n      description={descriptionOverwrite ?? translation('chooseLanguage')}\n      onClose={onClose}\n      {...props}\n    >\n      <div className=\"w-64\">\n        <Select\n          value={language}\n          onValueChanged={(language: string) => setLanguage(language as Language)}\n          contentPanelProps={{ containerClassName: 'z-200' }}\n          buttonProps={{\n            selectedDisplay: value => translation(value as Language)\n          }}\n        >\n          {LanguageUtil.languages.map((language) => (\n            <SelectOption key={language} value={language}>{translation(language)}</SelectOption>\n          ))}\n        </Select>\n        <div className=\"flex-row-4 mt-3 justify-end\">\n          <SolidButton color=\"positive\" onClick={onClose}>\n            {translation('done')}\n          </SolidButton>\n        </div>\n      </div>\n    </Dialog>\n  )\n}\n","import { type PropsWithChildren, type ReactNode } from 'react'\nimport type { DialogProps } from '@/src/components/dialog/Dialog'\nimport { Dialog } from '@/src/components/dialog/Dialog'\nimport { MonitorCog, MoonIcon, SunIcon } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { ThemeType, ThemeTypeTranslation } from '@/src/theming/useTheme'\nimport { ThemeUtil, useTheme } from '@/src/theming/useTheme'\nimport type { FormTranslationType } from '@/src/localization/defaults/form'\nimport { formTranslation } from '@/src/localization/defaults/form'\nimport type { PropsForTranslation, Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\nimport { Select, SelectOption } from '@/src/components/user-action/select/Select'\nimport { SolidButton } from '@/src/components/user-action/Button'\n\ntype ThemeIconProps = {\n  theme: ThemeType,\n  className?: string,\n}\nconst ThemeIcon = ({ theme, className }: ThemeIconProps) => {\n  if (theme === 'dark') {\n    return (\n      <MoonIcon className={clsx('w-4 h-4', className)}/>\n    )\n  } else if (theme === 'light') {\n    return (\n      <SunIcon className={clsx('w-4 h-4', className)}/>\n    )\n  } else {\n    return (\n      <MonitorCog className={clsx('w-4 h-4', className)}/>\n    )\n  }\n}\n\ntype ThemeDialogTranslationAddon = {\n  chooseTheme: string,\n}\n\ntype ThemeDialogTranslation = ThemeDialogTranslationAddon & ThemeTypeTranslation & FormTranslationType\n\nconst defaultConfirmDialogTranslation: Translation<ThemeDialogTranslationAddon> = {\n  en: {\n    chooseTheme: 'Choose your preferred color theme.',\n  },\n  de: {\n    chooseTheme: 'Wähle dein bevorzugtes Farbschema.',\n  }\n}\n\ntype ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {\n  titleOverwrite?: ReactNode,\n  descriptionOverwrite?: ReactNode,\n}\n\n/**\n * A Dialog for selecting the Theme\n *\n * The State of open needs to be managed by the parent\n */\nexport const ThemeDialog = ({\n                              overwriteTranslation,\n                              onClose,\n                              titleOverwrite,\n                              descriptionOverwrite,\n                              ...props\n                            }: PropsForTranslation<ThemeDialogTranslation, PropsWithChildren<ThemeDialogProps>>) => {\n  const { theme, setTheme } = useTheme()\n  const translation = useTranslation([defaultConfirmDialogTranslation, formTranslation, ThemeUtil.translation], overwriteTranslation)\n\n  return (\n    <Dialog\n      titleElement={titleOverwrite ?? translation('theme')}\n      description={descriptionOverwrite ?? translation('chooseTheme')}\n      onClose={onClose}\n      {...props}\n    >\n      <div className=\"w-64\">\n        <Select\n          value={theme}\n          onValueChanged={(theme) => setTheme(theme as ThemeType)}\n          iconAppearance=\"right\"\n          contentPanelProps={{\n            containerClassName: 'z-200',\n          }}\n          buttonProps={{\n            selectedDisplay: (value) => (\n              <div className=\"flex-row-2 items-center\">\n                <ThemeIcon theme={theme}/>\n                {translation(value as ThemeType)}\n              </div>\n            ),\n            className: 'min-w-32',\n          }}\n        >\n          {ThemeUtil.themes.map((theme) => (\n            <SelectOption key={theme} value={theme} className=\"gap-x-6 justify-between\">\n              <div className=\"flex-row-2 items-center\">\n                <ThemeIcon theme={theme}/>\n                {translation(theme as ThemeType)}\n              </div>\n            </SelectOption>\n          ))}\n        </Select>\n        <div className=\"flex-row-4 mt-3 justify-end\">\n          <SolidButton autoFocus color=\"positive\" onClick={onClose}>\n            {translation('done')}\n          </SolidButton>\n        </div>\n      </div>\n    </Dialog>\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme && theme !== 'system') {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n"],"mappings":"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","names":["SolidButton","IconButton","useState","jsx","clsx","useId","useEffect","useRef","useState","clsx","useCallback","useEffect","useState","useEffect","useState","listener","useState","useCallback","useEffect","active","useEffect","useState","jsx","jsxs","useState","useId","useRef","useEffect","clsx","jsx","jsxs","clsx","jsx","forwardRef","useRef","clsx","useEffect","useState","defaultOptions","useCallback","useEffect","useState","useState","useEffect","jsx","forwardRef","Input","useRef","clsx","value","jsx","createContext","forwardRef","useCallback","useContext","useEffect","useId","useImperativeHandle","useMemo","useRef","useState","clsx","forwardRef","useCallback","useId","clsx","jsx","jsxs","clsx","forwardRef","Expandable","useCallback","useId","ExpandableUncontrolled","clsx","jsx","jsxs","jsxs","clsx","jsx","useCallback","useEffect","useState","useState","useCallback","useEffect","createPortal","jsx","jsxs","createContext","useContext","useRef","useId","useState","useMemo","value","useCallback","isOpen","useEffect","forwardRef","SelectOption","clsx","SelectButton","useImperativeHandle","SelectChipDisplay","SelectContent","createPortal","Select","SelectUncontrolled","MultiSelect","MultiSelectUncontrolled","MultiSelectChipDisplay","MultiSelectChipDisplayUncontrolled","jsx","jsxs","language","clsx","createContext","useCallback","useContext","useEffect","useMemo","useState","jsx","createContext","useContext","jsx","jsxs","clsx","theme"]}