@helpwave/hightide 0.1.26 → 0.1.28

package/dist/components/layout/Carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Carousel.tsx","../../../src/utils/array.ts","../../../src/components/user-action/Button.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\nimport clsx from 'clsx'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { createLoopingListWithIndex, range } from '@/src/utils/array'\nimport { IconButton } from '../user-action/Button'\nimport type { Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\n\n//\n// CarouselContext\n//\ntype CarouselContextType = {\n  id: string,\n  currentIndex: number,\n  slideCount: number,\n  isLooping: boolean,\n}\n\nconst CarouselContext = createContext<CarouselContextType | null>(null)\n\nconst useCarouselContext = () => {\n  const context = useContext(CarouselContext)\n  if (!context) {\n    console.error('useCarouselContext must be used within CarouselContext')\n  }\n  return context\n}\n\n//\n// CarouselTab\n//\ntype CarouselTabTranslationType = {\n  showSlide: string,\n  slideNavigation: string,\n}\n\nconst defaultCarouselTabTranslationType: Translation<CarouselTabTranslationType> = {\n  en: {\n    showSlide: `Show Slide {{index}}`,\n    slideNavigation: 'Slide navigation'\n  },\n  de: {\n    showSlide: 'Zeige Slide {{index}}',\n    slideNavigation: 'Slide Navigation',\n  }\n}\n\ntype CarouselTabsProps = {\n  onChange: (index: number) => void,\n}\n\nexport default function CarouselTabs({\n                                       onChange,\n                                     }: CarouselTabsProps) {\n  const translation = useTranslation<CarouselTabTranslationType>([\n    defaultCarouselTabTranslationType,\n  ])\n  const { id, slideCount, currentIndex, isLooping } = useCarouselContext()\n\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([])\n\n  const handleKeyDown = (event: React.KeyboardEvent, index: number) => {\n    let newIndex = index\n    if (event.key === 'ArrowRight') {\n      newIndex = isLooping ? (index + 1) % slideCount : Math.max(index + 1, slideCount - 1)\n    } else if (event.key === 'ArrowLeft') {\n      newIndex = isLooping ? (index - 1 + slideCount) % slideCount : Math.max(index - 1, 0)\n    } else {\n      return\n    }\n    event.preventDefault()\n    onChange(newIndex)\n    tabRefs.current[newIndex]?.focus()\n  }\n\n  return (\n    <div\n      className=\"flex-row-1 items-center justify-center w-full my-2\"\n      role=\"tablist\"\n      aria-label={translation('slideNavigation')}\n      id={`${id}-tablist`}\n    >\n      {range(slideCount).map((index) => {\n        const isSelected = currentIndex === index\n        return (\n          <button\n            id={`${id}-tab-${index}`}\n            key={index}\n            ref={(el) => (tabRefs.current[index] = el)}\n\n            onClick={() => onChange(index)}\n            onKeyDown={(e) => handleKeyDown(e, index)}\n\n            className={clsx(\n              'w-8 min-w-8 h-3 min-h-3 first:rounded-l-md last:rounded-r-md',\n              {\n                'bg-carousel-dot-disabled hover:bg-carousel-dot-active': currentIndex !== index,\n                'bg-carousel-dot-active hover:brightness-90': currentIndex === index,\n              }\n            )}\n\n            role=\"tab\"\n            tabIndex={isSelected ? 0 : -1}\n            aria-label={translation('showSlide', { replacements: { index: (index + 1).toString() } })}\n            aria-selected={isSelected}\n            aria-controls={`slide-${index}`}\n            aria-disabled={isSelected}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\n//\n// CarouselSlide\n//\ntype CarouselSlideTranslationType = {\n  slide: string,\n  slideOf: string,\n}\n\nconst defaultCarouselSlideTranslationType: Translation<CarouselSlideTranslationType> = {\n  en: {\n    slide: 'Slide',\n    slideOf: `Slide {{index}} of {{length}} slides`,\n  },\n  de: {\n    slide: 'Slide',\n    slideOf: `Slide {{index}} von {{length}} slides`,\n  }\n}\n\nexport interface CarouselSlideProps extends HTMLAttributes<HTMLDivElement> {\n  index: number,\n}\n\nexport const CarouselSlide = forwardRef<HTMLDivElement, CarouselSlideProps>(\n  function CarouselSlide({\n                           index,\n                           ...props\n                         }, ref) {\n    const translation = useTranslation<CarouselSlideTranslationType>([defaultCarouselSlideTranslationType])\n    const { id, currentIndex, slideCount } = useCarouselContext()\n\n    const isSelected = currentIndex === index\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        id={`${id}-slide-${index}`}\n\n        className={clsx('focus-style-none group/slide', props.className)}\n\n        tabIndex={isSelected ? 0 : undefined}\n        role=\"group\"\n        aria-roledescription={translation('slide')}\n        aria-label={translation('slideOf', {\n          replacements: {\n            index: (index + 1).toString(),\n            length: (slideCount).toString(),\n          },\n        })}\n        aria-hidden={isSelected ? undefined : true}\n      />\n    )\n  }\n)\n\n//\n// Carousel\n//\ntype DragState = {\n  dragStartX: number,\n  dragOffsetX: number,\n}\n\ntype CarouselTranslationType = {\n  slide: string,\n  carousel: string,\n  slideOf: string,\n  chooseSlide: string,\n}\n\nconst defaultCarouselTranslationType: Translation<CarouselTranslationType> = {\n  en: {\n    slide: 'Slide',\n    carousel: 'Carousel',\n    slideOf: `Slide {{index}} of {{length}} slides`,\n    chooseSlide: 'Choose slide to display'\n  },\n  de: {\n    slide: 'Slide',\n    carousel: 'Karussell',\n    slideOf: `Slide {{index}} von {{length}} slides`,\n    chooseSlide: 'Wähle die angezeigte Slide aus'\n  }\n}\n\ntype ItemType = {\n  item: ReactNode,\n  index: number,\n}\n\nexport type CarouselProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: ReactNode[],\n  animationTime?: number,\n  isLooping?: boolean,\n  isAutoPlaying?: boolean,\n  autoLoopingTimeOut?: number,\n  autoLoopAnimationTime?: number,\n  hintNext?: boolean,\n  arrows?: boolean,\n  dots?: boolean,\n  /**\n   * Percentage that is allowed to be scrolled further\n   */\n  overScrollThreshold?: number,\n  blurColor?: string,\n  heightClassName?: string,\n  widthClassName?: string,\n  slideContainerProps?: HTMLAttributes<HTMLDivElement>,\n}\n\nexport const Carousel = ({\n                           children,\n                           animationTime = 200,\n                           isLooping = false,\n                           isAutoPlaying = false,\n                           autoLoopingTimeOut = 5000,\n                           autoLoopAnimationTime = 1000,\n                           hintNext = false,\n                           arrows = false,\n                           dots = true,\n                           blurColor = 'from-background',\n                           heightClassName = 'h-96',\n                           widthClassName = 'w-[70%] desktop:w-1/2',\n                           slideContainerProps,\n                           ...props\n                         }: CarouselProps) => {\n  const translation = useTranslation([defaultCarouselTranslationType])\n  const slideRefs = useRef<HTMLDivElement[]>([])\n  const [currentIndex, setCurrentIndex] = useState<number>(0)\n  const [hasFocus, setHasFocus] = useState(false)\n  const [dragState, setDragState] = useState<DragState>()\n  const isPaused = hasFocus\n  const carouselContainerRef = useRef<HTMLDivElement>(null)\n  const [disableClick, setDisableClick] = useState(false)\n\n  const timeOut = useRef<NodeJS.Timeout | undefined>(undefined)\n\n  const length = useMemo(() => children.length, [children])\n  const paddingItemCount = 3 // The number of items to append left and right of the list to allow for clean transition when looping\n\n  const generatedId = 'carousel' + useId()\n  const id = props.id ?? generatedId\n\n  // Validation\n  if (isAutoPlaying && !isLooping) {\n    console.error('When isAutoLooping is true, isLooping should also be true')\n    isLooping = true\n  }\n  autoLoopingTimeOut = Math.max(0, autoLoopingTimeOut) // time between transitions\n  animationTime = Math.max(100, animationTime) // in ms, must be > 0\n  autoLoopAnimationTime = Math.max(200, autoLoopAnimationTime)\n\n  useEffect(() => {\n    const carousel = carouselContainerRef.current\n\n    if (carousel) {\n      function onFocus() {\n        setHasFocus(true)\n      }\n\n      function onBlur() {\n        setHasFocus(false)\n      }\n\n\n      carousel?.addEventListener('focusin', onFocus)\n      carousel?.addEventListener('focusout', onBlur)\n      return () => {\n        carousel?.removeEventListener('focusin', onFocus)\n        carousel?.removeEventListener('focusin', onFocus)\n      }\n    }\n  }, [])\n\n  const getStyleOffset = (index: number) => {\n    const baseOffset = -50 + (index - currentIndex) * 100\n    return `${baseOffset}%`\n  }\n\n  const canGoLeft = () => {\n    return isLooping || currentIndex !== 0\n  }\n\n  const canGoRight = useCallback(() => {\n    return isLooping || currentIndex !== length - 1\n  }, [currentIndex, isLooping, length])\n\n  const left = () => {\n    if (canGoLeft()) {\n      setCurrentIndex(currentIndex - 1)\n    }\n  }\n\n  const right = useCallback(() => {\n    if (canGoRight()) {\n      setCurrentIndex((currentIndex + length + 1) % length)\n    }\n  }, [canGoRight, currentIndex, length])\n\n  useEffect(() => {\n    if (!timeOut.current && !isPaused) {\n      if (autoLoopingTimeOut > 0) {\n        timeOut.current = setTimeout(() => {\n          right()\n          timeOut.current = undefined\n        }, autoLoopingTimeOut)\n      } else {\n        right()\n      }\n    }\n    if ((isPaused || !!dragState) && timeOut.current) {\n      clearTimeout(timeOut.current)\n      timeOut.current = undefined\n    }\n  }, [right, isPaused, autoLoopingTimeOut, dragState])\n\n\n  let items: ItemType[] = children.map((item, index) => ({\n    index,\n    item\n  }))\n  let before: ItemType[] = []\n  let after: ItemType[] = []\n  if (isLooping) {\n    before = createLoopingListWithIndex(children, length - 1, paddingItemCount, false).reverse().map(([index, item]) => ({\n      index,\n      item\n    }))\n    after = createLoopingListWithIndex(children, 0, paddingItemCount).map(([index, item]) => ({\n      index,\n      item\n    }))\n\n    items = [...before, ...items, ...after]\n  }\n\n  const handlePointerDown = (e: React.PointerEvent) => {\n    setDragState({\n      dragOffsetX: 0,\n      dragStartX: e.clientX,\n    })\n  }\n\n  const handlePointerMove = (e: React.PointerEvent) => {\n    if (!dragState) return\n    setDragState(prevState => ({ dragStartX: prevState.dragStartX, dragOffsetX: e.clientX - prevState.dragStartX }))\n  }\n\n  const handlePointerUp = () => {\n    if (!dragState) return\n    if (dragState.dragOffsetX > 50) {\n      left()\n    } else if (dragState.dragOffsetX < -50) {\n      right()\n    }\n    setDragState(undefined)\n  }\n\n  useEffect(() => {\n    setDisableClick(!dragState)\n  }, [dragState])\n\n  return (\n    <CarouselContext.Provider value={{ id, currentIndex, slideCount: length, isLooping }}>\n      <div\n        ref={carouselContainerRef}\n        {...props}\n        className={clsx('flex-col-2 items-center w-full', props.className)}\n\n        id={id}\n        role=\"region\"\n        aria-roledescription={translation('slide')}\n      >\n        <div\n          {...slideContainerProps}\n          className={clsx(`relative w-full overflow-hidden`, heightClassName, slideContainerProps?.className)}\n        >\n          {hintNext ? (\n            <div\n              onPointerDown={handlePointerDown}\n              onPointerMove={handlePointerMove}\n              onPointerUp={handlePointerUp}\n              onPointerLeave={handlePointerUp}\n              className={clsx(`flex-row-2 relative h-full`, heightClassName)}\n            >\n              <div className=\"flex-row-2 relative h-full w-full px-2 overflow-hidden\">\n                {items.map(({\n                              item,\n                              index\n                            }, listIndex) => {\n                  const isInItems = before.length <= listIndex && listIndex < items.length - after.length\n\n                  return (\n                    <CarouselSlide\n                      ref={isInItems ? slideRefs[index] : undefined}\n                      key={listIndex}\n                      index={index}\n                      className={clsx(\n                        `absolute left-[50%] h-full overflow-hidden transition-transform ease-in-out`,\n                        widthClassName\n                      )}\n                      onClick={() => !disableClick && setCurrentIndex(index)}\n                      style={{\n                        translate: `calc(${getStyleOffset(listIndex - (isLooping ? paddingItemCount : 0))} + ${dragState ? dragState.dragOffsetX : 0}px)`,\n                        transitionDuration: dragState ? '0ms' : ((isAutoPlaying && !isPaused ? autoLoopAnimationTime : animationTime) + 'ms'),\n                      }}\n                    >\n                      {item}\n                    </CarouselSlide>\n                  )\n                })}\n              </div>\n              <div\n                className={clsx(`hidden desktop:block pointer-events-none absolute left-0 h-full w-[20%] bg-gradient-to-r to-transparent`, blurColor)}\n              />\n              <div\n                className={clsx(`hidden desktop:block pointer-events-none absolute right-0 h-full w-[20%] bg-gradient-to-l to-transparent`, blurColor)}\n              />\n            </div>\n          ) : (\n            <div\n              ref={slideRefs[currentIndex]}\n              className={clsx('px-16 h-full')}\n\n              tabIndex={0}\n              role=\"group\"\n              aria-roledescription={translation('slide')}\n              aria-label={translation('slideOf', {\n                replacements: {\n                  index: (currentIndex + 1).toString(),\n                  length: items.length.toString()\n                }\n              })}\n            >\n              {children[currentIndex]}\n            </div>\n          )}\n          {arrows && (\n            <>\n              <IconButton\n                color=\"neutral\"\n                className={clsx('absolute z-10 left-2 top-1/2 -translate-y-1/2 shadow-md', { hidden: !canGoLeft() })}\n                disabled={!canGoLeft()}\n                onClick={() => left()}\n              >\n                <ChevronLeft size={24}/>\n              </IconButton>\n              <IconButton\n                color=\"neutral\"\n                className={clsx('absolute z-10 right-2 top-1/2 -translate-y-1/2 shadow-md', { hidden: !canGoRight() })}\n                disabled={!canGoRight()}\n                onClick={() => right()}\n              >\n                <ChevronRight size={24}/>\n              </IconButton>\n            </>\n          )}\n        </div>\n        {dots && (<CarouselTabs onChange={setCurrentIndex}/>)}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n","export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n}\n","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'\n\ntype IconButtonSize = 'tiny' | 'small' | 'medium' | 'large'\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  small: 'btn-sm',\n  medium: 'btn-md',\n  large: 'btn-lg'\n}\n\nconst iconPaddingMapping: Record<IconButtonSize, string> = {\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-text 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-text 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 focus-style-none focus-visible:ring-2 not-disabled:focus-visible:ring-button-text-primary-text',\n    negative: 'not-disabled:bg-transparent not-disabled:text-button-text-negative-text focus-style-none focus-visible:ring-2 not-disabled:focus-visible:ring-button-text-negative-text',\n    neutral: 'not-disabled:bg-transparent not-disabled:text-button-text-neutral-text focus-style-none focus-visible:ring-2 not-disabled:focus-visible:ring-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-text',\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-text',\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, 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\nexport const useLanguage = () => useContext(LanguageContext)\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\ntype LanguageProviderProps = {\n  initialLanguage?: Language,\n}\n\nexport const LanguageProvider = ({ initialLanguage, children }: PropsWithChildren<LanguageProviderProps>) => {\n  const [language, setLanguage] = useState<Language>(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Language>('language', initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if (language !== initialLanguage && initialLanguage) {\n      console.warn('LanguageProvider initial state changed: Prefer using languageProvider\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('lang', language)\n    setStoredLanguage(language)\n  }, [language])  // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const matchingBrowserLanguage = window.navigator.languages\n      .map(language => LanguageToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguage.length === 0) return\n\n    const firstMatch = matchingBrowserLanguage[0] as Language\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\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>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, 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  return [storedValue, setValue]\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}"],"mappings":"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","names":["createContext","forwardRef","useCallback","useContext","useEffect","useState","clsx","SolidButton","IconButton","useState","jsx","jsx","jsxs","createContext","useContext","clsx","forwardRef","CarouselSlide","useState","useEffect","useCallback"]}

package/dist/components/{layout-and-navigation → layout}/Chip.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/layout-and-navigation/Chip.tsx
+// src/components/layout/Chip.tsx
 var Chip_exports = {};
 __export(Chip_exports, {
   Chip: () => Chip,

package/dist/components/layout/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Chip.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAiB;AAwDb;AAtDJ,IAAM,aAAa,CAAC,WAAW,QAAQ,OAAO,UAAU,SAAS,QAAQ,QAAQ,QAAQ;AAMlF,IAAM,WAAW;AAAA,EACtB,QAAQ;AACV;AAaO,IAAM,OAAO,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACL,MAAiB;AACpC,QAAM,eAAuB;AAAA,IAC3B,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,EAAE,KAAK;AAEP,QAAM,mBAA2B;AAAA,IAC/B,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,EAAE,KAAK;AAEP,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,YAAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,CAAC,OAAO;AAAA,UACN,eAAe,SAAS;AAAA,UACxB,aAAa,SAAS;AAAA,UACtB,aAAa,SAAS;AAAA,QACxB,IAAI;AAAA,UACF,SAAS,SAAS;AAAA,UAClB,OAAO,SAAS;AAAA,UAChB,OAAO,SAAS;AAAA,QAClB;AAAA,QACA;AAAA,UACE,cAAc,YAAY;AAAA,UAC1B,gBAAgB,YAAY;AAAA,QAC9B;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACA,gBAAiB,4CAAC,UAAK,WAAW,kBAAmB,wBAAa;AAAA;AAAA;AAAA,EACrE;AAEJ;AAUO,IAAM,WAAW,CAAC;AAAA,EACE;AAAA,EACA,YAAY;AACd,MAAqB;AAC5C,SACE,4CAAC,SAAI,eAAW,YAAAA,SAAK,kCAAkC,SAAS,GAC7D,eAAK,IAAI,CAAC,OAAO,UAChB;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MACJ,OAAO,MAAM,SAAS;AAAA,MACtB,SAAS,MAAM,WAAW;AAAA,MAEzB,gBAAM;AAAA;AAAA,IALF;AAAA,EAMP,CACD,GACH;AAEJ;","names":["clsx"]}

package/dist/components/{layout-and-navigation → layout}/Chip.mjs

@@ -1,4 +1,4 @@
-// src/components/layout-and-navigation/Chip.tsx
+// src/components/layout/Chip.tsx
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 var chipColors = ["default", "dark", "red", "yellow", "green", "blue", "pink", "orange"];

package/dist/components/layout/Chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Chip.tsx"],"sourcesContent":["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"],"mappings":";AACA,OAAO,UAAU;AAwDb,SAsBoB,KAtBpB;AAtDJ,IAAM,aAAa,CAAC,WAAW,QAAQ,OAAO,UAAU,SAAS,QAAQ,QAAQ,QAAQ;AAMlF,IAAM,WAAW;AAAA,EACtB,QAAQ;AACV;AAaO,IAAM,OAAO,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACL,MAAiB;AACpC,QAAM,eAAuB;AAAA,IAC3B,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,EAAE,KAAK;AAEP,QAAM,mBAA2B;AAAA,IAC/B,SAAS;AAAA,IACT,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,EAAE,KAAK;AAEP,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,CAAC,OAAO;AAAA,UACN,eAAe,SAAS;AAAA,UACxB,aAAa,SAAS;AAAA,UACtB,aAAa,SAAS;AAAA,QACxB,IAAI;AAAA,UACF,SAAS,SAAS;AAAA,UAClB,OAAO,SAAS;AAAA,UAChB,OAAO,SAAS;AAAA,QAClB;AAAA,QACA;AAAA,UACE,cAAc,YAAY;AAAA,UAC1B,gBAAgB,YAAY;AAAA,QAC9B;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,QACA,gBAAiB,oBAAC,UAAK,WAAW,kBAAmB,wBAAa;AAAA;AAAA;AAAA,EACrE;AAEJ;AAUO,IAAM,WAAW,CAAC;AAAA,EACE;AAAA,EACA,YAAY;AACd,MAAqB;AAC5C,SACE,oBAAC,SAAI,WAAW,KAAK,kCAAkC,SAAS,GAC7D,eAAK,IAAI,CAAC,OAAO,UAChB;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MACJ,OAAO,MAAM,SAAS;AAAA,MACtB,SAAS,MAAM,WAAW;AAAA,MAEzB,gBAAM;AAAA;AAAA,IALF;AAAA,EAMP,CACD,GACH;AAEJ;","names":[]}

package/dist/components/{layout-and-navigation → layout}/DividerInserter.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/layout-and-navigation/DividerInserter.tsx
+// src/components/layout/DividerInserter.tsx
 var DividerInserter_exports = {};
 __export(DividerInserter_exports, {
   DividerInserter: () => DividerInserter

package/dist/components/layout/DividerInserter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/DividerInserter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport clsx from 'clsx'\n\nexport type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: ReactNode[],\n  divider: (index: number) => ReactNode,\n}\n\n/**\n * A Component for inserting a divider in the middle of each child element\n *\n *  undefined elements are removed\n */\nexport const DividerInserter = ({\n                                  children,\n                                  divider,\n                                  className,\n                                  ...restProps\n                                }: DividerInserterProps) => {\n  const nodes: ReactNode[] = []\n\n  for (let index = 0; index < children.length; index++) {\n    const element = children[index]\n    if (element !== undefined) {\n      nodes.push(element)\n      if (index < children.length - 1) {\n        nodes.push(divider(index))\n      }\n    }\n  }\n\n  return (\n    <div className={clsx(className)} {...restProps}>\n      {nodes}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAiB;AA+Bb;AAnBG,IAAM,kBAAkB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4B;AAC1D,QAAM,QAAqB,CAAC;AAE5B,WAAS,QAAQ,GAAG,QAAQ,SAAS,QAAQ,SAAS;AACpD,UAAM,UAAU,SAAS,KAAK;AAC9B,QAAI,YAAY,QAAW;AACzB,YAAM,KAAK,OAAO;AAClB,UAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,cAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,eAAW,YAAAA,SAAK,SAAS,GAAI,GAAG,WAClC,iBACH;AAEJ;","names":["clsx"]}

package/dist/components/{layout-and-navigation → layout}/DividerInserter.mjs

@@ -1,4 +1,4 @@
-// src/components/layout-and-navigation/DividerInserter.tsx
+// src/components/layout/DividerInserter.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 var DividerInserter = ({

package/dist/components/layout/DividerInserter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/DividerInserter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport clsx from 'clsx'\n\nexport type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: ReactNode[],\n  divider: (index: number) => ReactNode,\n}\n\n/**\n * A Component for inserting a divider in the middle of each child element\n *\n *  undefined elements are removed\n */\nexport const DividerInserter = ({\n                                  children,\n                                  divider,\n                                  className,\n                                  ...restProps\n                                }: DividerInserterProps) => {\n  const nodes: ReactNode[] = []\n\n  for (let index = 0; index < children.length; index++) {\n    const element = children[index]\n    if (element !== undefined) {\n      nodes.push(element)\n      if (index < children.length - 1) {\n        nodes.push(divider(index))\n      }\n    }\n  }\n\n  return (\n    <div className={clsx(className)} {...restProps}>\n      {nodes}\n    </div>\n  )\n}\n"],"mappings":";AACA,OAAO,UAAU;AA+Bb;AAnBG,IAAM,kBAAkB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4B;AAC1D,QAAM,QAAqB,CAAC;AAE5B,WAAS,QAAQ,GAAG,QAAQ,SAAS,QAAQ,SAAS;AACpD,UAAM,UAAU,SAAS,KAAK;AAC9B,QAAI,YAAY,QAAW;AACzB,YAAM,KAAK,OAAO;AAClB,UAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,cAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,KAAK,SAAS,GAAI,GAAG,WAClC,iBACH;AAEJ;","names":[]}

package/dist/components/{layout-and-navigation → layout}/Expandable.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 var Expandable_exports = {};
 __export(Expandable_exports, {
   Expandable: () => Expandable,
@@ -41,7 +41,7 @@ var import_clsx = __toESM(require("clsx"));
 // src/utils/noop.ts
 var noop = () => void 0;
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ExpansionIcon = ({ isExpanded, className }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/layout/Expandable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Expandable.tsx","../../../src/utils/noop.ts"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useEffect, useId, useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { noop } from '@/src/utils/noop'\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 = noop,\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 = noop,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useState(isExpanded)\n\n  useEffect(() => {\n    setUsedIsExpanded(isExpanded)\n  }, [isExpanded])\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={value => {\n        onChange(value)\n        setUsedIsExpanded(value)\n      }}\n    />\n  )\n})\n","export const noop = () => undefined\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoE;AACpE,0BAA4B;AAC5B,kBAAiB;;;ACHV,IAAM,OAAO,MAAM;;;ADatB;AAFG,IAAM,gBAAgB,CAAC,EAAE,YAAY,UAAU,MAA0B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,eAAW,YAAAA;AAAA,QACT;AAAA,QACA,EAAE,cAAc,WAAW;AAAA,QAC3B;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAwBO,IAAM,iBAAa,yBAA4C,SAASC,YAAW;AAAA,EACE;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AAEhG,QAAM,kBAAc,0BAAY,CAAC,aAAsB,4CAAC,iBAAc,YAAY,UAAS,GAAI,CAAC,CAAC;AACjG,WAAS;AAET,QAAM,kBAAc,oBAAM;AAC1B,QAAM,KAAK,cAAc;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,MAAM,CAAC,qBAAqB,CAAC,YAAY,SAAS,CAAC,UAAU;AAAA,MAEtE,eAAW,YAAAD;AAAA,QACT;AAAA,QACA,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS;AAAA,QAAG;AAAA,MACzD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,qBAAqB,CAAC,YAAY,SAAS,CAAC,UAAU;AAAA,YAErE,eAAW,YAAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,6BAA6B,CAAC;AAAA,gBAC9B,uBAAuB,cAAc,CAAC;AAAA,gBACtC,kBAAkB,qBAAqB,CAAC;AAAA,cAC1C;AAAA,cACA;AAAA,YACF;AAAA,YAEA,iBAAe;AAAA,YACf,iBAAe,GAAG,EAAE;AAAA,YACpB,iBAAe,YAAY;AAAA,YAE1B;AAAA;AAAA,cACA,KAAK,UAAU;AAAA;AAAA;AAAA,QAClB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,GAAG,EAAE;AAAA,YACT,eAAW,YAAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,KAAC,YAAAA,SAAK,6CAA6C,wBAAwB,CAAC,GAAG;AAAA,gBAC/E,qCAAqC,CAAC;AAAA,cACxC;AAAA,cACA;AAAA,YACF;AAAA,YAEA,MAAK;AAAA,YAEJ;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAEM,IAAM,6BAAyB,yBAA4C,SAASE,wBAAuB;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GACA,KAAK;AACrH,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,UAAU;AAE/D,8BAAU,MAAM;AACd,sBAAkB,UAAU;AAAA,EAC9B,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,MACZ,UAAU,WAAS;AACjB,iBAAS,KAAK;AACd,0BAAkB,KAAK;AAAA,MACzB;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["clsx","Expandable","ExpandableUncontrolled"]}

package/dist/components/{layout-and-navigation → layout}/Expandable.mjs

@@ -1,4 +1,4 @@
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 import { forwardRef, useCallback, useEffect, useId, useState } from "react";
 import { ChevronDown } from "lucide-react";
 import clsx from "clsx";
@@ -6,7 +6,7 @@ import clsx from "clsx";
 // src/utils/noop.ts
 var noop = () => void 0;
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var ExpansionIcon = ({ isExpanded, className }) => {
   return /* @__PURE__ */ jsx(

package/dist/components/layout/Expandable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Expandable.tsx","../../../src/utils/noop.ts"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useEffect, useId, useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { noop } from '@/src/utils/noop'\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 = noop,\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 = noop,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useState(isExpanded)\n\n  useEffect(() => {\n    setUsedIsExpanded(isExpanded)\n  }, [isExpanded])\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={value => {\n        onChange(value)\n        setUsedIsExpanded(value)\n      }}\n    />\n  )\n})\n","export const noop = () => undefined\n"],"mappings":";AACA,SAAS,YAAY,aAAa,WAAW,OAAO,gBAAgB;AACpE,SAAS,mBAAmB;AAC5B,OAAO,UAAU;;;ACHV,IAAM,OAAO,MAAM;;;ADatB,cAgEE,YAhEF;AAFG,IAAM,gBAAgB,CAAC,EAAE,YAAY,UAAU,MAA0B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,EAAE,cAAc,WAAW;AAAA,QAC3B;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAwBO,IAAM,aAAa,WAA4C,SAASA,YAAW;AAAA,EACE;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AAEhG,QAAM,cAAc,YAAY,CAAC,aAAsB,oBAAC,iBAAc,YAAY,UAAS,GAAI,CAAC,CAAC;AACjG,WAAS;AAET,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,cAAc;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,MAAM,CAAC,qBAAqB,CAAC,YAAY,SAAS,CAAC,UAAU;AAAA,MAEtE,WAAW;AAAA,QACT;AAAA,QACA,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS;AAAA,QAAG;AAAA,MACzD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,qBAAqB,CAAC,YAAY,SAAS,CAAC,UAAU;AAAA,YAErE,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,6BAA6B,CAAC;AAAA,gBAC9B,uBAAuB,cAAc,CAAC;AAAA,gBACtC,kBAAkB,qBAAqB,CAAC;AAAA,cAC1C;AAAA,cACA;AAAA,YACF;AAAA,YAEA,iBAAe;AAAA,YACf,iBAAe,GAAG,EAAE;AAAA,YACpB,iBAAe,YAAY;AAAA,YAE1B;AAAA;AAAA,cACA,KAAK,UAAU;AAAA;AAAA;AAAA,QAClB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,GAAG,EAAE;AAAA,YACT,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,CAAC,KAAK,6CAA6C,wBAAwB,CAAC,GAAG;AAAA,gBAC/E,qCAAqC,CAAC;AAAA,cACxC;AAAA,cACA;AAAA,YACF;AAAA,YAEA,MAAK;AAAA,YAEJ;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAEM,IAAM,yBAAyB,WAA4C,SAASC,wBAAuB;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GACA,KAAK;AACrH,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,UAAU;AAE/D,YAAU,MAAM;AACd,sBAAkB,UAAU;AAAA,EAC9B,GAAG,CAAC,UAAU,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,MACZ,UAAU,WAAS;AACjB,iBAAS,KAAK;AACd,0BAAkB,KAAK;AAAA,MACzB;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Expandable","ExpandableUncontrolled"]}

package/dist/components/{layout-and-navigation → layout}/FAQSection.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout/FAQSection.tsx
 var FAQSection_exports = {};
 __export(FAQSection_exports, {
   FAQSection: () => FAQSection
@@ -34,7 +34,7 @@ __export(FAQSection_exports, {
 module.exports = __toCommonJS(FAQSection_exports);
 var import_clsx2 = __toESM(require("clsx"));
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
 var import_clsx = __toESM(require("clsx"));
@@ -42,7 +42,7 @@ var import_clsx = __toESM(require("clsx"));
 // src/utils/noop.ts
 var noop = () => void 0;
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ExpansionIcon = ({ isExpanded, className }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -151,7 +151,7 @@ var ExpandableUncontrolled = (0, import_react.forwardRef)(function ExpandableUnc
   );
 });
 
-// src/components/layout-and-navigation/MarkdownInterpreter.tsx
+// src/components/layout/MarkdownInterpreter.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var astNodeInserterType = ["helpwave", "newline"];
 var ASTNodeInterpreter = ({
@@ -382,7 +382,7 @@ var MarkdownInterpreter = ({ text, className }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ASTNodeInterpreter, { node: optimizedTree, isRoot: true, className });
 };
 
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout/FAQSection.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var FAQSection = ({
   entries,

package/dist/components/layout/FAQSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/FAQSection.tsx","../../../src/components/layout/Expandable.tsx","../../../src/utils/noop.ts","../../../src/components/layout/MarkdownInterpreter.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport clsx from 'clsx'\nimport type { ExpandableProps } from './Expandable'\nimport { ExpansionIcon } from './Expandable'\nimport { ExpandableUncontrolled } from './Expandable'\nimport { MarkdownInterpreter } from './MarkdownInterpreter'\n\ntype ContentType = {\n  type: 'markdown',\n  value: string,\n} | {\n  type: 'custom',\n  value: ReactNode,\n}\n\nexport type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {\n  id: string,\n  title: string,\n  content: ContentType,\n}\n\nexport type FAQSectionProps = {\n  entries: FAQItem[],\n  expandableClassName?: string,\n}\n\n/**\n * Description\n */\nexport const FAQSection = ({\n                             entries,\n                             expandableClassName\n                           }: FAQSectionProps) => {\n  return (\n    <ul className=\"flex-col-4\">\n      {entries.map(({ id, title, content, ...restProps }) => (\n        <li key={id}>\n          <ExpandableUncontrolled\n            key={id}\n            {...restProps}\n            label={(<h3 id={id} className=\"typography-title-md-semibold\">{title}</h3>)}\n            clickOnlyOnHeader={false}\n            icon={(expanded) => (<ExpansionIcon isExpanded={expanded} className=\"text-primary\"/>)}\n            className={clsx('rounded-xl', expandableClassName)}\n          >\n            <div className=\"mt-2\">\n              {content.type === 'markdown' ? (<MarkdownInterpreter text={content.value}/>) : content.value}\n            </div>\n          </ExpandableUncontrolled>\n        </li>\n      ))}\n    </ul>\n  )\n}\n","import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useEffect, useId, useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { noop } from '@/src/utils/noop'\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 = noop,\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 = noop,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useState(isExpanded)\n\n  useEffect(() => {\n    setUsedIsExpanded(isExpanded)\n  }, [isExpanded])\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={value => {\n        onChange(value)\n        setUsedIsExpanded(value)\n      }}\n    />\n  )\n})\n","export const noop = () => undefined\n","type ASTNodeModifierType =\n  'none'\n  | 'italic'\n  | 'bold'\n  | 'underline'\n  | 'font-space'\n  | 'primary'\n  | 'secondary'\n  | 'warn'\n  | 'positive'\n  | 'negative'\n\nconst astNodeInserterType = ['helpwave', 'newline'] as const\ntype ASTNodeInserterType = typeof astNodeInserterType[number]\ntype ASTNodeDefaultType = 'text'\n\ntype ASTNode = {\n  type: ASTNodeModifierType,\n  children: ASTNode[],\n} | {\n  type: ASTNodeInserterType,\n} | {\n  type: ASTNodeDefaultType,\n  text: string,\n}\n\nexport type ASTNodeInterpreterProps = {\n  node: ASTNode,\n  isRoot?: boolean,\n  className?: string,\n}\nexport const ASTNodeInterpreter = ({\n                                     node,\n                                     isRoot = false,\n                                     className = '',\n                                   }: ASTNodeInterpreterProps) => {\n  switch (node.type) {\n    case 'newline':\n      return <br/>\n    case 'text':\n      return isRoot ? <span className={className}>{node.text}</span> : node.text\n    case 'helpwave':\n      return (<span className=\"font-bold font-space no-underline\">helpwave</span>)\n    case 'none':\n      return isRoot ? (\n          <span className={className}>{node.children.map((value, index) => (\n            <ASTNodeInterpreter key={index}\n                                node={value}/>\n          ))}</span>\n        ) :\n        <>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</>\n    case 'bold':\n      return <b>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</b>\n    case 'italic':\n      return <i>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</i>\n    case 'underline':\n      return (<u>{node.children.map((value, index) => (<ASTNodeInterpreter key={index} node={value}/>))}</u>)\n    case 'font-space':\n      return (\n        <span className=\"font-space\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter key={index}\n                              node={value}/>\n        ))}</span>\n      )\n    case 'primary':\n      return (\n        <span className=\"text-primary\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'secondary':\n      return (\n        <span className=\"text-secondary\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'warn':\n      return (\n        <span className=\"text-warning\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'positive':\n      return (\n        <span className=\"text-positive\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'negative':\n      return (\n        <span className=\"text-negative\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    default:\n      return null\n  }\n}\n\nconst modifierIdentifierMapping = [\n  { id: 'i', name: 'italic' },\n  { id: 'b', name: 'bold' },\n  { id: 'u', name: 'underline' },\n  { id: 'space', name: 'font-space' },\n  { id: 'primary', name: 'primary' },\n  { id: 'secondary', name: 'secondary' },\n  { id: 'warn', name: 'warn' },\n  { id: 'positive', name: 'positive' },\n  { id: 'negative', name: 'negative' },\n] as const\n\nconst inserterIdentifierMapping = [\n  { id: 'helpwave', name: 'helpwave' },\n  { id: 'newline', name: 'newline' }\n] as const\nconst parseMarkdown = (\n  text: string,\n  commandStart: string = '\\\\',\n  open: string = '{',\n  close: string = '}'\n): ASTNode => {\n  let start = text.indexOf(commandStart)\n  const children: ASTNode[] = []\n\n  // parse the text step by step\n  while (text !== '') {\n    if (start === -1) {\n      children.push({\n        type: 'text',\n        text\n      })\n      break\n    }\n    children.push(parseMarkdown(text.substring(0, start)))\n    text = text.substring(start)\n    if (text.length <= 1) {\n      children.push({\n        type: 'text',\n        text\n      })\n      text = ''\n      continue\n    }\n    const simpleReplace = [commandStart, open, close]\n    if (simpleReplace.some(value => text[1] === value)) {\n      children.push({\n        type: 'text',\n        text: simpleReplace.find(value => text[1] === value)!\n      })\n      text = text.substring(2)\n      start = text.indexOf(commandStart)\n      continue\n    }\n    const inserter = inserterIdentifierMapping.find(value => text.substring(1).startsWith(value.id))\n    if (inserter) {\n      children.push({\n        type: inserter.name,\n      })\n      text = text.substring(inserter.id.length + 1)\n      start = text.indexOf(commandStart)\n      continue\n    }\n    const modifier = modifierIdentifierMapping.find(value => text.substring(1).startsWith(value.id))\n    if (modifier) {\n      // check brackets\n      if (text[modifier.id.length + 1] !== open) {\n        children.push({\n          type: 'text',\n          text: text.substring(0, modifier.id.length + 1)\n        })\n        text = text.substring(modifier.id.length + 2)\n        start = text.indexOf(commandStart)\n        continue\n      }\n      let closing = -1\n      let index = modifier.id.length + 2\n      let counter = 1\n      let escaping = false\n      while (index < text.length) {\n        if (text[index] === open && !escaping) {\n          counter++\n        }\n        if (text[index] === close && !escaping) {\n          counter--\n          if (counter === 0) {\n            closing = index\n            break\n          }\n        }\n        escaping = text[index] === commandStart\n        index++\n      }\n\n      if (closing !== -1) {\n        children.push({\n          type: modifier.name,\n          children: [parseMarkdown(text.substring(modifier.id.length + 2, closing))]\n        })\n        text = text.substring(closing + 1)\n        start = text.indexOf(commandStart)\n        continue\n      }\n    }\n    // nothing could be applied to command start\n    children.push({\n      type: 'text',\n      text: text[0]!\n    })\n    text = text.substring(1)\n    start = text.indexOf(commandStart)\n  }\n\n  return {\n    type: 'none',\n    children\n  }\n}\n\nconst optimizeTree = (node: ASTNode) => {\n  if (node.type === 'text') {\n    return !node.text ? undefined : node\n  }\n  if (astNodeInserterType.some(value => value === node.type)) {\n    return node\n  }\n\n  const currentNode = node as\n    { type: ASTNodeModifierType, children: ASTNode[] }\n\n  if (currentNode.children.length === 0) {\n    return undefined\n  }\n\n  let children: ASTNode[] = []\n  for (let i = 0; i < currentNode.children.length; i++) {\n    const child = optimizeTree(currentNode.children[i]!)\n    if (!child) {\n      continue\n    }\n    if (child.type === 'none') {\n      children.push(...child.children)\n    } else {\n      children.push(child)\n    }\n  }\n\n  currentNode.children = children\n  children = []\n\n  for (let i = 0; i < currentNode.children.length; i++) {\n    const child = currentNode.children[i]!\n    if (child) {\n      if (child.type === 'text' && children[children.length - 1]?.type === 'text') {\n        (children[children.length - 1]! as { type: ASTNodeDefaultType, text: string }).text += child.text\n      } else {\n        children.push(child)\n      }\n    }\n  }\n  currentNode.children = children\n  return currentNode\n}\n\nexport type MarkdownInterpreterProps = {\n  text: string,\n  className?: string,\n}\n\nexport const MarkdownInterpreter = ({ text, className }: MarkdownInterpreterProps) => {\n  const tree = parseMarkdown(text)\n  const optimizedTree = optimizeTree(tree)!\n  return <ASTNodeInterpreter node={optimizedTree} isRoot={true} className={className}/>\n}\n"],"mappings":"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","names":["import_clsx","clsx","Expandable","ExpandableUncontrolled","import_jsx_runtime","import_jsx_runtime","clsx"]}

package/dist/components/{layout-and-navigation → layout}/FAQSection.mjs

@@ -1,7 +1,7 @@
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout/FAQSection.tsx
 import clsx2 from "clsx";
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 import { forwardRef, useCallback, useEffect, useId, useState } from "react";
 import { ChevronDown } from "lucide-react";
 import clsx from "clsx";
@@ -9,7 +9,7 @@ import clsx from "clsx";
 // src/utils/noop.ts
 var noop = () => void 0;
 
-// src/components/layout-and-navigation/Expandable.tsx
+// src/components/layout/Expandable.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var ExpansionIcon = ({ isExpanded, className }) => {
   return /* @__PURE__ */ jsx(
@@ -118,7 +118,7 @@ var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
   );
 });
 
-// src/components/layout-and-navigation/MarkdownInterpreter.tsx
+// src/components/layout/MarkdownInterpreter.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var astNodeInserterType = ["helpwave", "newline"];
 var ASTNodeInterpreter = ({
@@ -349,7 +349,7 @@ var MarkdownInterpreter = ({ text, className }) => {
   return /* @__PURE__ */ jsx2(ASTNodeInterpreter, { node: optimizedTree, isRoot: true, className });
 };
 
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout/FAQSection.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var FAQSection = ({
   entries,

package/dist/components/layout/FAQSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/FAQSection.tsx","../../../src/components/layout/Expandable.tsx","../../../src/utils/noop.ts","../../../src/components/layout/MarkdownInterpreter.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport clsx from 'clsx'\nimport type { ExpandableProps } from './Expandable'\nimport { ExpansionIcon } from './Expandable'\nimport { ExpandableUncontrolled } from './Expandable'\nimport { MarkdownInterpreter } from './MarkdownInterpreter'\n\ntype ContentType = {\n  type: 'markdown',\n  value: string,\n} | {\n  type: 'custom',\n  value: ReactNode,\n}\n\nexport type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {\n  id: string,\n  title: string,\n  content: ContentType,\n}\n\nexport type FAQSectionProps = {\n  entries: FAQItem[],\n  expandableClassName?: string,\n}\n\n/**\n * Description\n */\nexport const FAQSection = ({\n                             entries,\n                             expandableClassName\n                           }: FAQSectionProps) => {\n  return (\n    <ul className=\"flex-col-4\">\n      {entries.map(({ id, title, content, ...restProps }) => (\n        <li key={id}>\n          <ExpandableUncontrolled\n            key={id}\n            {...restProps}\n            label={(<h3 id={id} className=\"typography-title-md-semibold\">{title}</h3>)}\n            clickOnlyOnHeader={false}\n            icon={(expanded) => (<ExpansionIcon isExpanded={expanded} className=\"text-primary\"/>)}\n            className={clsx('rounded-xl', expandableClassName)}\n          >\n            <div className=\"mt-2\">\n              {content.type === 'markdown' ? (<MarkdownInterpreter text={content.value}/>) : content.value}\n            </div>\n          </ExpandableUncontrolled>\n        </li>\n      ))}\n    </ul>\n  )\n}\n","import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useEffect, useId, useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { noop } from '@/src/utils/noop'\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 = noop,\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 = noop,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useState(isExpanded)\n\n  useEffect(() => {\n    setUsedIsExpanded(isExpanded)\n  }, [isExpanded])\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={value => {\n        onChange(value)\n        setUsedIsExpanded(value)\n      }}\n    />\n  )\n})\n","export const noop = () => undefined\n","type ASTNodeModifierType =\n  'none'\n  | 'italic'\n  | 'bold'\n  | 'underline'\n  | 'font-space'\n  | 'primary'\n  | 'secondary'\n  | 'warn'\n  | 'positive'\n  | 'negative'\n\nconst astNodeInserterType = ['helpwave', 'newline'] as const\ntype ASTNodeInserterType = typeof astNodeInserterType[number]\ntype ASTNodeDefaultType = 'text'\n\ntype ASTNode = {\n  type: ASTNodeModifierType,\n  children: ASTNode[],\n} | {\n  type: ASTNodeInserterType,\n} | {\n  type: ASTNodeDefaultType,\n  text: string,\n}\n\nexport type ASTNodeInterpreterProps = {\n  node: ASTNode,\n  isRoot?: boolean,\n  className?: string,\n}\nexport const ASTNodeInterpreter = ({\n                                     node,\n                                     isRoot = false,\n                                     className = '',\n                                   }: ASTNodeInterpreterProps) => {\n  switch (node.type) {\n    case 'newline':\n      return <br/>\n    case 'text':\n      return isRoot ? <span className={className}>{node.text}</span> : node.text\n    case 'helpwave':\n      return (<span className=\"font-bold font-space no-underline\">helpwave</span>)\n    case 'none':\n      return isRoot ? (\n          <span className={className}>{node.children.map((value, index) => (\n            <ASTNodeInterpreter key={index}\n                                node={value}/>\n          ))}</span>\n        ) :\n        <>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</>\n    case 'bold':\n      return <b>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</b>\n    case 'italic':\n      return <i>{node.children.map((value, index) => <ASTNodeInterpreter key={index} node={value}/>)}</i>\n    case 'underline':\n      return (<u>{node.children.map((value, index) => (<ASTNodeInterpreter key={index} node={value}/>))}</u>)\n    case 'font-space':\n      return (\n        <span className=\"font-space\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter key={index}\n                              node={value}/>\n        ))}</span>\n      )\n    case 'primary':\n      return (\n        <span className=\"text-primary\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'secondary':\n      return (\n        <span className=\"text-secondary\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'warn':\n      return (\n        <span className=\"text-warning\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'positive':\n      return (\n        <span className=\"text-positive\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    case 'negative':\n      return (\n        <span className=\"text-negative\">{node.children.map((value, index) => (\n          <ASTNodeInterpreter\n            key={index} node={value}/>\n        ))}</span>\n      )\n    default:\n      return null\n  }\n}\n\nconst modifierIdentifierMapping = [\n  { id: 'i', name: 'italic' },\n  { id: 'b', name: 'bold' },\n  { id: 'u', name: 'underline' },\n  { id: 'space', name: 'font-space' },\n  { id: 'primary', name: 'primary' },\n  { id: 'secondary', name: 'secondary' },\n  { id: 'warn', name: 'warn' },\n  { id: 'positive', name: 'positive' },\n  { id: 'negative', name: 'negative' },\n] as const\n\nconst inserterIdentifierMapping = [\n  { id: 'helpwave', name: 'helpwave' },\n  { id: 'newline', name: 'newline' }\n] as const\nconst parseMarkdown = (\n  text: string,\n  commandStart: string = '\\\\',\n  open: string = '{',\n  close: string = '}'\n): ASTNode => {\n  let start = text.indexOf(commandStart)\n  const children: ASTNode[] = []\n\n  // parse the text step by step\n  while (text !== '') {\n    if (start === -1) {\n      children.push({\n        type: 'text',\n        text\n      })\n      break\n    }\n    children.push(parseMarkdown(text.substring(0, start)))\n    text = text.substring(start)\n    if (text.length <= 1) {\n      children.push({\n        type: 'text',\n        text\n      })\n      text = ''\n      continue\n    }\n    const simpleReplace = [commandStart, open, close]\n    if (simpleReplace.some(value => text[1] === value)) {\n      children.push({\n        type: 'text',\n        text: simpleReplace.find(value => text[1] === value)!\n      })\n      text = text.substring(2)\n      start = text.indexOf(commandStart)\n      continue\n    }\n    const inserter = inserterIdentifierMapping.find(value => text.substring(1).startsWith(value.id))\n    if (inserter) {\n      children.push({\n        type: inserter.name,\n      })\n      text = text.substring(inserter.id.length + 1)\n      start = text.indexOf(commandStart)\n      continue\n    }\n    const modifier = modifierIdentifierMapping.find(value => text.substring(1).startsWith(value.id))\n    if (modifier) {\n      // check brackets\n      if (text[modifier.id.length + 1] !== open) {\n        children.push({\n          type: 'text',\n          text: text.substring(0, modifier.id.length + 1)\n        })\n        text = text.substring(modifier.id.length + 2)\n        start = text.indexOf(commandStart)\n        continue\n      }\n      let closing = -1\n      let index = modifier.id.length + 2\n      let counter = 1\n      let escaping = false\n      while (index < text.length) {\n        if (text[index] === open && !escaping) {\n          counter++\n        }\n        if (text[index] === close && !escaping) {\n          counter--\n          if (counter === 0) {\n            closing = index\n            break\n          }\n        }\n        escaping = text[index] === commandStart\n        index++\n      }\n\n      if (closing !== -1) {\n        children.push({\n          type: modifier.name,\n          children: [parseMarkdown(text.substring(modifier.id.length + 2, closing))]\n        })\n        text = text.substring(closing + 1)\n        start = text.indexOf(commandStart)\n        continue\n      }\n    }\n    // nothing could be applied to command start\n    children.push({\n      type: 'text',\n      text: text[0]!\n    })\n    text = text.substring(1)\n    start = text.indexOf(commandStart)\n  }\n\n  return {\n    type: 'none',\n    children\n  }\n}\n\nconst optimizeTree = (node: ASTNode) => {\n  if (node.type === 'text') {\n    return !node.text ? undefined : node\n  }\n  if (astNodeInserterType.some(value => value === node.type)) {\n    return node\n  }\n\n  const currentNode = node as\n    { type: ASTNodeModifierType, children: ASTNode[] }\n\n  if (currentNode.children.length === 0) {\n    return undefined\n  }\n\n  let children: ASTNode[] = []\n  for (let i = 0; i < currentNode.children.length; i++) {\n    const child = optimizeTree(currentNode.children[i]!)\n    if (!child) {\n      continue\n    }\n    if (child.type === 'none') {\n      children.push(...child.children)\n    } else {\n      children.push(child)\n    }\n  }\n\n  currentNode.children = children\n  children = []\n\n  for (let i = 0; i < currentNode.children.length; i++) {\n    const child = currentNode.children[i]!\n    if (child) {\n      if (child.type === 'text' && children[children.length - 1]?.type === 'text') {\n        (children[children.length - 1]! as { type: ASTNodeDefaultType, text: string }).text += child.text\n      } else {\n        children.push(child)\n      }\n    }\n  }\n  currentNode.children = children\n  return currentNode\n}\n\nexport type MarkdownInterpreterProps = {\n  text: string,\n  className?: string,\n}\n\nexport const MarkdownInterpreter = ({ text, className }: MarkdownInterpreterProps) => {\n  const tree = parseMarkdown(text)\n  const optimizedTree = optimizeTree(tree)!\n  return <ASTNodeInterpreter node={optimizedTree} isRoot={true} className={className}/>\n}\n"],"mappings":"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","names":["clsx","Expandable","ExpandableUncontrolled","jsx","jsx","clsx"]}

package/dist/components/{layout-and-navigation → layout}/FloatingContainer.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/layout-and-navigation/FloatingContainer.tsx
+// src/components/layout/FloatingContainer.tsx
 var FloatingContainer_exports = {};
 __export(FloatingContainer_exports, {
   FloatingContainer: () => FloatingContainer
@@ -160,7 +160,7 @@ function useFloatingElement({
   return style;
 }
 
-// src/components/layout-and-navigation/FloatingContainer.tsx
+// src/components/layout/FloatingContainer.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var FloatingContainer = (0, import_react3.forwardRef)(function FloatingContainer2({
   children,

package/dist/components/layout/FloatingContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/FloatingContainer.tsx","../../../src/hooks/useFloatingElement.ts","../../../src/utils/math.ts","../../../src/hooks/focus/useIsMounted.ts"],"sourcesContent":["import type { HTMLAttributes, MutableRefObject, ReactNode } from 'react'\nimport { forwardRef, useImperativeHandle, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport type { UseFloatingElementOptions } from '@/src/hooks/useFloatingElement'\nimport { useFloatingElement } from '@/src/hooks/useFloatingElement'\n\nexport type FloatingContainerProps = HTMLAttributes<HTMLDivElement> & UseFloatingElementOptions & {\n  anchor?: MutableRefObject<HTMLElement>,\n  /**\n   * Polls the position of the anchor every 100ms\n   *\n   * Use sparingly\n   */\n  backgroundOverlay?: ReactNode,\n}\n\n/**\n * A floating container that aligns to its anchor\n *\n * Notes:\n * - to hide it use the hidden attribute as other means break the functionality\n */\nexport const FloatingContainer = forwardRef<HTMLDivElement, FloatingContainerProps>(function FloatingContainer({\n                                                                                                                 children,\n                                                                                                                 backgroundOverlay,\n                                                                                                                 anchor,\n                                                                                                                 isPolling = false,\n                                                                                                                 pollingInterval = 100,\n                                                                                                                 verticalAlignment = 'afterEnd',\n                                                                                                                 horizontalAlignment = 'afterStart',\n                                                                                                                 screenPadding = 16,\n                                                                                                                 gap = 4,\n                                                                                                                 ...props\n                                                                                                               }, forwardRef) {\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(forwardRef, () => innerRef.current)\n\n  const position = useFloatingElement({\n    active: !props.hidden,\n    containerRef: innerRef,\n    anchorRef: anchor,\n    isPolling,\n    pollingInterval,\n    verticalAlignment,\n    horizontalAlignment,\n    gap,\n    screenPadding,\n  })\n\n  return createPortal(\n    <>\n      {backgroundOverlay}\n      <div\n        {...props}\n        ref={innerRef}\n        style={{\n          position: 'fixed',\n          overflow: 'hidden',\n          opacity: position ? undefined : 0, // hide when position calculation isn't done yet\n          transition: position ? `top ${pollingInterval}ms linear, left ${pollingInterval}ms linear` : undefined,\n          ...position,\n          ...props.style\n        }}\n        className={clsx('motion-safe:duration-100 motion-reduce:duration-0', props.className)}\n      >\n        {children}\n      </div>\n    </>,\n    document.body\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","'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}"],"mappings":"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","names":["import_react","import_react","FloatingContainer","forwardRef"]}

package/dist/components/{layout-and-navigation → layout}/FloatingContainer.mjs

@@ -1,4 +1,4 @@
-// src/components/layout-and-navigation/FloatingContainer.tsx
+// src/components/layout/FloatingContainer.tsx
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { createPortal } from "react-dom";
 import { clsx } from "clsx";
@@ -137,7 +137,7 @@ function useFloatingElement({
   return style;
 }
 
-// src/components/layout-and-navigation/FloatingContainer.tsx
+// src/components/layout/FloatingContainer.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var FloatingContainer = forwardRef(function FloatingContainer2({
   children,

package/dist/components/layout/FloatingContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/FloatingContainer.tsx","../../../src/hooks/useFloatingElement.ts","../../../src/utils/math.ts","../../../src/hooks/focus/useIsMounted.ts"],"sourcesContent":["import type { HTMLAttributes, MutableRefObject, ReactNode } from 'react'\nimport { forwardRef, useImperativeHandle, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport type { UseFloatingElementOptions } from '@/src/hooks/useFloatingElement'\nimport { useFloatingElement } from '@/src/hooks/useFloatingElement'\n\nexport type FloatingContainerProps = HTMLAttributes<HTMLDivElement> & UseFloatingElementOptions & {\n  anchor?: MutableRefObject<HTMLElement>,\n  /**\n   * Polls the position of the anchor every 100ms\n   *\n   * Use sparingly\n   */\n  backgroundOverlay?: ReactNode,\n}\n\n/**\n * A floating container that aligns to its anchor\n *\n * Notes:\n * - to hide it use the hidden attribute as other means break the functionality\n */\nexport const FloatingContainer = forwardRef<HTMLDivElement, FloatingContainerProps>(function FloatingContainer({\n                                                                                                                 children,\n                                                                                                                 backgroundOverlay,\n                                                                                                                 anchor,\n                                                                                                                 isPolling = false,\n                                                                                                                 pollingInterval = 100,\n                                                                                                                 verticalAlignment = 'afterEnd',\n                                                                                                                 horizontalAlignment = 'afterStart',\n                                                                                                                 screenPadding = 16,\n                                                                                                                 gap = 4,\n                                                                                                                 ...props\n                                                                                                               }, forwardRef) {\n  const innerRef = useRef<HTMLDivElement>(null)\n  useImperativeHandle(forwardRef, () => innerRef.current)\n\n  const position = useFloatingElement({\n    active: !props.hidden,\n    containerRef: innerRef,\n    anchorRef: anchor,\n    isPolling,\n    pollingInterval,\n    verticalAlignment,\n    horizontalAlignment,\n    gap,\n    screenPadding,\n  })\n\n  return createPortal(\n    <>\n      {backgroundOverlay}\n      <div\n        {...props}\n        ref={innerRef}\n        style={{\n          position: 'fixed',\n          overflow: 'hidden',\n          opacity: position ? undefined : 0, // hide when position calculation isn't done yet\n          transition: position ? `top ${pollingInterval}ms linear, left ${pollingInterval}ms linear` : undefined,\n          ...position,\n          ...props.style\n        }}\n        className={clsx('motion-safe:duration-100 motion-reduce:duration-0', props.className)}\n      >\n        {children}\n      </div>\n    </>,\n    document.body\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","'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}"],"mappings":"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","names":["useEffect","useState","useState","useEffect","FloatingContainer","forwardRef"]}