@blateral/b.kit 2.8.4 → 3.0.1

package/esm/Image-c67870d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image-c67870d4.js","sources":["../src/components/blocks/Image.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport * as React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\n\nexport interface ImageAspectRatios {\n    small: { w: number; h: number };\n    medium?: { w: number; h: number };\n    semilarge?: { w: number; h: number };\n    large?: { w: number; h: number };\n    xlarge?: { w: number; h: number };\n}\n\nexport interface ImageProps {\n    /** Alternative text if image cannot be loaded */\n    alt?: string;\n\n    /** Image URL for small breakpoint */\n    small: string;\n    /** Image URL for medium breakpoint */\n    medium?: string;\n    /** Image URL for semilarge breakpoint */\n    semilarge?: string;\n    /** Image URL for large breakpoint */\n    large?: string;\n    /** Image URL for xlarge breakpoint */\n    xlarge?: string;\n\n    /** Cover full width of parent container */\n    coverSpace?: boolean;\n\n    /**\n     * Image ratios for each breakpoint to avoid layout shifting.\n     * Only works if coverSpace = true!\n     * */\n    ratios?: ImageAspectRatios;\n\n    /** Show image placeholder background */\n    showPlaceholder?: boolean;\n\n    /** Image copyright text (richtext)  */\n    copyright?: string;\n}\n\nconst getAspectRatio = (width?: number, height?: number) => {\n    if (!width || !height) return undefined;\n    if (isNaN(width) || isNaN(height)) return undefined;\n\n    return width / height;\n};\n\nconst isValid = (ratio?: { w?: number; h?: number }) => {\n    return ratio && ratio?.w && ratio?.h ? true : false;\n};\n\nconst aspectFallback = (ratio?: { w?: number; h?: number }) => css`\n    @supports not (aspect-ratio: auto) {\n        height: ${isValid(ratio) && 0};\n        padding-top: ${isValid(ratio) &&\n        `calc(100% / ${getAspectRatio(ratio?.w, ratio?.h)})`};\n    }\n`;\n\nconst AspectContainer = styled.div<{\n    ratios?: ImageAspectRatios;\n    coverSpace?: boolean;\n    allowEdgeRadius?: boolean;\n}>`\n    display: inline-block;\n    position: relative;\n    border-radius: ${({ theme, allowEdgeRadius }) =>\n        allowEdgeRadius && global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) =>\n        getAspectRatio(ratios?.small?.w, ratios?.small?.h)};\n\n    width: ${({ ratios, coverSpace }) =>\n        !coverSpace && ratios?.small?.w ? `${ratios?.small?.w}px` : ''};\n\n    max-width: 100%;\n\n    object-position: center;\n\n    img {\n        width: 100%;\n    }\n\n    ${({ coverSpace }) =>\n        coverSpace &&\n        css`\n            width: 100%;\n\n            img {\n                object-fit: cover;\n            }\n        `}\n\n    // fallback if browsers do not support aspect-ratio\n    ${({ ratios, coverSpace }) => coverSpace && aspectFallback(ratios?.small)}\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.medium?.w, ratios?.medium?.h)};\n\n        // fallback if browsers do not support aspect-ratio. (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.medium)}\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.semilarge?.w, ratios?.semilarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.semilarge)}\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.large?.w, ratios?.large?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.large)}\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) =>\n            getAspectRatio(ratios?.xlarge?.w, ratios?.xlarge?.h)};\n\n        // fallback if browsers do not support aspect-ratio (Only works with width = 100%)\n        ${({ ratios, coverSpace }) =>\n            coverSpace && aspectFallback(ratios?.xlarge)}\n    }\n\n    ${({ ratios, coverSpace }) =>\n        ratios &&\n        css`\n            img {\n                height: 100%;\n                width: 100%;\n                object-fit: ${coverSpace ? 'cover' : 'contain'};\n\n                @supports not (aspect-ratio: auto) {\n                    position: ${coverSpace && 'absolute'};\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Img = styled.img<{ isInverted?: boolean; showPlaceholder?: boolean }>`\n    display: block;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    &[data-img-loaded='false'] {\n        background: ${({ theme, isInverted, showPlaceholder }) =>\n            showPlaceholder\n                ? isInverted\n                    ? global(theme).sections.imagePlaceholderBg.inverted\n                    : global(theme).sections.imagePlaceholderBg.default\n                : undefined};\n    }\n`;\n\nconst Copyright = styled(Copy)`\n    display: inline-block;\n    position: absolute;\n    max-height: 100%;\n    bottom: 0;\n    right: 0;\n\n    padding: ${spacings.nudge * 2}px ${spacings.nudge}px;\n\n    pointer-events: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    text-orientation: sideways-right;\n    transform: rotate(180deg);\n`;\n\nconst Image: React.FC<\n    {\n        className?: string;\n\n        /** Click handler */\n        onClick?: () => void;\n\n        /** Show inverted image placeholder background */\n        isInverted?: boolean;\n\n        /** Allow edge radius defined by theme settings */\n        allowEdgeRadius?: boolean;\n    } & ImageProps\n> = ({\n    className,\n    small,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n    alt,\n    ratios,\n    coverSpace,\n    onClick,\n    isInverted,\n    showPlaceholder = true,\n    allowEdgeRadius,\n    copyright,\n}) => {\n    const { colors } = useLibTheme();\n    const imgRef = useRef<HTMLImageElement>(null);\n    const [isLoaded, setIsLoaded] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!imgRef.current) return;\n        const ref = imgRef.current;\n\n        const handleLoad = () => {\n            setIsLoaded(true);\n        };\n\n        const handleError = () => {\n            setIsLoaded(false);\n        };\n\n        if (!ref.complete) {\n            ref.addEventListener('load', handleLoad);\n            ref.addEventListener('error', handleError);\n        } else {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n            handleLoad();\n        }\n\n        return () => {\n            ref.removeEventListener('load', handleLoad);\n            ref.removeEventListener('error', handleError);\n        };\n    }, []);\n\n    return (\n        <AspectContainer\n            ratios={ratios}\n            coverSpace={coverSpace}\n            allowEdgeRadius={allowEdgeRadius}\n            className={className}\n        >\n            <picture onClick={onClick}>\n                {xlarge && <source srcSet={xlarge} media={mq.xlarge} />}\n                {large && <source srcSet={large} media={mq.large} />}\n                {semilarge && (\n                    <source srcSet={semilarge} media={mq.semilarge} />\n                )}\n                {medium && <source srcSet={medium} media={mq.medium} />}\n                <Img\n                    ref={imgRef}\n                    data-img-loaded={isLoaded}\n                    showPlaceholder={showPlaceholder}\n                    isInverted={isInverted}\n                    srcSet={small}\n                    alt={alt || ''}\n                    loading=\"lazy\"\n                />\n            </picture>\n            {copyright && (\n                <Copyright\n                    size=\"small\"\n                    textColor={colors.text.inverted}\n                    innerHTML={`&copy; ${copyright}`}\n                    renderAs=\"span\"\n                />\n            )}\n        </AspectContainer>\n    );\n};\n\nexport default Image;\n"],"names":["getAspectRatio","width","height","undefined","isNaN","isValid","ratio","w","h","aspectFallback","css","templateObject_1","__makeTemplateObject","concat","AspectContainer","styled","div","templateObject_4","_a","theme","allowEdgeRadius","global","sections","edgeRadius","ratios","_b","small","_c","coverSpace","templateObject_2","mq","medium","semilarge","large","xlarge","templateObject_3","Img","img","templateObject_5","isInverted","color","text","inverted","default","showPlaceholder","imagePlaceholderBg","Copyright","Copy","templateObject_6","spacings","nudge","Image","className","alt","onClick","copyright","colors","useLibTheme","imgRef","useRef","useState","isLoaded","setIsLoaded","useEffect","current","ref","handleLoad","handleError","complete","addEventListener","removeEventListener","React","createElement","srcSet","media","loading","size","textColor","innerHTML","renderAs"],"mappings":"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"}

package/esm/InfoList-d853db58.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoList-d853db58.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nconst InfoList: FC<{\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    className?: string;\n}> = ({ isInverted, items, className }) => {\n    return (\n        <View className={className}>\n            <Container>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","InfoList","_a","isInverted","items","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"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"}

package/esm/Link-6067a27f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link-6067a27f.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 1px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            children,\n            className,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener noreferrer' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                onClick={onClick}\n                className={className}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["linkStyles","isInverted","css","templateObject_1","__makeTemplateObject","_a","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","View","styled","a","templateObject_2","Link","forwardRef","ref","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","children","className","React","createElement","target","undefined","rel","displayName"],"mappings":"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"}

package/esm/MultiselectDropdown-61a5a1a6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiselectDropdown-61a5a1a6.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n    hasError?: boolean;\n    isOpen?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n    \n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ isInverted, theme, isOpen }) =>\n            css`\n                &:hover {\n                    outline: ${`1px solid ${\n                        isOpen\n                            ? 'transparent'\n                            : isInverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default\n                    }`};\n                    outline-offset: 0;\n                }\n            `}\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted, isOpen }) =>\n            `1px solid ${\n                isOpen\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectMain = styled(Copy)`\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Indicator = styled.span`\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Flyout = styled.ul<{\n    isVisible?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    list-style: none;\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n    margin: 0;\n    margin-top: ${({ inlined }) => inlined && '3px'};\n\n    position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n`;\n\nconst ItemStyle = styled.li`\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n    width: 100%;\n`;\n\nconst Container = styled.div`\n    position: relative;\n    outline: none;\n`;\n\nconst Counter = styled(Copy)`\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n\n    line-height: normal;\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Reset = styled.button`\n    background: none;\n    border: none;\n    padding: 0;\n\n    ${copyStyle('copy', 'small')};\n    margin-top: ${spacings.nudge * 2}px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => font(theme).link.color};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\ninterface FilterItem {\n    value: string;\n    label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n    enableMemo?: boolean;\n    inlined?: boolean;\n    placeholder?: string;\n    name?: string;\n    selectedItems?: string[];\n    items: FilterItem[];\n    resetLabel?: string;\n\n    onChange?: (values: string[]) => void;\n    onBlur?: () => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n    MultiselectDropdownProps & { className?: string }\n> = ({\n    label,\n    isRequired,\n    errorMessage,\n    infoMessage,\n    isDisabled,\n    isInverted,\n    items,\n    name,\n    selectedItems,\n    placeholder,\n    resetLabel,\n    inlined,\n    icon,\n    onChange,\n    onBlur,\n    indicator,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const [isOpen, setIsOpen] = useState(inlined || false);\n    const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n    const selectBtnRef = useRef<HTMLButtonElement>(null);\n    const selectContainerRef = useRef<HTMLDivElement>(null);\n    const isMounted = useMounted();\n    const itemHasBeenClicked = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (selectedItems) {\n            setSelected(selectedItems);\n        }\n    }, [selectedItems]);\n\n    useEffect(() => {\n        if (isMounted) {\n            onChange?.(selected);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected]);\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    const toggleSelected = (value: string) => {\n        if (selected.includes(value)) {\n            setSelected((prev) => prev.filter((v) => v !== value));\n            return;\n        }\n\n        setSelected((prev) => [...prev, value]);\n    };\n\n    const iconElement = icon?.(isInverted);\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled} className={className}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <Container\n                    ref={selectContainerRef}\n                    onBlur={(ev) => {\n                        if (\n                            !inlined &&\n                            !selectContainerRef.current?.contains(\n                                ev.relatedTarget\n                            ) &&\n                            !itemHasBeenClicked.current\n                        ) {\n                            setIsOpen(false);\n                            onBlur?.();\n                        }\n                    }}\n                >\n                    <Select\n                        ref={selectBtnRef}\n                        type=\"button\"\n                        isOpen={isOpen}\n                        inlined={inlined}\n                        isInverted={isInverted}\n                        hasError={!!errorMessage}\n                        onClick={() => {\n                            if (inlined) return;\n                            setIsOpen((prev) => !prev);\n                        }}\n                        aria-expanded={isOpen}\n                    >\n                        <SelectMain>\n                            {iconElement && <Icon>{iconElement}</Icon>}\n                            <span>{placeholder}</span>\n                        </SelectMain>\n                        <Indicator>\n                            {selected.length > 0 && (\n                                <Counter size=\"small\">\n                                    <span>{selected.length}</span>\n                                </Counter>\n                            )}\n                            {indicator &&\n                                indicator({ isOpen, isDisabled: isDisabled })}\n                            {!indicator &&\n                                (isOpen ? (\n                                    <AngleUp\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ) : (\n                                    <AngleDown\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ))}\n                        </Indicator>\n                    </Select>\n                    <Flyout isVisible={isOpen} inlined={inlined}>\n                        {items.map((item, i) => {\n                            const isSelected = selected.includes(item.value);\n\n                            return (\n                                <ItemStyle\n                                    key={`key_${i + 1}`}\n                                    onMouseDown={() => {\n                                        itemHasBeenClicked.current = true;\n                                    }}\n                                >\n                                    <ItemCheckbox\n                                        isSelected={isSelected}\n                                        value={item.value}\n                                        onChange={() => {\n                                            toggleSelected(item.value);\n                                            itemHasBeenClicked.current = false;\n                                        }}\n                                        label={item.label}\n                                    />\n                                </ItemStyle>\n                            );\n                        })}\n                        {resetLabel && (\n                            <Reset onClick={() => setSelected([])}>\n                                {resetLabel}\n                            </Reset>\n                        )}\n                    </Flyout>\n                </Container>\n                <select name={name} multiple hidden defaultValue={selected}>\n                    {items.map((item, i) => {\n                        return (\n                            <option key={`key_${i}`} value={item.value}>\n                                {item.label}\n                            </option>\n                        );\n                    })}\n                </select>\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n    prev: MultiselectDropdownProps,\n    next: MultiselectDropdownProps\n) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.selectedItems !== next.selectedItems) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n    if (prev.resetLabel !== next.resetLabel) return false;\n    if (prev.isInverted !== next.isInverted) return false;\n    if (prev.isDisabled !== next.isDisabled) return false;\n    if (prev.inlined !== next.inlined) return false;\n\n    // compare items\n    if (prev.items.length !== next.items.length) return false;\n    for (let i = 0; i < prev.items.length; i++) {\n        if (\n            prev.items[i].label !== next.items[i].label ||\n            prev.items[i].value !== next.items[i].value\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","templateObject_2","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","copy","small","colorInverted","isOpen","css","templateObject_1","primary","inverted","default","SelectMain","Copy","templateObject_3","Indicator","span","templateObject_4","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_6","ItemCheckbox","Checkbox","templateObject_7","Container","div","templateObject_8","Counter","templateObject_9","Reset","templateObject_10","link","Icon","templateObject_11","MultiselectDropdown","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","useEffect","toggleSelected","value","includes","prev","filter","v","__spreadArray","iconElement","React","createElement","FieldWrapper","View","Head","Content","ref","ev","current","contains","relatedTarget","type","onClick","length","size","AngleUp","iconColor","AngleDown","map","item","i","isSelected","key","concat","onMouseDown","multiple","hidden","defaultValue","Messages","areEqual","next","enableMemo","memo"],"mappings":"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"}

package/esm/Pointer-3e965d7b.js

@@ -1,111 +0,0 @@
-import { a as __makeTemplateObject, d as __rest, _ as __assign } from './Filter-19220970.js';
-import * as React from 'react';
-import styled from 'styled-components';
-import { a as getFonts, w as withRange, g as getColors, s as spacings } from './styles-1f1841ef.js';
-
-var View = styled.a.withConfig({
-  displayName: "Pointer__View",
-  componentId: "sc-1jne5k6-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    text-align: center;\n    text-decoration: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ", ";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background: none;\n    color: ", ";\n\n    & > * {\n        color: ", ";\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    /* & > :not(:last-child) {\n        padding-right: ", "px;\n    } */\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"], ["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    text-align: center;\n    text-decoration: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ", ";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background: none;\n    color: ", ";\n\n    & > * {\n        color: ", ";\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    /* & > :not(:last-child) {\n        padding-right: ", "px;\n    } */\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"])), function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.family;
-}, function (_a) {
-  var theme = _a.theme;
-  return withRange(getFonts(theme).copy.medium.size, 'font-size');
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.weight;
-}, function (_a) {
-  var textDecoration = _a.textDecoration;
-  return textDecoration ? textDecoration : 'underline';
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.medium.letterSpacing;
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted;
-  return inverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
-}, function (_a) {
-  var disable = _a.disable;
-  return disable ? 'none' : 'all';
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? getColors(theme).elementBg.medium : inverted ? getColors(theme).text.copyInverted : getColors(theme).text.copy;
-}, function (_a) {
-  var theme = _a.theme,
-      inverted = _a.inverted,
-      disable = _a.disable;
-  return disable ? getColors(theme).elementBg.medium : inverted ? getColors(theme).text.copyInverted : getColors(theme).text.copy;
-}, spacings.nudge, spacings.nudge, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).primary.default;
-});
-var Pointer = React.forwardRef(function (_a, ref) {
-  var as = _a.as,
-      isInverted = _a.isInverted,
-      isDisabled = _a.isDisabled,
-      onClick = _a.onClick,
-      className = _a.className,
-      textDecoration = _a.textDecoration,
-      children = _a.children,
-      rest = __rest(_a, ["as", "isInverted", "isDisabled", "onClick", "className", "textDecoration", "children"]);
-
-  if (as === 'button') {
-    return React.createElement(View, __assign({
-      textDecoration: textDecoration,
-      ref: ref,
-      as: as,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  } else {
-    return React.createElement(View, __assign({
-      textDecoration: textDecoration,
-      ref: ref,
-      as: as,
-      href: rest.href,
-      "data-disabled": isDisabled,
-      "data-inverted": isInverted,
-      target: rest.isExternal ? '_blank' : undefined,
-      rel: rest.isExternal ? 'noopener noreferrer' : undefined,
-      inverted: isInverted,
-      disable: isDisabled,
-      onClick: onClick,
-      className: className
-    }, rest), children);
-  }
-});
-Pointer.displayName = 'Button';
-var Icon = styled.div.withConfig({
-  displayName: "Pointer__Icon",
-  componentId: "sc-1jne5k6-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", "[data-inverted='true'] > & {\n        color: ", ";\n    }\n\n    ", "[data-disabled='true'] > & {\n        color: ", ";\n    }\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", "[data-inverted='true'] > & {\n        color: ", ";\n    }\n\n    ", "[data-disabled='true'] > & {\n        color: ", ";\n    }\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"])), function (_a) {
-  var theme = _a.theme,
-      iconColor = _a.iconColor;
-  return iconColor || getColors(theme).text.copy;
-}, View, function (_a) {
-  var theme = _a.theme,
-      iconColor = _a.iconColor;
-  return iconColor || getColors(theme).text.copyInverted;
-}, View, function (_a) {
-  var theme = _a.theme,
-      iconColor = _a.iconColor;
-  return iconColor || getColors(theme).elementBg.medium;
-}, View);
-var Label = styled.span.withConfig({
-  displayName: "Pointer__Label",
-  componentId: "sc-1jne5k6-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: inline-block;\n"], ["\n    display: inline-block;\n"])));
-var Pointer$1 = {
-  View: Pointer,
-  Label: Label,
-  Icon: Icon
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-export { Pointer$1 as P };
-//# sourceMappingURL=Pointer-3e965d7b.js.map

package/esm/Pointer-3e965d7b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pointer-3e965d7b.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    textDecoration?: 'none' | 'underline';\n}>`\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    text-align: center;\n    text-decoration: ${({ textDecoration }) =>\n        textDecoration ? textDecoration : 'underline'};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ${({ theme, inverted }) =>\n        inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).text.copyInverted\n                : color(theme).text.copy};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    /* & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    } */\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    textDecoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    isExternal?: boolean;\n};\n\nconst Pointer: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            textDecoration,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    href={(rest as LinkProps).href}\n                    data-disabled={isDisabled}\n                    data-inverted={isInverted}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nPointer.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ${({ theme, iconColor }) => iconColor || color(theme).text.copy};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}[data-inverted='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).text.copyInverted};\n    }\n\n    ${View}[data-disabled='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).elementBg.medium};\n    }\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n`;\n\nexport default { View: Pointer, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_1","__makeTemplateObject","_a","theme","font","copy","medium","family","withRange","size","weight","textDecoration","letterSpacing","inverted","color","primary","default","disable","elementBg","text","copyInverted","spacings","nudge","Pointer","React","forwardRef","ref","as","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_2","iconColor","Label","span","templateObject_3"],"mappings":"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"}

package/esm/Section-bd61eb2f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section-bd61eb2f.js","sources":["../src/components/base/Section.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { concat } from 'utils/concat';\nimport { mq, spacings, withRange, getGlobals as global } from 'utils/styles';\n\nexport type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';\n\nconst getBackground = (bgColor: string, mode?: BgMode) => {\n    let bgValue = undefined;\n\n    switch (mode) {\n        case 'full':\n            bgValue = bgColor;\n            break;\n\n        case 'inverted':\n            bgValue = bgColor;\n            break;\n\n        case 'larger-left':\n            bgValue = `linear-gradient(to left, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        case 'larger-right':\n            bgValue = `linear-gradient(to right, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        default:\n            bgValue = bgColor;\n            break;\n    }\n    return bgValue;\n};\n\nconst View = styled.section<{\n    as?: SectionType;\n    bgIdent: string;\n    bgColor: string;\n    isStackable?: boolean;\n    addSeperation?: boolean;\n}>`\n    position: relative;\n    overflow: ${({ as }) => (as === 'div' ? 'visible' : 'hidden')};\n\n    // section paddings\n    ${({ addSeperation, isStackable, bgIdent, theme }) => {\n        const padding = global(theme).sections.seperation.padding.default;\n        const paddingStacked =\n            global(theme).sections.seperation.padding.stackable;\n        const forcePadding = global(theme).sections.seperation.forcePadding;\n\n        if (addSeperation) {\n            return css`\n                ${withRange(padding, 'padding-top')}\n                ${withRange(\n                    isStackable ? paddingStacked : padding,\n                    'padding-bottom'\n                )}\n\n                section[data-stack-ident='true'] + & {\n                    ${withRange(paddingStacked, 'padding-top')};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    padding-top: ${forcePadding ? undefined : '0 !important'};\n\n                    @media ${mq.xxlarge} {\n                        padding-top: ${forcePadding\n                            ? undefined\n                            : '0 !important'};\n                    }\n                }\n            `;\n        } else return '';\n    }}\n\n    // section margins\n    ${({ addSeperation, isStackable, bgIdent, bgColor, theme }) => {\n        const margin = global(theme).sections.seperation.margin.default;\n        const marginStacked =\n            global(theme).sections.seperation.margin.stackable;\n\n        const bgColorPart = bgColor ? `__${bgColor}` : '';\n\n        if (addSeperation) {\n            return css`\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                section[data-bg-ident='larger-left${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='larger-right${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    margin-top: 0 !important;\n\n                    @media ${mq.xxlarge} {\n                        margin-top: 0 !important;\n                    }\n                }\n            `;\n        } else return '';\n    }}\n`;\n\nconst Back = styled.div<{\n    bgColor?: string;\n    bgMode?: BgMode;\n    clampSolidBg?: boolean;\n}>`\n    display: ${({ bgColor }) => (bgColor ? 'block' : 'none')};\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ${({ bgMode, clampSolidBg }) => {\n        if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {\n            return clampSolidBg ? `${spacings.wrapperLarge}px` : undefined;\n        } else {\n            return `${spacings.wrapper}px`;\n        }\n    }};\n    background: ${({ bgColor }) => bgColor || undefined};\n    margin: 0 auto;\n    z-index: -1;\n\n    @media ${mq.semilarge} {\n        background: ${({ bgColor, bgMode }) =>\n            bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined};\n    }\n\n    @media ${mq.xlarge} {\n        :before {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-left' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-right' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(100%);\n        }\n    }\n`;\n\nexport type SectionType = 'header' | 'footer' | 'div';\n\nexport interface SectionProps {\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Render as specific HTML tag type */\n    renderAs?: SectionType;\n\n    /** Background color */\n    bgColor?: string;\n\n    /** Background mode */\n    bgMode?: BgMode;\n\n    /** Clamp solid backgrounds (full, inverted) to large wrapper width */\n    clampSolidBg?: boolean;\n\n    /** Enable section seperation spacing */\n    addSeperation?: boolean;\n\n    /** Allow stack feature for reduced section spacing to following section */\n    isStackable?: boolean;\n}\n\nconst Section = forwardRef<\n    HTMLElement,\n    SectionProps & {\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            anchorId,\n            renderAs,\n            bgColor,\n            bgMode,\n            clampSolidBg = true,\n            addSeperation = false,\n            isStackable = false,\n            className,\n            children,\n        },\n        ref\n    ) => {\n        switch (bgMode) {\n            case 'larger-left':\n                bgMode = 'larger-left';\n                break;\n            case 'larger-right':\n                bgMode = 'larger-right';\n                break;\n            case 'inverted':\n                bgMode = 'inverted';\n                break;\n            case 'full':\n                bgMode = 'full';\n                break;\n            default:\n                bgMode = undefined;\n        }\n\n        const noPadIdent = addSeperation ? '' : 'nopad';\n        const ident =\n            bgColor && bgMode\n                ? concat([`${bgMode}__${bgColor}`, noPadIdent], '--')\n                : 'light';\n\n        return (\n            <View\n                ref={ref}\n                id={anchorId || undefined}\n                as={renderAs}\n                data-bg-ident={ident}\n                bgIdent={ident}\n                bgColor={bgColor || ''}\n                addSeperation={\n                    !renderAs || (renderAs && renderAs !== 'div')\n                        ? addSeperation\n                        : false\n                }\n                isStackable={isStackable}\n                data-stack-ident={isStackable ? 'true' : 'false'}\n                className={className}\n            >\n                {bgColor && (\n                    <Back\n                        bgColor={bgColor}\n                        bgMode={bgMode}\n                        clampSolidBg={clampSolidBg}\n                    />\n                )}\n                {children}\n            </View>\n        );\n    }\n);\n\nSection.displayName = 'Section';\n\nexport default Section;\n\nexport const mapToBgMode = (\n    mode?: 'full' | 'splitted' | 'inverted',\n    preventSplit = false,\n    isMirrored = false\n): BgMode | undefined => {\n    switch (mode) {\n        case 'full':\n            return 'full';\n        case 'inverted':\n            return 'inverted';\n        case 'splitted': {\n            if (!preventSplit)\n                return isMirrored ? 'larger-left' : 'larger-right';\n            else return undefined;\n        }\n\n        default:\n            return undefined;\n    }\n};\n"],"names":["getBackground","bgColor","mode","bgValue","undefined","concat","View","styled","section","templateObject_3","__makeTemplateObject","_a","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","css","templateObject_1","withRange","mq","xxlarge","margin","marginStacked","bgColorPart","templateObject_2","Back","div","templateObject_4","bgMode","clampSolidBg","spacings","wrapperLarge","wrapper","semilarge","xlarge","Section","forwardRef","ref","anchorId","renderAs","_b","_c","_d","className","children","noPadIdent","ident","React","createElement","id","displayName","mapToBgMode","preventSplit","isMirrored"],"mappings":"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"}

package/esm/TableBlock-a65315ca.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBlock-a65315ca.js","sources":["../src/components/blocks/Title.tsx","../src/components/base/icons/ButtonLeft.tsx","../src/components/base/icons/ButtonRight.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonLeft: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle\n            cx=\"24\"\n            cy=\"24\"\n            r=\"24\"\n            transform=\"rotate(-180 24 24)\"\n            fill=\"#000\"\n            fillOpacity=\".4\"\n        />\n        <g clipPath={`url(#button-left-path-${id})`}>\n            <path\n                d=\"m29.51 15.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L21.38 24l8.13-8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-left-path-${id}`}>\n                <path fill=\"#fff\" d=\"M36 36H12V12h24z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonLeft;\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonRight: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#000\" fillOpacity=\".4\" />\n        <g clipPath={`url(#button-right-path-${id})`}>\n            <path\n                d=\"m18.49 32.13 1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L26.62 24l-8.13 8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-right-path-${id}`}>\n                <path fill=\"#fff\" d=\"M12 12h24v24H12z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonRight;\n","import ButtonLeft from 'components/base/icons/ButtonLeft';\nimport ButtonRight from 'components/base/icons/ButtonRight';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nconst ButtonContainer = styled.button<{ isVisible?: boolean }>`\n    position: sticky;\n    bottom: 40px;\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ${spacings.spacer}px ${spacings.nudge * 2}px;\n\n    cursor: ${({ isVisible }) => (isVisible ? 'pointer' : 'default')};\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ${({ isVisible }) => (isVisible ? 0.7 : 0)};\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n`;\n\nconst ButtonRightContainer = styled(ButtonContainer)`\n    float: right;\n    justify-self: end;\n`;\n\nconst ButtonLeftContainer = styled(ButtonContainer)`\n    float: left;\n    justify-self: start;\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock: FC<TableProps> = ({\n    row,\n    tableTitle,\n    rowTitle,\n    isInverted = false,\n    hasBack = false,\n    lastCol = 'left',\n}) => {\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const [showButtonRight, setShowButtonRight] = React.useState(false);\n    const [showButtonLeft, setShowButtonLeft] = React.useState(false);\n\n    useEffect(() => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        const calcControls = () => {\n            if (scrollEl.scrollWidth > scrollEl.offsetWidth) {\n                setShowButtonLeft(scrollEl.scrollLeft > 0);\n                setShowButtonRight(\n                    scrollEl.scrollLeft + scrollEl.offsetWidth <\n                        scrollEl.scrollWidth - 1 // reduced by 1 pixel to prevent bug on some viewport widths\n                );\n            } else {\n                setShowButtonLeft(false);\n                setShowButtonRight(false);\n            }\n        };\n\n        calcControls();\n        window.addEventListener('resize', calcControls);\n        scrollEl.addEventListener('scroll', calcControls);\n\n        return () => {\n            window.removeEventListener('resize', calcControls);\n            scrollEl.removeEventListener('scroll', calcControls);\n        };\n    }, []);\n\n    const handleRightClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({ left: scrollEl.offsetWidth, behavior: 'smooth' });\n    };\n\n    const handleLeftClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({\n            left: scrollEl.offsetWidth * -1,\n            behavior: 'smooth',\n        });\n    };\n\n    const showButtons = rowTitle || row.length > 0;\n\n    return (\n        <View>\n            <TableContainer tabIndex={1} ref={scrollRef}>\n                <TableBody>\n                    {tableTitle && (\n                        <Caption\n                            renderAs=\"caption\"\n                            type=\"copy-b\"\n                            isInverted={isInverted}\n                        >\n                            {tableTitle}\n                        </Caption>\n                    )}\n                    {rowTitle && (\n                        <thead>\n                            <tr>\n                                {rowTitle.map((item, ii) => (\n                                    <TableHead\n                                        key={ii}\n                                        type=\"copy-b\"\n                                        renderAs=\"th\"\n                                        isInverted={!isInverted}\n                                        alignRight={lastCol === 'right'}\n                                    >\n                                        {item}\n                                    </TableHead>\n                                ))}\n                            </tr>\n                        </thead>\n                    )}\n                    <tbody>\n                        {row.map(({ cols }, i) => (\n                            <tr key={i}>\n                                {cols.map((itemText, ii) => {\n                                    return (\n                                        <TableData\n                                            key={ii}\n                                            renderAs=\"td\"\n                                            hasBack={hasBack}\n                                            alignRight={lastCol === 'right'}\n                                            innerHTML={itemText}\n                                        />\n                                    );\n                                })}\n                            </tr>\n                        ))}\n                    </tbody>\n                </TableBody>\n            </TableContainer>\n            <ButtonLeftContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonLeft}\n                onClick={handleLeftClick}\n            >\n                <ButtonLeft id=\"left\" />\n            </ButtonLeftContainer>\n            <ButtonRightContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonRight}\n                onClick={handleRightClick}\n            >\n                <ButtonRight id=\"right\" />\n            </ButtonRightContainer>\n        </View>\n    );\n};\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","Title","_b","colorMode","superTitle","superTitleAs","title","titleAs","_c","titleSize","_d","titleHyphens","className","colors","useLibTheme","React","createElement","renderAs","size","textColor","text","inverted","undefined","isInverted","innerHTML","hyphens","SVG","svg","ButtonLeft","id","ariaHidden","width","height","viewBox","fill","xmlns","cx","cy","r","transform","fillOpacity","clipPath","concat","d","ButtonRight","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","ButtonContainer","button","templateObject_7","isVisible","ButtonRightContainer","templateObject_8","ButtonLeftContainer","templateObject_9","TableBlock","row","tableTitle","rowTitle","lastCol","scrollRef","useRef","_e","useState","showButtonRight","setShowButtonRight","_f","showButtonLeft","setShowButtonLeft","useEffect","scrollEl","current","calcControls","scrollWidth","offsetWidth","scrollLeft","window","addEventListener","removeEventListener","handleRightClick","scrollBy","left","behavior","handleLeftClick","showButtons","length","tabIndex","ref","type","map","item","ii","key","i","cols","itemText","style","marginTop","onClick","displayName"],"mappings":";;;;;;;;AAOA,IAAMA,MAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAuCC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yCAAA,EAAA,iBAAA,EAAA,4CAAA,EAAA,cAAA,CAAA,EAAA,CAAA,yCAAA,EAEqB,iBAFrB,EAGO,4CAHP,EAMT,cANS,CAAA,CAAA,CAAvC,EAEQ,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,QAAH,GAAc,MAAzB,CAAA;AAAgC,CAF5D,EAGI,UAACD,EAAD,EAAe;AAAZ,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,EAAAA,OAAAA,UAAU,IAAI,QAAd,CAAA;AAAsB,CAH9C,EAMYC,QAAQ,CAACC,KAAT,GAAiB,CAN7B,CAAV,CAAA;AAUA,IAAMC,UAAU,GAAGR,MAAM,CAACS,OAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAkBC,kBAAA,KAAAA,kBAAA,GAAAP,oBAAA,CAAA,CAAA,sPAAA,CAAA,EAAA,CAAA,sPAAA,CAAA,CAAA,CAAlB,CAAhB,CAAA;AAYA,IAAMQ,SAAS,GAAGX,MAAM,CAACS,OAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAyCG,CAAAA,CAAAA,kBAAA,KAAAA,kBAAA,GAAAT,oBAAA,CAAA,CAAA,+BAAA,EAAA,IAAA,CAAA,EAAA,CAAA,+BAAA,EAa/C,IAb+C,CAAA,CAAA,CAAzC,EAGT,UAACC,EAAD,EAAa;AAAV,EAAA,IAAAS,QAAQ,GAAAT,EAAA,CAAAS,QAAR,CAAA;AACD,EAAA,OAAAA,QAAQ,IACRA,QAAQ,GAAG,CADX,IAEAC,GAAG,0UAAA,8IAI+B,6DACR,2DALvB,EAIuBD,QAJvB,EAKeA,QALf,CAFH,CAAA;AASC,CAbM,CAAf,CAAA;;AAkBA,IAAME,KAAK,GAgCN,UAACX,EAAD,EAWJ;AAVG,EAAA,IAAAY,EAAA,GAAAZ,EAAA,CAAAa,SAAA;AAAA,MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAH,GAAYA,EAArB;AAAA,MACAE,UAAU,GAAAd,EAAA,CAAAc,UADV;AAAA,MAEAC,YAAY,kBAFZ;AAAA,MAGAC,KAAK,WAHL;AAAA,MAIAC,OAAO,aAJP;AAAA,MAKAC,EAAA,GAAAlB,EAAA,CAAAmB,SALA;AAAA,MAKAA,SAAS,mBAAG,cAAWD,EALvB;AAAA,MAMAT,QAAQ,GAAAT,EAAA,CAAAS,QANR;AAAA,MAOAW,EAAkB,GAAApB,EAAA,CAAAC,UAPlB;AAAA,MAOAA,UAAU,GAAAmB,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EAPlB;AAAA,MAQAC,YAAY,GAAArB,EAAA,CAAAqB,YARZ;AAAA,MASAC,SAAS,GAAAtB,EAAA,CAAAsB,SATT,CAAA;AAWQ,EAAA,IAAAC,MAAM,GAAKC,WAAW,EAAA,OAAtB,CAAA;AAER,EAAA,OACIC,cAAC,CAAAC,aAAD,CAAC/B,MAAD,EAAM;AAAAM,IAAAA,UAAU,EAAEA,UAAZ;AAAwBqB,IAAAA,SAAS,EAAEA,SAAAA;AAAnC,GAAN,EACKR,UAAU,IACPW,cAAA,CAAAC,aAAA,CAACtB,UAAD,EACI;AAAAuB,IAAAA,QAAQ,EAAEZ,YAAY,IAAI,KAA1B;AACAa,IAAAA,IAAI,EAAC,OADL;AAEAC,IAAAA,SAAS,EACLhB,SAAS,KAAK,SAAd,GACMU,MAAM,CAACO,IAAP,CAAYC,QADlB,GAEMC,SALV;AAOAC,IAAAA,UAAU,EAAEpB,SAAS,KAAK,UAP1B;AAQAqB,IAAAA,SAAS,EAAEpB,UAAAA;AARX,GADJ,CAFR,EAcKE,KAAK,IACFS,cAAC,CAAAC,aAAD,CAACnB,SAAD;AACIoB,IAAAA,QAAQ,EAAEV,OAAO,IAAI;AACrBW,IAAAA,IAAI,EAAET,SAAS,KAAK,WAAd,GAA4B,WAA5B,GAA0C;AAChDgB,IAAAA,OAAO,EAAEd;AACTQ,IAAAA,SAAS,EACLhB,SAAS,KAAK,SAAd,GACMU,MAAM,CAACO,IAAP,CAAYC,QADlB,GAEMC;AAEVC,IAAAA,UAAU,EAAEpB,SAAS,KAAK;AAC1BqB,IAAAA,SAAS,EAAElB;AACXP,IAAAA,QAAQ,EAAEA,QAAAA;GAXd,CAfR,CADJ,CAAA;AAgCH,EA9ED;;;AC5CA,IAAM2B,KAAG,GAAGxC,MAAM,CAACyC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAavC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMuC,UAAU,GAKX,UAACtC,EAAD,EAAqC;MAAlCuC,EAAE,GAAAvC,EAAA,CAAAuC;MAAEjB,SAAS,GAAAtB,EAAA,CAAAsB;MAAEV;MAAA4B,UAAU,GAAG5B,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAIA;AAAO,EAAA,OAC3Ca,KAAA,CAAAC,aAAA,CAACU,KAAD,EAAI;AACAK,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAC,IAAAA,IAAI,EAAC,MAJL;AAKAC,IAAAA,KAAK,EAAC,4BALN;AAMAvB,IAAAA,SAAS,EAAEA,SANX;AAMoB,IACPkB,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIf,KACI,CAAAC,aADJ,CACI,QADJ,EACI;AAAAoB,IAAAA,EAAE,EAAC,IAAH;AACAC,IAAAA,EAAE,EAAC,IADH;AAEAC,IAAAA,CAAC,EAAC,IAFF;AAGAC,IAAAA,SAAS,EAAC,oBAHV;AAIAL,IAAAA,IAAI,EAAC,MAJL;AAKAM,IAAAA,WAAW,EAAC,IAAA;AALZ,GADJ,CATJ,EAiBIzB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGyB,IAAAA,QAAQ,EAAE,wBAAA,CAAyBC,MAAzB,CAAyBb,EAAzB,EAA8B,GAA9B,CAAA;AAAb,GAAA,EACId,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAA2B,IAAAA,CAAC,EAAC,sEAAF;AACAT,IAAAA,IAAI,EAAC,MAAA;AADL,GADJ,CADJ,CAjBJ,EAuBInB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACID,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUa,IAAAA,EAAE,EAAE,mBAAoBa,CAAAA,MAApB,CAAoBb,EAApB,CAAA;AAAd,GAAA,EACId,KAAM,CAAAC,aAAN,CAAM,MAAN,EAAM;AAAAkB,IAAAA,IAAI,EAAC,MAAL;AAAYS,IAAAA,CAAC,EAAC,kBAAA;AAAd,GAAN,CADJ,CADJ,CAvBJ,CAD2C,CAAA;AA8B9C,CAnCD,CAAA;;;ACJA,IAAMjB,GAAG,GAAGxC,MAAM,CAACyC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAavC,kBAAA,KAAAA,kBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMuD,WAAW,GAKZ,UAACtD,EAAD,EAAqC;MAAlCuC,EAAE,GAAAvC,EAAA,CAAAuC;MAAEjB,SAAS,GAAAtB,EAAA,CAAAsB;MAAEV;MAAA4B,UAAU,GAAG5B,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAIA;AAAO,EAAA,OAC3Ca,KAAA,CAAAC,aAAA,CAACU,GAAD,EAAI;AACAK,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAC,IAAAA,IAAI,EAAC,MAJL;AAKAC,IAAAA,KAAK,EAAC,4BALN;AAMAvB,IAAAA,SAAS,EAAEA,SANX;AAMoB,IACPkB,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIf,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQoB,IAAAA,EAAE,EAAC,IAAX;AAAgBC,IAAAA,EAAE,EAAC,IAAnB;AAAwBC,IAAAA,CAAC,EAAC,IAA1B;AAA+BJ,IAAAA,IAAI,EAAC,MAApC;AAA2CM,IAAAA,WAAW,EAAC,IAAA;AAAvD,GAAA,CATJ,EAUIzB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGyB,IAAAA,QAAQ,EAAE,yBAAA,CAA0BC,MAA1B,CAA0Bb,EAA1B,EAA+B,GAA/B,CAAA;AAAb,GAAA,EACId,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAA2B,IAAAA,CAAC,EAAC,uEAAF;AACAT,IAAAA,IAAI,EAAC,MAAA;AADL,GADJ,CADJ,CAVJ,EAgBInB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACID,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUa,IAAAA,EAAE,EAAE,oBAAqBa,CAAAA,MAArB,CAAqBb,EAArB,CAAA;AAAd,GAAA,EACId,KAAM,CAAAC,aAAN,CAAM,MAAN,EAAM;AAAAkB,IAAAA,IAAI,EAAC,MAAL;AAAYS,IAAAA,CAAC,EAAC,kBAAA;AAAd,GAAN,CADJ,CADJ,CAhBJ,CAD2C,CAAA;AAuB9C,CA5BD,CAAA;;;ACCA,IAAM1D,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,8FAAA,EAAA,gFAAA,CAAA,EAAA,CAAA,8FAAA,EAKkD,gFALlD,CAAA,CAAA,CAAb,EAKoB,UAACC,EAAD,EAAU;AAAP,EAAA,IAAAuD,KAAK,GAAAvD,EAAA,CAAAuD,KAAL,CAAA;AAAY,EAAA,OAAAC,SAAK,CAACD,KAAD,CAAL,CAAaE,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAL/D,CAAV,CAAA;AAaA,IAAMC,OAAO,GAAG/D,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,qBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAetD,gBAAA,KAAAA,gBAAA,GAAAP,oBAAA,CAAA,CAAA,uBAAA,EAAA,sBAAA,EAAA,8BAAA,CAAA,EAAA,CAAA,uBAAA,EACO,sBADP,EAEO,8BAFP,CAAA,CAAA,CAAf,EACQG,QAAQ,CAACC,KADjB,EAEID,QAAQ,CAACC,KAAT,GAAiB,CAFrB,CAAb,CAAA;AAMA,IAAM0D,cAAc,GAAGjE,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,4BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaiE,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAA/D,oBAAA,CAAA,CAAA,qNAAA,EAAA,oMAAA,CAAA,EAAA,CAAA,qNAAA,EAWsC,oMAXtC,CAAA,CAAA,CAAb,EAWQ,UAACC,EAAD,EAAU;AAAP,EAAA,IAAAuD,KAAK,GAAAvD,EAAA,CAAAuD,KAAL,CAAA;AAAY,EAAA,OAAAC,SAAK,CAACD,KAAD,CAAL,CAAaE,OAAb,CAAqBC,OAArB,CAAA;AAA4B,CAXnD,CAApB,CAAA;AAyBA,IAAMK,SAAS,GAAGnE,MAAM,CAACoE,KAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,0MAAe,sGAKc,0BAET,UAPpB,EAKS9D,QAAQ,CAACC,KAAT,GAAiB,GAL1B,EAOED,QAAQ,CAACC,KAAT,GAAiB,CAPnB,CAAf,CAAA;AAUA,IAAM8D,SAAS,GAAGrE,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAeM,gBAAA,KAAAA,gBAAA,GAAAnE,oBAAA,CAAA,CAAA,sCAAA,EAAA,2BAAA,EAAA,sBAAA,EAAA,oGAAA,EAAA,2BAAA,EAAA,YAAA,CAAA,EAAA,CAG5B,sCAH4B,EAM6C,2BAN7C,EAUa,sBAVb,EAYK,oGAZL,EAiBgB,2BAjBhB,EAkB2C,YAlB3C,CAAA,CAAA,CAAf,EAKF,UAACC,EAAD,EAAsB;MAAnBuD,KAAK,GAAAvD,EAAA,CAAAuD;MAAEtB,UAAU,GAAAjC,EAAA,CAAAiC;AACzB,EAAA,OAAAA,UAAU,GAAGuB,SAAK,CAACD,KAAD,CAAL,CAAazB,IAAb,CAAkBC,QAArB,GAAgCyB,SAAK,CAACD,KAAD,CAAL,CAAazB,IAAb,CAAkB4B,OAA5D,CAAA;AAAmE,CAN5D,EAOS,UAAC1D,EAAD,EAAsB;MAAnBuD,KAAK,GAAAvD,EAAA,CAAAuD;MAAEtB,UAAU,GAAAjC,EAAA,CAAAiC;AACpC,EAAA,OAAAA,UAAU,GACJuB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBC,IADnB,GAEJZ,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBE,MAF7B,CAAA;AAEmC,CAV5B,EAYEnE,QAAQ,CAACC,KAAT,GAAiB,CAZnB,EAiBUD,QAAQ,CAACoE,MAAT,GAAkB,GAjB5B,EAkBO,UAACtE,EAAD,EAAe;AAAZ,EAAA,IAAAuE,UAAU,GAAAvE,EAAA,CAAAuE,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,OAAH,GAAa,MAAxB,CAAA;AAA+B,CAlB1D,CAAf,CAAA;AAsBA,IAAMC,SAAS,GAAG5E,MAAM,CAACgE,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAGba,gBAAA,KAAAA,gBAAA,GAAA1E,oBAAA,CAAA,CAAA,mBAAA,EAAA,gFAAA,EAAA,8CAAA,EAAA,4BAAA,EAAA,cAAA,CAAA,EAAA,CAAA,mBAAA,EACiC,gFADjC,EAM4E,8CAN5E,EASuE,4BATvE,EAU4C,cAV5C,CAAA,CAAA,CAHa,EAIEG,QAAQ,CAACC,KAAT,GAAiB,CAJnB,EAQS,UAACH,EAAD,EAAmB;MAAhB0E,OAAO,GAAA1E,EAAA,CAAA0E;MAAEnB,KAAK,GAAAvD,EAAA,CAAAuD;AACjC,EAAA,OAAAmB,OAAO,GAAGlB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBQ,KAA1B,GAAkCnB,SAAK,CAACD,KAAD,CAAL,CAAaY,SAAb,CAAuBE,MAAhE,CAAA;AAAsE,CAT/D,EAYO,UAACrE,EAAD,EAAe;AAAZ,EAAA,IAAAuE,UAAU,GAAAvE,EAAA,CAAAuE,UAAV,CAAA;AAAiB,EAAA,OAACA,UAAU,GAAG,OAAH,GAAa,MAAxB,CAAA;AAA+B,CAZ1D,EAaUrE,QAAQ,CAACoE,MAAT,GAAkB,GAb5B,CAAf,CAAA;AAiBA,IAAMM,eAAe,GAAGhF,MAAM,CAACiF,MAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,6BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAyCC,gBAAA,KAAAA,gBAAA,GAAA/E,oBAAA,CAAA,CAAA,2DAAA,EAAA,yBAAA,EAAA,0HAAA,EAAA,KAAA,EAAA,qBAAA,EAAA,+GAAA,EAAA,gEAAA,CAAA,EAAA,CAAA,2DAAA,EAGT,yBAHS,EAIO,0HAJP,EAWjC,KAXiC,EAWT,qBAXS,EAaM,+GAbN,EAmBH,gEAnBG,CAAA,CAAA,CAAzC,EAGN,UAACC,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,CAAH,GAAO,CAAjB,CAAA;AAAmB,CAHhC,EAIC,UAAC/E,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,KAAH,GAAW,MAArB,CAAA;AAA4B,CAJhD,EAWP7E,QAAQ,CAACoE,MAXF,EAWcpE,QAAQ,CAACC,KAAT,GAAiB,CAX/B,EAaP,UAACH,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,SAAH,GAAe,SAAzB,CAAA;AAAmC,CAb/C,EAmBF,UAAC/E,EAAD,EAAc;AAAX,EAAA,IAAA+E,SAAS,GAAA/E,EAAA,CAAA+E,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,GAAH,GAAS,CAAnB,CAAA;AAAqB,CAnBtC,CAArB,CAAA;AA2BA,IAAMC,oBAAoB,GAAGpF,MAAM,CAACgF,eAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kCAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA0BK,gBAAA,KAAAA,gBAAA,GAAAlF,oBAAA,CAAA,CAAA,+CAAA,CAAA,EAAA,CAAA,+CAAA,CAAA,CAAA,CAA1B,CAA1B,CAAA;AAKA,IAAMmF,mBAAmB,GAAGtF,MAAM,CAACgF,eAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iCAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA0BO,gBAAA,KAAAA,gBAAA,GAAApF,oBAAA,CAAA,CAAA,gDAAA,CAAA,EAAA,CAAA,gDAAA,CAAA,CAAA,CAA1B,CAAzB,CAAA;;AAgBA,IAAMqF,UAAU,GAAmB,UAACpF,EAAD,EAOlC;MANGqF,GAAG,GAAArF,EAAA,CAAAqF;MACHC,UAAU,GAAAtF,EAAA,CAAAsF;MACVC,QAAQ,GAAAvF,EAAA,CAAAuF;MACR3E,EAAA,GAAAZ,EAAA,CAAAiC;MAAAA,UAAU,GAAGrB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MAClBM,EAAe,GAAAlB,EAAA,CAAA0E;MAAfA,OAAO,GAAAxD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA;MACfE,EAAA,GAAApB,EAAA,CAAAwF;MAAAA,OAAO,GAAGpE,EAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAMA;AAEhB,EAAA,IAAMqE,SAAS,GAAGC,MAAM,CAAiB,IAAjB,CAAxB,CAAA;;AACM,EAAA,IAAAC,EAAwC,GAAAlE,cAAK,CAACmE,QAAN,CAAe,KAAf,CAAxC;AAAA,MAACC,eAAe,GAAAF,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBG,kBAAkB,QAApC,CAAA;;AACA,EAAA,IAAAC,EAAsC,GAAAtE,cAAK,CAACmE,QAAN,CAAe,KAAf,CAAtC;AAAA,MAACI,cAAc,GAAAD,EAAA,CAAA,CAAA,CAAf;AAAA,MAAiBE,iBAAiB,QAAlC,CAAA;;AAENC,EAAAA,SAAS,CAAC,YAAA;AACN,IAAA,IAAMC,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;;AAEf,IAAME,IAAAA,YAAY,GAAG,YAAA;AACjB,MAAA,IAAIF,QAAQ,CAACG,WAAT,GAAuBH,QAAQ,CAACI,WAApC,EAAiD;AAC7CN,QAAAA,iBAAiB,CAACE,QAAQ,CAACK,UAAT,GAAsB,CAAvB,CAAjB,CAAA;AACAV,QAAAA,kBAAkB,CACdK,QAAQ,CAACK,UAAT,GAAsBL,QAAQ,CAACI,WAA/B,GACIJ,QAAQ,CAACG,WAAT,GAAuB,CAFb;AAAA,SAAlB,CAAA;AAIH,OAND,MAMO;AACHL,QAAAA,iBAAiB,CAAC,KAAD,CAAjB,CAAA;AACAH,QAAAA,kBAAkB,CAAC,KAAD,CAAlB,CAAA;AACH,OAAA;AACJ,KAXD,CAAA;;AAaAO,IAAAA,YAAY,EAAA,CAAA;AACZI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCL,YAAlC,CAAA,CAAA;AACAF,IAAAA,QAAQ,CAACO,gBAAT,CAA0B,QAA1B,EAAoCL,YAApC,CAAA,CAAA;AAEA,IAAA,OAAO,YAAA;AACHI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCN,YAArC,CAAA,CAAA;AACAF,MAAAA,QAAQ,CAACQ,mBAAT,CAA6B,QAA7B,EAAuCN,YAAvC,CAAA,CAAA;AACH,KAHD,CAAA;AAIH,GAzBQ,EAyBN,EAzBM,CAAT,CAAA;;AA2BA,EAAMO,IAAAA,gBAAgB,GAAG,YAAA;AACrB,IAAA,IAAMT,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;AAEfA,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAAA,QAAQ,CAAEU,QAAV,CAAmB;AAAEC,MAAAA,IAAI,EAAEX,QAAQ,CAACI,WAAjB;AAA8BQ,MAAAA,QAAQ,EAAE,QAAA;AAAxC,KAAnB,CAAA,CAAA;AACH,GALD,CAAA;;AAOA,EAAMC,IAAAA,eAAe,GAAG,YAAA;AACpB,IAAA,IAAMb,QAAQ,GAAGV,SAAS,CAACW,OAA3B,CAAA;AACA,IAAI,IAAA,CAACD,QAAL,EAAe,OAAA;AAEfA,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAAA,QAAQ,CAAEU,QAAV,CAAmB;AACfC,MAAAA,IAAI,EAAEX,QAAQ,CAACI,WAAT,GAAuB,CAAC,CADf;AAEfQ,MAAAA,QAAQ,EAAE,QAAA;AAFK,KAAnB,CAAA,CAAA;AAIH,GARD,CAAA;;AAUA,EAAME,IAAAA,WAAW,GAAG1B,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAA7C,CAAA;AAEA,EAAA,OACIzF,4BAAA,CAAC9B,IAAD,EAAK,IAAL,EACI8B,cAAC,CAAAC,aAAD,CAACmC,cAAD;AAAgBsD,IAAAA,QAAQ,EAAE;AAAGC,IAAAA,GAAG,EAAE3B,SAAAA;GAAlC,EACIhE,cAAA,CAAAC,aAAA,CAACqC,SAAD,EAAU,IAAV,EACKuB,UAAU,IACP7D,cAAA,CAAAC,aAAA,CAACiC,OAAD,EACI;AAAAhC,IAAAA,QAAQ,EAAC,SAAT;AACA0F,IAAAA,IAAI,EAAC,QADL;AAEApF,IAAAA,UAAU,EAAEA,UAAAA;AAFZ,GADJ,EAKKqD,UALL,CAFR,EAUKC,QAAQ,IACL9D,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EACID,cACK,CAAAC,aADL,CACK,IADL,EACK,IADL,EACK6D,QAAQ,CAAC+B,GAAT,CAAa,UAACC,IAAD,EAAOC,EAAP,EAAc;AAAA,IAAA,OACxB/F,cAAC,CAAAC,aAAD,CAACuC,SAAD;AACIwD,MAAAA,GAAG,EAAED;AACLH,MAAAA,IAAI,EAAC;AACL1F,MAAAA,QAAQ,EAAC;AACTM,MAAAA,UAAU,EAAE,CAACA;AACbsC,MAAAA,UAAU,EAAEiB,OAAO,KAAK,OAAA;KAL5B,EAOK+B,IAPL,CADwB,CAAA;AAU3B,GAVA,CADL,CADJ,CAXR,EA2BI9F,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EACK2D,GAAG,CAACiC,GAAJ,CAAQ,UAACtH,EAAD,EAAW0H,CAAX,EAAY;AAAT,IAAA,IAAAC,IAAI,GAAA3H,EAAA,CAAA2H,IAAJ,CAAA;AAAc,IAAA,OACtBlG,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAI+F,MAAAA,GAAG,EAAEC,CAAAA;AAAT,KAAA,EACKC,IAAI,CAACL,GAAL,CAAS,UAACM,QAAD,EAAWJ,EAAX,EAAa;AACnB,MAAA,OACI/F,cAAC,CAAAC,aAAD,CAAC8C,SAAD,EACI;AAAAiD,QAAAA,GAAG,EAAED,EAAL;AACA7F,QAAAA,QAAQ,EAAC,IADT;AAEA+C,QAAAA,OAAO,EAAEA,OAFT;AAGAH,QAAAA,UAAU,EAAEiB,OAAO,KAAK,OAHxB;AAIAtD,QAAAA,SAAS,EAAE0F,QAAAA;AAJX,OADJ,CADJ,CAAA;AASH,KAVA,CADL,CADsB,CAAA;AAczB,GAdA,CADL,CA3BJ,CADJ,CADJ,EAgDInG,cAAC,CAAAC,aAAD,CAACwD,mBAAD,EACI;AAAA2C,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAEvC,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAAzB,GAA6B,MAA7B,GAAsClF,SAAAA;AAD9C,KAAP;AAGA+C,IAAAA,SAAS,EAAEkC,WAAW,IAAIjB,cAH1B;AAIA+B,IAAAA,OAAO,EAAEf,eAAAA;AAJT,GADJ,EAOIvF,cAAA,CAAAC,aAAA,CAACY,UAAD,EAAY;AAAAC,IAAAA,EAAE,EAAC,MAAA;AAAH,GAAZ,CAPJ,CAhDJ,EAyDId,cAAC,CAAAC,aAAD,CAACsD,oBAAD,EACI;AAAA6C,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAEvC,QAAQ,IAAIF,GAAG,CAAC6B,MAAJ,GAAa,CAAzB,GAA6B,MAA7B,GAAsClF,SAAAA;AAD9C,KAAP;AAGA+C,IAAAA,SAAS,EAAEkC,WAAW,IAAIpB,eAH1B;AAIAkC,IAAAA,OAAO,EAAEnB,gBAAAA;AAJT,GADJ,EAOInF,cAAC,CAAAC,aAAD,CAAC4B,WAAD;AAAaf,IAAAA,EAAE,EAAC,OAAA;GAAhB,CAPJ,CAzDJ,CADJ,CAAA;AAqEH,EA/HD;;AAiIA6C,UAAU,CAAC4C,WAAX,GAAyB,YAAzB,CAAA;;;;;"}

package/esm/Tag-217cd89b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag-217cd89b.js","sources":["../src/components/blocks/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n"],"names":["View","styled","Link","templateObject_2","__makeTemplateObject","_a","isInverted","spacings","nudge","copyStyle","isActive","isClickable","css","templateObject_1","theme","getColors","primary","inverted","default","Tag","name","link","onClick","className","children","tag","href","React","__assign","as"],"mappings":"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"}