@blateral/b.kit 2.8.4 → 3.0.1

package/cjs/PickerAction-ed288096.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-271afb02.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a=r(e),l=r(t).default.button.withConfig({displayName:"PickerAction__View",componentId:"sc-1m5b3q3-0"})(i||(i=n.__makeTemplateObject(["\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    display: inline-block;\n    padding: 0.5em 0.8em;\n    white-space: nowrap;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n    text-decoration: none;\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    &:not(:disabled) {\n        cursor: pointer;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:not(:disabled):hover {\n            background-color: ",";\n        }\n    }\n\n    &:disabled {\n        filter: grayscale(1);\n        color: ",";\n    }\n\n    &:active:not(:focus-visible) {\n        @media (hover: none) {\n            background-color: ",";\n\n            transition: 0.2s background-color ease-in-out;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            -webkit-tap-highlight-color: transparent;\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n"],["\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    display: inline-block;\n    padding: 0.5em 0.8em;\n    white-space: nowrap;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    line-height: 1;\n    letter-spacing: ",";\n    text-decoration: none;\n\n    background-color: ",";\n    color: ",";\n\n    transition: background-color 0.2s ease-in-out;\n\n    &:not(:disabled) {\n        cursor: pointer;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:not(:disabled):hover {\n            background-color: ",";\n        }\n    }\n\n    &:disabled {\n        filter: grayscale(1);\n        color: ",";\n    }\n\n    &:active:not(:focus-visible) {\n        @media (hover: none) {\n            background-color: ",";\n\n            transition: 0.2s background-color ease-in-out;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            -webkit-tap-highlight-color: transparent;\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n"])),(function(n){var e=n.theme;return o.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return o.withRange(o.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return o.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return o.getFonts(e).copy.small.letterSpacing}),(function(n){var e=n.theme;return"ghost"===n.variant?"transparent":o.getColors(e).primary.default}),(function(n){var e=n.theme;return"ghost"===n.variant?o.getColors(e).text.default:o.getColors(e).text.inverted}),(function(n){var e=n.theme;return"ghost"===n.variant?o.getColors(e).elementBg.medium:o.getColors(e).primary.hover}),(function(n){var e=n.theme;return"ghost"===n.variant?o.getColors(e).text.disabled:o.getColors(e).text.inverted}),(function(n){var e=n.theme;return"ghost"===n.variant?o.getColors(e).elementBg.medium:o.getColors(e).primary.hover}),(function(n){var e=n.theme;return"ghost"===n.variant?o.getColors(e).text.default:o.getColors(e).primary.default}));exports.PickerAction=function(n){var e=n.variant,t=n.disabled,o=n.ariaLabel,r=n.onClick,i=n.children,s=n.className;return a.default.createElement(l,{variant:e,disabled:t,onClick:r,"aria-label":o,className:s},i)};
+//# sourceMappingURL=PickerAction-ed288096.js.map

package/cjs/PickerAction-ed288096.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerAction-ed288096.js","sources":["../src/components/buttons/PickerAction.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport styled from 'styled-components';\nimport { getFonts as font, getColors as color, withRange } from 'utils/styles';\n\nexport type PickerActionVariant = 'default' | 'ghost';\n\nconst View = styled.button<{ variant?: PickerActionVariant }>`\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n\n    display: inline-block;\n    padding: 0.5em 0.8em;\n    white-space: nowrap;\n\n    font-family: ${({ theme }) => font(theme).copy.small.family};\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.small.weight};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.small.letterSpacing};\n    text-decoration: none;\n\n    background-color: ${({ theme, variant }) =>\n        variant === 'ghost' ? 'transparent' : color(theme).primary.default};\n    color: ${({ theme, variant }) =>\n        variant === 'ghost'\n            ? color(theme).text.default\n            : color(theme).text.inverted};\n\n    transition: background-color 0.2s ease-in-out;\n\n    &:not(:disabled) {\n        cursor: pointer;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:not(:disabled):hover {\n            background-color: ${({ theme, variant }) =>\n                variant === 'ghost'\n                    ? color(theme).elementBg.medium\n                    : color(theme).primary.hover};\n        }\n    }\n\n    &:disabled {\n        filter: grayscale(1);\n        color: ${({ theme, variant }) =>\n            variant === 'ghost'\n                ? color(theme).text.disabled\n                : color(theme).text.inverted};\n    }\n\n    &:active:not(:focus-visible) {\n        @media (hover: none) {\n            background-color: ${({ theme, variant }) =>\n                variant === 'ghost'\n                    ? color(theme).elementBg.medium\n                    : color(theme).primary.hover};\n\n            transition: 0.2s background-color ease-in-out;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            -webkit-tap-highlight-color: transparent;\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ${({ theme, variant }) =>\n                variant === 'ghost'\n                    ? color(theme).text.default\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n`;\n\nexport interface PickerActionProps {\n    variant?: PickerActionVariant;\n    disabled?: boolean;\n    ariaLabel?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n}\n\nconst PickerAction: FC<\n    PickerActionProps & { className?: string; children?: ReactNode }\n> = ({ variant, disabled, ariaLabel, onClick, children, className }) => {\n    return (\n        <View\n            variant={variant}\n            disabled={disabled}\n            onClick={onClick}\n            aria-label={ariaLabel}\n            className={className}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default PickerAction;\n"],"names":["View","styled","button","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","font","getFonts","copy","small","family","withRange","size","weight","letterSpacing","variant","color","getColors","primary","default","text","inverted","elementBg","medium","hover","disabled","ariaLabel","onClick","children","className","React","createElement"],"mappings":"gOAMMA,OAAOC,QAAOC,OAAVC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAGJ,CAAaK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,sLAAA,UAAA,sBAAA,+CAAA,0DAAA,iBAAA,0OAAA,0FAAA,iHAAA,qRAAA,4CAAA,CAAmC,sLAUE,UACS,sBACT,+CAEU,0DAIC,iBAIlC,0OAaQ,0FASJ,iHAQI,qRAaE,+CAvD/B,SAACC,GAAE,IAAAC,EAAKD,EAAAC,MAAOC,OAAAA,EAAIC,SAACF,GAAOG,KAAKC,MAAMC,UACnD,SAACN,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAM,EAASA,UAACL,EAAIC,SAACF,GAAOG,KAAKC,MAAMG,KAAM,gBACzC,SAACR,GAAE,IAAAC,EAAKD,EAAAC,MAAOC,OAAAA,EAAIC,SAACF,GAAOG,KAAKC,MAAMI,UAEnC,SAACT,GAAE,IAAAC,EAAKD,EAAAC,MAAOC,OAAAA,EAAIC,SAACF,GAAOG,KAAKC,MAAMK,iBAGpC,SAACV,OAAEC,EAAKD,EAAAC,MACxB,MAAY,UADqBD,EAAAW,QACX,cAAgBC,EAAKC,UAACZ,GAAOa,QAAQC,WACtD,SAACf,OAAEC,EAAKD,EAAAC,MACbU,MAAY,UADUX,EAAAW,QAEhBC,EAAKC,UAACZ,GAAOe,KAAKD,QAClBH,YAAMX,GAAOe,KAAKC,YAUA,SAACjB,OAAEC,EAAKD,EAAAC,MACxBU,MAAY,UADqBX,EAAAW,QAE3BC,EAAKC,UAACZ,GAAOiB,UAAUC,OACvBP,YAAMX,GAAOa,QAAQM,SAM1B,SAACpB,OAAEC,EAAKD,EAAAC,MACbU,MAAY,UADUX,EAAAW,QAEhBC,EAAKC,UAACZ,GAAOe,KAAKK,SAClBT,YAAMX,GAAOe,KAAKC,YAKJ,SAACjB,OAAEC,EAAKD,EAAAC,MACxBU,MAAY,UADqBX,EAAAW,QAE3BC,EAAKC,UAACZ,GAAOiB,UAAUC,OACvBP,YAAMX,GAAOa,QAAQM,SAU7B,SAACpB,OAAEC,EAAKD,EAAAC,MACNU,MAAY,UADGX,EAAAW,QAETC,EAAKC,UAACZ,GAAOe,KAAKD,QAClBH,YAAMX,GAAOa,QAAQC,gCAcvC,SAACf,GAAE,IAAAW,EAAOX,EAAAW,QAAEU,EAAQrB,EAAAqB,SAAEC,EAAStB,EAAAsB,UAAEC,YAASC,EAAQxB,EAAAwB,SAAEC,EAASzB,EAAAyB,UAC7D,OACIC,EAAC,QAAAC,cAAAnC,EACG,CAAAmB,QAASA,EACTU,SAAUA,EACVE,QAASA,EACG,aAAAD,EACZG,UAAWA,GAEVD"}

package/cjs/Pointer-b8875387.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-271afb02.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function r(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var a=r(e),l=o(t),s=l.default.a.withConfig({displayName:"Pointer__View",componentId:"sc-1jne5k6-0"})(u||(u=n.__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    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus-visible {\n        outline: none;\n    }\n\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    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus-visible {\n        outline: none;\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return i.withRange(i.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return i.getFonts(e).copy.medium.weight}),(function(n){var e=n.decoration;return e||"underline"}),(function(n){var e=n.theme;return i.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.theme;return n.inverted?i.getColors(e).primary.inverted:i.getColors(e).primary.default}),(function(n){return n.isDisabled?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.isDisabled?i.getColors(e).elementBg.medium:t?i.getColors(e).text.copyInverted:i.getColors(e).text.copy}),(function(n){var e=n.theme,t=n.inverted;return n.isDisabled?i.getColors(e).elementBg.medium:t?i.getColors(e).text.copyInverted:i.getColors(e).text.copy}),i.spacings.nudge,(function(e){var o=e.isDisabled,r=e.inverted,a=e.theme;return!o&&t.css(d||(d=n.__makeTemplateObject(["\n            &:focus-visible {\n                outline: 2px dotted\n                    ",";\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    opacity: 0.6;\n                }\n            }\n        "],["\n            &:focus-visible {\n                outline: 2px dotted\n                    ",";\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    opacity: 0.6;\n                }\n            }\n        "])),r?i.getColors(a).primary.inverted:i.getColors(a).primary.default)})),c=a.forwardRef((function(e,t){var i=e.as,o=void 0===i?"a":i,r=e.isInverted,l=e.isDisabled,c=e.onClick,d=e.className,u=e.decoration,f=void 0===u?"underline":u,m=e.children,p=e.ariaLabel,v=n.__rest(e,["as","isInverted","isDisabled","onClick","className","decoration","children","ariaLabel"]);switch(o){case"button":return a.createElement(s,n.__assign({ref:t,as:o,tabIndex:l?-1:0,decoration:f,inverted:r,disabled:l,isDisabled:l,onClick:c,className:d,"aria-label":p},v),m);case"a":return a.createElement(s,n.__assign({ref:t,as:o,tabIndex:l?-1:0,decoration:f,href:v.href,"data-disabled":l,"data-inverted":r,target:v.isExternal?"_blank":void 0,rel:v.isExternal?"noopener":void 0,inverted:r,isDisabled:l,onClick:c,className:d,"aria-label":p},v),m);default:return a.createElement(s,n.__assign({ref:t,as:"span",tabIndex:l?-1:0,decoration:f,"data-disabled":l,"data-inverted":r,inverted:r,isDisabled:l,onClick:c,className:d,"aria-label":p},v),m)}}));c.displayName="Button";var d,u,f,m,p=l.default.div.withConfig({displayName:"Pointer__Icon",componentId:"sc-1jne5k6-1"})(f||(f=n.__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(n){var e=n.theme;return n.iconColor||i.getColors(e).text.copy}),s,(function(n){var e=n.theme;return n.iconColor||i.getColors(e).text.copyInverted}),s,(function(n){var e=n.theme;return n.iconColor||i.getColors(e).elementBg.medium}),s),v={View:c,Label:l.default.span.withConfig({displayName:"Pointer__Label",componentId:"sc-1jne5k6-2"})(m||(m=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),Icon:p};exports.Pointer=v;
+//# sourceMappingURL=Pointer-b8875387.js.map

package/cjs/Pointer-b8875387.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pointer-b8875387.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } 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    isDisabled?: boolean;\n    decoration?: '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: ${({ decoration }) =>\n        decoration ? decoration : '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: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, isDisabled }) =>\n        isDisabled\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    & > * {\n        color: ${({ theme, inverted, isDisabled }) =>\n            isDisabled\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    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus-visible {\n        outline: none;\n    }\n\n    ${({ isDisabled, inverted, theme }) =>\n        !isDisabled &&\n        css`\n            &:focus-visible {\n                outline: 2px dotted\n                    ${inverted\n                        ? color(theme).primary.inverted\n                        : color(theme).primary.default};\n                outline-offset: 2px;\n            }\n\n            &:active:not(:focus-visible) {\n                @media (hover: none) {\n                    outline: none;\n                    opacity: 0.6;\n                }\n            }\n        `}\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    decoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n    ariaLabel?: string;\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\nexport type DecoratorProps = Props & {\n    as?: 'decorator';\n};\n\nconst Pointer = React.forwardRef<\n    HTMLElement,\n    BtnProps | LinkProps | DecoratorProps\n>(\n    (\n        {\n            as = 'a',\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            decoration = 'underline',\n            children,\n            ariaLabel,\n            ...rest\n        },\n        ref\n    ) => {\n        switch (as) {\n            case 'button': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLButtonElement>}\n                        as={as}\n                        tabIndex={isDisabled ? -1 : 0}\n                        decoration={decoration}\n                        inverted={isInverted}\n                        disabled={isDisabled}\n                        isDisabled={isDisabled}\n                        onClick={onClick}\n                        className={className}\n                        aria-label={ariaLabel}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            case 'a': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLAnchorElement>}\n                        as={as}\n                        tabIndex={isDisabled ? -1 : 0}\n                        decoration={decoration}\n                        href={(rest as LinkProps).href}\n                        data-disabled={isDisabled}\n                        data-inverted={isInverted}\n                        target={\n                            (rest as LinkProps).isExternal\n                                ? '_blank'\n                                : undefined\n                        }\n                        rel={\n                            (rest as LinkProps).isExternal\n                                ? 'noopener'\n                                : undefined\n                        }\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        onClick={onClick}\n                        className={className}\n                        aria-label={ariaLabel}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            default: {\n                return (\n                    <View\n                        ref={ref}\n                        as=\"span\"\n                        tabIndex={isDisabled ? -1 : 0}\n                        decoration={decoration}\n                        data-disabled={isDisabled}\n                        data-inverted={isInverted}\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        onClick={onClick}\n                        className={className}\n                        aria-label={ariaLabel}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\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","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","theme","font","getFonts","copy","medium","family","withRange","size","weight","decoration","letterSpacing","inverted","color","primary","default","isDisabled","elementBg","text","copyInverted","spacings","nudge","css","Pointer","React","forwardRef","ref","_b","as","isInverted","onClick","className","_c","children","ariaLabel","rest","__rest","createElement","__assign","tabIndex","disabled","href","target","isExternal","undefined","rel","Icon","div","templateObject_3","iconColor","getColors","Pointer$1","Label","span","templateObject_4"],"mappings":"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"}

package/cjs/Section-89240e41.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),t=require("react"),e=require("styled-components"),a=require("./concat-8bd71a50.js"),i=require("./styles-271afb02.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=r(t),d=r(e),g=d.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"],["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(t){var a=t.addSeperation,r=t.isStackable,o=t.bgIdent,d=t.theme,g=i.getGlobals(d).sections.seperation.padding.default,l=i.getGlobals(d).sections.seperation.padding.stackable,s=i.getGlobals(d).sections.seperation.forcePadding;return a?e.css(c||(c=n.__makeTemplateObject(["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "],["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "])),i.withRange(g,"padding-top"),i.withRange(r?l:g,"padding-bottom"),i.withRange(l,"padding-top"),o,o,s?void 0:"0 !important",i.mq.xxlarge,s?void 0:"0 !important"):""}),(function(t){var a=t.addSeperation,r=t.isStackable,o=t.bgIdent,d=t.bgColor,g=t.theme,l=i.getGlobals(g).sections.seperation.margin.default,s=i.getGlobals(g).sections.seperation.margin.stackable,c=d?"__".concat(d):"";return a?e.css(p||(p=n.__makeTemplateObject(["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "],["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "])),c,i.withRange(l,"margin-top"),c,i.withRange(l,"margin-top"),c,i.withRange(r?s:l,"margin-top"),c,i.withRange(r?s:l,"margin-top"),o,o,i.mq.xxlarge):""})),l=d.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(u||(u=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var t=n.bgMode,e=n.clampSolidBg;return"larger-left"!==t&&"larger-right"!==t?e?"".concat(i.spacings.wrapperLarge,"px"):void 0:"".concat(i.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),i.mq.semilarge,(function(n){var t=n.bgColor,e=n.bgMode;return t&&e?function(n,t){var e=void 0;switch(t){case"full":case"inverted":default:e=n;break;case"larger-left":e="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":e="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return e}(t,e):void 0}),i.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t})),s=t.forwardRef((function(n,t){var e=n.anchorId,i=n.renderAs,r=n.bgColor,d=n.bgMode,s=n.clampSolidBg,c=void 0===s||s,p=n.addSeperation,b=void 0!==p&&p,u=n.isStackable,m=void 0!==u&&u,f=n.className,h=n.ariaLabeledBy,v=n.ariaLabel,k=n.children;switch(d){case"larger-left":d="larger-left";break;case"larger-right":d="larger-right";break;case"inverted":d="inverted";break;case"full":d="full";break;default:d=void 0}var w=b?"":"nopad",x=r&&d?a.concat(["".concat(d,"__").concat(r),w],"--"):"light";return o.default.createElement(g,{ref:t,id:e||void 0,as:i,"data-bg-ident":x,bgIdent:x,bgColor:r||"",addSeperation:!(i&&(!i||"div"===i))&&b,isStackable:m,"data-stack-ident":m?"true":"false",className:f,"aria-labelledby":h,"aria-label":v},r&&o.default.createElement(l,{bgColor:r,bgMode:d,clampSolidBg:c}),k)}));s.displayName="Section";var c,p,b,u;exports.Section=s,exports.mapToBgMode=function(n,t,e){switch(void 0===t&&(t=!1),void 0===e&&(e=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return t?void 0:e?"larger-left":"larger-right";default:return}};
+//# sourceMappingURL=Section-89240e41.js.map

package/cjs/Section-89240e41.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section-89240e41.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' | 'article';\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    ariaLabeledBy?: string;\n    ariaLabel?: string;\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            ariaLabeledBy,\n            ariaLabel,\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                aria-labelledby={ariaLabeledBy}\n                aria-label={ariaLabel}\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":["View","styled","section","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","css","templateObject_1","withRange","undefined","mq","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","templateObject_2","Back","div","templateObject_4","bgMode","clampSolidBg","spacings","wrapperLarge","wrapper","semilarge","mode","bgValue","getBackground","xlarge","Section","forwardRef","ref","anchorId","renderAs","_b","_c","_d","className","ariaLabeledBy","ariaLabel","children","noPadIdent","ident","React","createElement","id","preventSplit","isMirrored"],"mappings":"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"}

package/cjs/SocialList-f2aca9d8.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-271afb02.js"),l=require("./Link-6e728957.js"),o=require("./Copy-1b9e33ba.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,r,c,d,u=a(e),p=a(t),f=p.default.div.withConfig({displayName:"SocialList__View",componentId:"sc-w600sr-0"})(s||(s=n.__makeTemplateObject(["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*i.spacings.nudge),m=p.default.ul.withConfig({displayName:"SocialList__List",componentId:"sc-w600sr-1"})(r||(r=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*i.spacings.nudge),g=p.default.li.withConfig({displayName:"SocialList__IconContainer",componentId:"sc-w600sr-2"})(c||(c=n.__makeTemplateObject(["\n    display: block;\n    padding: 0;\n"],["\n    display: block;\n    padding: 0;\n"]))),x=p.default(l.Link).withConfig({displayName:"SocialList__StyledLink",componentId:"sc-w600sr-3"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),2*i.spacings.nudge,1.5*i.spacings.nudge,2*i.spacings.nudge,1.5*i.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.inverted:i.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).primary.inverted:i.getColors(e).primary.default}));exports.SocialList=function(n){var e=n.isInverted,t=void 0!==e&&e,i=n.title,l=n.items,a=n.className;return u.default.createElement(f,{className:a},i&&u.default.createElement(o.Copy,{type:"copy-b",isInverted:t},i),u.default.createElement(m,null,null==l?void 0:l.map((function(n,e){return u.default.createElement(g,{key:e},u.default.createElement(x,{isExternal:!0,href:n.href,isInverted:t,ariaLabel:n.title||"social_".concat(e)},n.icon&&n.icon({isInverted:t,title:n.title})))}))))};
+//# sourceMappingURL=SocialList-f2aca9d8.js.map

package/cjs/{SocialList-73af56b5.js.map → SocialList-f2aca9d8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SocialList-73af56b5.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"ySAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,yJAAU,yGAOiB,kBAAD,EAAjBK,EAAQA,SAACC,OAIzBC,EAAOP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,mMAAS,mJAOmB,kBAAD,EAAjBK,EAAQA,SAACC,OAI1BG,EAAgBT,EAAAA,QAAOU,GAAVR,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,CAASW,IAAAA,EAAAC,uBAAA,CAAA,4CAAA,CAAA,+CAKzBC,EAAab,EAAM,QAACc,QAAVZ,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAYe,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,uCAAA,MAAA,qBAAA,OAAA,mBAAA,gLAAA,oHAAA,CAAA,uCAEE,MAA0B,qBAC1B,OAA2B,mBAEe,gLAczB,sHAjBlB,EAAjBP,EAAAA,SAASC,MAAgC,IAAjBD,EAAAA,SAASC,MAChB,EAAjBD,EAAQA,SAACC,MAAiC,IAAjBD,EAAAA,SAASC,OACpC,SAACU,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WAWtD,SAACN,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOM,QAAQF,SACrBF,EAAAA,UAAMF,GAAOM,QAAQD,8BAoBtC,SAACN,GAAE,IAAAQ,EAAAR,EAAAE,WAAAA,OAAa,IAAAM,GAAKA,EAAEC,EAAKT,EAAAS,MAAEC,EAAKV,EAAAU,MAAEC,EAASX,EAAAW,UAC/C,OACIC,EAAC,QAAAC,cAAA9B,EAAK,CAAA4B,UAAWA,GACZF,GACGG,EAAAA,QAACC,cAAAC,QAAKC,KAAK,SAASb,WAAYA,GAC3BO,GAGTG,UAACC,cAAAtB,OACImB,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBN,wBAACnB,EAAa,CAAC0B,IAAKD,GAChBN,EAAC,QAAAC,cAAAhB,EACG,CAAAuB,YACA,EAAAC,KAAMJ,EAAKI,KACXnB,WAAYA,EACZoB,UAAWL,EAAKR,OAAS,UAAUc,OAAAL,IAElCD,EAAKO,MACFP,EAAKO,KAAK,CAAEtB,WAAUA,EAAEO,MAAOQ,EAAKR"}
+{"version":3,"file":"SocialList-f2aca9d8.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"6SAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,yJAAU,yGAOiB,kBAAD,EAAjBK,EAAQA,SAACC,OAIzBC,EAAOP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,mMAAS,mJAOmB,kBAAD,EAAjBK,EAAQA,SAACC,OAI1BG,EAAgBT,EAAAA,QAAOU,GAAVR,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,CAASW,IAAAA,EAAAC,uBAAA,CAAA,4CAAA,CAAA,+CAKzBC,EAAab,EAAM,QAACc,QAAVZ,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAYe,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,uCAAA,MAAA,qBAAA,OAAA,mBAAA,gLAAA,oHAAA,CAAA,uCAEE,MAA0B,qBAC1B,OAA2B,mBAEe,gLAczB,sHAjBlB,EAAjBP,EAAAA,SAASC,MAAgC,IAAjBD,EAAAA,SAASC,MAChB,EAAjBD,EAAQA,SAACC,MAAiC,IAAjBD,EAAAA,SAASC,OACpC,SAACU,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WAWtD,SAACN,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOM,QAAQF,SACrBF,EAAAA,UAAMF,GAAOM,QAAQD,8BAoBtC,SAACN,GAAE,IAAAQ,EAAAR,EAAAE,WAAAA,OAAa,IAAAM,GAAKA,EAAEC,EAAKT,EAAAS,MAAEC,EAAKV,EAAAU,MAAEC,EAASX,EAAAW,UAC/C,OACIC,EAAC,QAAAC,cAAA9B,EAAK,CAAA4B,UAAWA,GACZF,GACGG,EAAAA,QAACC,cAAAC,QAAKC,KAAK,SAASb,WAAYA,GAC3BO,GAGTG,UAACC,cAAAtB,OACImB,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBN,wBAACnB,EAAa,CAAC0B,IAAKD,GAChBN,EAAC,QAAAC,cAAAhB,EACG,CAAAuB,YACA,EAAAC,KAAMJ,EAAKI,KACXnB,WAAYA,EACZoB,UAAWL,EAAKR,OAAS,UAAUc,OAAAL,IAElCD,EAAKO,MACFP,EAAKO,KAAK,CAAEtB,WAAUA,EAAEO,MAAOQ,EAAKR"}

package/cjs/TableBlock-8f87c278.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ButtonLeft-7e1f216a.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-1b9e33ba.js"),l=require("./styles-271afb02.js"),o=require("./LibThemeProvider-878ed68c.js"),a=require("./Link-6e728957.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,c,p,u,m,f,g,b,h,v,x,y,w,k=r(n),_=r(t),T=_.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(s||(s=e.__makeTemplateObject(["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered&&"0 auto"}),2*l.spacings.nudge),C=_.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(d||(d=e.__makeTemplateObject(["\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    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"]))),I=_.default(a.Link).withConfig({displayName:"Title__TitleLink",componentId:"sc-1pyc768-2"})(c||(c=e.__makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    &:focus-visible {\n        outline: none;\n\n        & > * {\n            outline: 2px dotted currentColor;\n            outline-offset: 2px;\n        }\n    }\n"],["\n    display: block;\n    text-decoration: none;\n\n    &:focus-visible {\n        outline: none;\n\n        & > * {\n            outline: 2px dotted currentColor;\n            outline-offset: 2px;\n        }\n    }\n"]))),B=_.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-3"})(u||(u=e.__makeTemplateObject(["\n    display: block;\n\n    ","\n"],["\n    display: block;\n\n    ","\n"])),(function(n){var i=n.maxLines;return i&&i>0&&t.css(p||(p=e.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)})),E=_.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(m||(m=e.__makeTemplateObject(["\n    display: grid;\n    position: relative;\n"],["\n    display: grid;\n    position: relative;\n"]))),L=_.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(f||(f=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"],["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"])),l.spacings.nudge,2*l.spacings.nudge),j=_.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(g||(g=e.__makeTemplateObject(["\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    outline: none;\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"],["\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    outline: none;\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).primary.inverted:l.getColors(n).primary.default})),N=_.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(b||(b=e.__makeTemplateObject(["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"],["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"])),.5*l.spacings.nudge,2*l.spacings.nudge),O=_.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(h||(h=e.__makeTemplateObject(["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"],["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).text.inverted:l.getColors(n).text.default}),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.dark:l.getColors(n).elementBg.medium}),3*l.spacings.nudge,2.5*l.spacings.spacer,(function(e){return e.alignRight?"right":"left"})),z=_.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(v||(v=e.__makeTemplateObject(["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"],["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"])),3*l.spacings.nudge,(function(e){var n=e.hasBack,t=e.theme;return n?l.getColors(t).elementBg.light:l.getColors(t).elementBg.medium}),(function(e){return e.alignRight?"right":"left"}),2.5*l.spacings.spacer),A=_.default.button.withConfig({displayName:"TableBlock__ButtonContainer",componentId:"sc-1n2im8m-6"})(x||(x=e.__makeTemplateObject(["\n    position: sticky;\n    bottom: 40px;\n    opacity: ",";\n    pointer-events: ",";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ","px ","px;\n\n    cursor: ",";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ",";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n    }\n"],["\n    position: sticky;\n    bottom: 40px;\n    opacity: ",";\n    pointer-events: ",";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ","px ","px;\n\n    cursor: ",";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ",";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n    }\n"])),(function(e){return e.isVisible?1:0}),(function(e){return e.isVisible?"all":"none"}),l.spacings.spacer,2*l.spacings.nudge,(function(e){return e.isVisible?"pointer":"default"}),(function(e){return e.isVisible?.7:0}),(function(e){var n=e.theme;return l.getColors(n).primary.default})),H=_.default(A).withConfig({displayName:"TableBlock__ButtonRightContainer",componentId:"sc-1n2im8m-7"})(y||(y=e.__makeTemplateObject(["\n    float: right;\n    justify-self: end;\n"],["\n    float: right;\n    justify-self: end;\n"]))),R=_.default(A).withConfig({displayName:"TableBlock__ButtonLeftContainer",componentId:"sc-1n2im8m-8"})(w||(w=e.__makeTemplateObject(["\n    float: left;\n    justify-self: start;\n"],["\n    float: left;\n    justify-self: start;\n"]))),V=function(t){var i=t.row,l=t.tableTitle,o=t.rowTitle,a=t.isInverted,r=void 0!==a&&a,s=t.hasBack,d=void 0!==s&&s,c=t.lastCol,p=void 0===c?"left":c,u=t.ariaControlLeft,m=void 0===u?"Scroll table to the left":u,f=t.ariaControlRight,g=void 0===f?"Scroll table to the right":f,b=n.useRef(null),h=k.default.useState(!1),v=h[0],x=h[1],y=k.default.useState(!1),w=y[0],_=y[1];n.useEffect((function(){var e=b.current;if(e){var n=function(){e.scrollWidth>e.offsetWidth?(_(e.scrollLeft>0),x(e.scrollLeft+e.offsetWidth<e.scrollWidth-1)):(_(!1),x(!1))};return n(),window.addEventListener("resize",n),e.addEventListener("scroll",n),function(){window.removeEventListener("resize",n),e.removeEventListener("scroll",n)}}}),[]);var T=o||i.length>0;return k.default.createElement(E,null,k.default.createElement(j,{tabIndex:0,ref:b,isInverted:r},k.default.createElement(N,null,l&&k.default.createElement(L,{renderAs:"caption",type:"copy-b",isInverted:r},l),o&&k.default.createElement("thead",null,k.default.createElement("tr",null,o.map((function(e,n){return k.default.createElement(O,{key:n,type:"copy-b",renderAs:"th",scope:"col",isInverted:!r,alignRight:"right"===p},e)})))),k.default.createElement("tbody",null,i.map((function(e,n){var t=e.cols;return k.default.createElement("tr",{key:n},t.map((function(e,n){return k.default.createElement(z,{key:n,renderAs:"td",hasBack:d,alignRight:"right"===p,innerHTML:e})})))}))))),k.default.createElement(R,{style:{marginTop:o&&i.length>1?"80px":void 0},isVisible:T&&w,tabIndex:T&&w?void 0:-1,onClick:function(){var e=b.current;e&&(null==e||e.scrollBy({left:-1*e.offsetWidth,behavior:"smooth"}))},"aria-label":m},k.default.createElement(e.ButtonLeft,null)),k.default.createElement(H,{style:{marginTop:o&&i.length>1?"80px":void 0},isVisible:T&&v,tabIndex:T&&v?void 0:-1,onClick:function(){var e=b.current;e&&(null==e||e.scrollBy({left:e.offsetWidth,behavior:"smooth"}))},"aria-label":g},k.default.createElement(e.ButtonRight,null)))};V.displayName="TableBlock",exports.TableBlock=V,exports.Title=function(n){var t=n.colorMode,i=void 0===t?"default":t,l=n.superTitle,a=n.superTitleAs,r=n.title,s=n.titleAs,d=n.titleLink,c=n.titleId,p=n.titleSize,u=void 0===p?"heading-2":p,m=n.maxLines,f=n.isCentered,g=void 0!==f&&f,b=n.titleHyphens,h=n.className,v=o.useLibTheme().colors;return k.default.createElement(T,{isCentered:g,className:h},l&&k.default.createElement(C,{renderAs:a||"div",size:"super",textColor:"onImage"===i?v.text.inverted:void 0,isInverted:"inverted"===i,innerHTML:l}),r&&k.default.createElement(k.default.Fragment,null,(null==d?void 0:d.href)?k.default.createElement(I,e.__assign({ariaLabel:r},d),k.default.createElement(B,{id:c,renderAs:s||"h2",size:"heading-1"===u?"heading-1":"heading-2",hyphens:b,textColor:"onImage"===i?v.text.inverted:void 0,isInverted:"inverted"===i,innerHTML:r,maxLines:m})):k.default.createElement(B,{id:c,renderAs:s||"h2",size:"heading-1"===u?"heading-1":"heading-2",hyphens:b,textColor:"onImage"===i?v.text.inverted:void 0,isInverted:"inverted"===i,innerHTML:r,maxLines:m})))};
+//# sourceMappingURL=TableBlock-8f87c278.js.map

package/cjs/TableBlock-8f87c278.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-8f87c278.js","sources":["../src/components/blocks/Title.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';\nimport Link, { LinkProps } from 'components/typography/Link';\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 TitleLink = styled(Link)`\n    display: block;\n    text-decoration: none;\n\n    &:focus-visible {\n        outline: none;\n\n        & > * {\n            outline: 2px dotted currentColor;\n            outline-offset: 2px;\n        }\n    }\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    /** Link properties for main title */\n    titleLink?: LinkProps;\n\n    /** ID for main title */\n    titleId?: string;\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    titleLink,\n    titleId,\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\n            {title && (\n                <>\n                    {titleLink?.href ? (\n                        <TitleLink ariaLabel={title} {...titleLink}>\n                            <MainTitle\n                                id={titleId}\n                                renderAs={titleAs || 'h2'}\n                                size={\n                                    titleSize === 'heading-1'\n                                        ? 'heading-1'\n                                        : 'heading-2'\n                                }\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                        </TitleLink>\n                    ) : (\n                        <MainTitle\n                            id={titleId}\n                            renderAs={titleAs || 'h2'}\n                            size={\n                                titleSize === 'heading-1'\n                                    ? 'heading-1'\n                                    : 'heading-2'\n                            }\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                </>\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import * as Icons from 'components/base/icons/Icons';\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\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<{ isInverted?: boolean }>`\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    outline: none;\n\n    &:focus-visible {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\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    &:focus-visible {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\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    ariaControlLeft?: string;\n    ariaControlRight?: string;\n}\n\nconst TableBlock: FC<TableProps> = ({\n    row,\n    tableTitle,\n    rowTitle,\n    isInverted = false,\n    hasBack = false,\n    lastCol = 'left',\n    ariaControlLeft = 'Scroll table to the left',\n    ariaControlRight = 'Scroll table to the right',\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\n                tabIndex={0}\n                ref={scrollRef}\n                isInverted={isInverted}\n            >\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                                        scope=\"col\"\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                tabIndex={!showButtons || !showButtonLeft ? -1 : undefined}\n                onClick={handleLeftClick}\n                aria-label={ariaControlLeft}\n            >\n                <Icons.ButtonLeft />\n            </ButtonLeftContainer>\n            <ButtonRightContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonRight}\n                tabIndex={!showButtons || !showButtonRight ? -1 : undefined}\n                onClick={handleRightClick}\n                aria-label={ariaControlRight}\n            >\n                <Icons.ButtonRight />\n            </ButtonRightContainer>\n        </View>\n    );\n};\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","TitleLink","Link","templateObject_3","MainTitle","templateObject_5","maxLines","css","Caption","Copy","TableContainer","theme","isInverted","color","primary","inverted","default","TableBody","table","TableHead","text","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","_b","_c","_d","lastCol","_e","ariaControlLeft","_f","ariaControlRight","scrollRef","useRef","_g","React","useState","showButtonRight","setShowButtonRight","_h","showButtonLeft","setShowButtonLeft","useEffect","scrollEl","current","calcControls","scrollWidth","offsetWidth","scrollLeft","window","addEventListener","removeEventListener","handleRightClick","showButtons","length","createElement","tabIndex","ref","renderAs","type","map","item","ii","key","scope","i","cols","itemText","innerHTML","style","marginTop","undefined","onClick","scrollBy","left","behavior","Icons","ButtonRight","colorMode","superTitle","superTitleAs","title","titleAs","titleLink","titleId","titleSize","titleHyphens","className","colors","useLibTheme","size","textColor","Fragment","href","ariaLabel","id","hyphens"],"mappings":"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"}

package/cjs/Tag-430477d0.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ButtonLeft-7e1f216a.js"),e=require("react"),o=require("styled-components"),i=require("./Copy-1b9e33ba.js"),r=require("./Link-6e728957.js"),t=require("./styles-271afb02.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,d,l=a(e),c=a(o).default(r.Link).withConfig({displayName:"Tag__View",componentId:"sc-1mw8uhi-0"})(d||(d=n.__makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","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    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"],["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","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    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus-visible {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])),(function(n){return n.isInverted?"#dddddd":"#444444"}),t.spacings.nudge,i.copyStyle("copy","small"),(function(n){var e=n.isActive,o=n.isInverted;return e&&(o?"#dddddd":"#444444")}),(function(n){var e=n.isActive,o=n.isInverted;return e?o?"#444444":"#ffff":o?"#dddddd":"#444444"}),(function(n){return n.isClickable?"pointer":"default"}),(function(e){var i=e.isClickable,r=e.isInverted;return i&&o.css(s||(s=n.__makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "],["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "])),r?"#dddddd":"#444444",r?"#444444":"#ffff")}),(function(n){var e=n.isInverted,o=n.theme;return e?t.getColors(o).primary.inverted:t.getColors(o).primary.default}));exports.Tag=function(e){var o=e.name,i=e.link,r=e.isInverted,t=e.isActive,a=e.onClick,s=e.className,d=e.children,u=e.ariaLabel,f=(null==i?void 0:i.href)?"a":a?"button":"span";return l.default.createElement(c,n.__assign({as:f,isInverted:r,isActive:t,onClick:a,isClickable:!!a||!(!i||!i.href),"aria-label":u||o,className:s},i),o||d)};
+//# sourceMappingURL=Tag-430477d0.js.map

package/cjs/Tag-430477d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag-430477d0.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 as color, 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-visible {\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\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        ariaLabel?: string;\n    }\n> = ({\n    name,\n    link,\n    isInverted,\n    isActive,\n    onClick,\n    className,\n    children,\n    ariaLabel,\n}) => {\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            aria-label={ariaLabel || name}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n"],"names":["View","Link","withConfig","displayName","componentId","styled","templateObject_2","__makeTemplateObject","_a","isInverted","spacings","nudge","copyStyle","isActive","isClickable","css","templateObject_1","theme","color","primary","inverted","default","name","link","onClick","className","children","ariaLabel","tag","href","React","__assign","as"],"mappings":"kSAOMA,OAAa,QAACC,QAAVC,WAAA,CAAAC,YAAA,YAAAC,YAAA,gBAAGC,CAAYC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gEAAA,kDAAA,2NAAA,oEAAA,qBAAA,6GAAA,YAAA,sEAAA,gJAAA,CAIvB,gEAGgE,kDAGjC,2NAYD,oEAM4B,qBAOnD,6GAK+D,YAW/D,sEAOyC,mJAnDxC,SAACC,GAAmB,OAAPA,EAAAC,WAAqB,UAAY,YAGrCC,EAAAA,SAASC,MAYtBC,EAASA,UAAC,OAAQ,UAKI,SAACJ,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WACvC,OAAAI,IAAaJ,EAAa,UAAY,cACjC,SAACD,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WAC5B,OAAII,EACOJ,EAAa,UAAY,QAEzBA,EAAa,UAAY,aAOlC,SAACD,GAAoB,OAAPA,EAAAM,YAAsB,UAAY,aAExD,SAACN,OAAEM,EAAWN,EAAAM,YAAEL,EAAUD,EAAAC,WACxB,OAAAK,GACAC,MAAGC,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,gIAAA,iCAAA,iDAAA,CAAA,gIAG+D,iCACb,mDADrBE,EAAa,UAAY,UACpCA,EAAa,UAAY,YAOxC,SAACD,OAAEC,EAAUD,EAAAC,WAAEQ,EAAKT,EAAAS,MAClB,OAAAR,EACMS,EAAAA,UAAMD,GAAOE,QAAQC,SACrBF,EAAAA,UAAMD,GAAOE,QAAQE,uBA6BvC,SAACb,OACDc,EAAId,EAAAc,KACJC,EAAIf,EAAAe,KACJd,EAAUD,EAAAC,WACVI,EAAQL,EAAAK,SACRW,EAAOhB,EAAAgB,QACPC,EAASjB,EAAAiB,UACTC,EAAQlB,EAAAkB,SACRC,EAASnB,EAAAmB,UAEHC,GAAML,MAAAA,OAAI,EAAJA,EAAMM,MAAO,IAAML,EAAU,SAAW,OAEpD,OACIM,wBAAC9B,EAAI+B,WAAA,CACDC,GAAIJ,EACJnB,WAAYA,EACZI,SAAUA,EACVW,QAASA,EACTV,cAAeU,MAAcD,IAAQA,EAAKM,MAC9BF,aAAAA,GAAaL,EACzBG,UAAWA,GACPF,GAEHD,GAAQI"}

package/cjs/Textarea-51bea7d0.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ButtonLeft-7e1f216a.js");require("./Button-ddcdefd5.js"),require("./ButtonGhost-22501467.js");var n=require("./Pointer-b8875387.js"),t=require("./PickerAction-ed288096.js");require("./Control-40e6d4ed.js");var r=require("./Copy-1b9e33ba.js"),a=require("react"),o=require("react-datepicker"),i=require("styled-components"),l=require("./formFieldText-fcf0452b.js"),d=require("./hexRgbConverter-91b28aea.js"),s=require("./LibThemeProvider-878ed68c.js"),u=require("./styles-271afb02.js"),c=require("./useLeafletMap-145217ee.js"),m=require("./useLazyInput-1481445a.js"),p=require("./useUpdateEffect-4d233e2c.js"),f=require("./useGeolocation-d8946470.js"),g=require("./concat-8bd71a50.js"),h=require("./useMounted-0bba9869.js"),v=require("./arrays-c272ed59.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var y=b(a),x=w(a),k=b(o),C=b(i);function _(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function M(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function T(e){M(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"),console.warn((new Error).stack)),new Date(NaN))}function I(e,n){M(2,arguments);var t=T(e).getTime(),r=_(n);return new Date(t+r)}function D(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}function S(e){return M(1,arguments),e instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e)}function E(e){if(M(1,arguments),!S(e)&&"number"!=typeof e)return!1;var n=T(e);return!isNaN(Number(n))}var F={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function j(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth,r=e.formats[t]||e.formats[e.defaultWidth];return r}}var z={date:j({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:j({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:j({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},P={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function O(e){return function(n,t){var r,a=t||{};if("formatting"===(a.context?String(a.context):"standalone")&&e.formattingValues){var o=e.defaultFormattingWidth||e.defaultWidth,i=a.width?String(a.width):o;r=e.formattingValues[i]||e.formattingValues[o]}else{var l=e.defaultWidth,d=a.width?String(a.width):e.defaultWidth;r=e.values[d]||e.values[l]}return r[e.argumentCallback?e.argumentCallback(n):n]}}function W(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.width,a=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],o=n.match(a);if(!o)return null;var i,l=o[0],d=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],s=Array.isArray(d)?q(d,(function(e){return e.test(l)})):N(d,(function(e){return e.test(l)}));i=e.valueCallback?e.valueCallback(s):s,i=t.valueCallback?t.valueCallback(i):i;var u=n.slice(l.length);return{value:i,rest:u}}}function N(e,n){for(var t in e)if(e.hasOwnProperty(t)&&n(e[t]))return t}function q(e,n){for(var t=0;t<e.length;t++)if(n(e[t]))return t}function R(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.match(e.matchPattern);if(!r)return null;var a=r[0],o=n.match(e.parsePattern);if(!o)return null;var i=e.valueCallback?e.valueCallback(o[0]):o[0];i=t.valueCallback?t.valueCallback(i):i;var l=n.slice(a.length);return{value:i,rest:l}}}var U={code:"en-US",formatDistance:function(e,n,t){var r,a=F[e];return r="string"==typeof a?a:1===n?a.one:a.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+r:r+" ago":r},formatLong:z,formatRelative:function(e,n,t,r){return P[e]},localize:{ordinalNumber:function(e,n){var t=Number(e),r=t%100;if(r>20||r<10)switch(r%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:O({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:O({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:O({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:O({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:O({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:R({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}}),era:W({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:W({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:W({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:W({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:W({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function L(e,n){M(2,arguments);var t=_(n);return I(e,-t)}function B(e){M(1,arguments);var n=1,t=T(e),r=t.getUTCDay(),a=(r<n?7:0)+r-n;return t.setUTCDate(t.getUTCDate()-a),t.setUTCHours(0,0,0,0),t}function A(e){M(1,arguments);var n=T(e),t=n.getUTCFullYear(),r=new Date(0);r.setUTCFullYear(t+1,0,4),r.setUTCHours(0,0,0,0);var a=B(r),o=new Date(0);o.setUTCFullYear(t,0,4),o.setUTCHours(0,0,0,0);var i=B(o);return n.getTime()>=a.getTime()?t+1:n.getTime()>=i.getTime()?t:t-1}function Y(e){M(1,arguments);var n=A(e),t=new Date(0);t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0);var r=B(t);return r}function H(e,n){M(1,arguments);var t=n||{},r=t.locale,a=r&&r.options&&r.options.weekStartsOn,o=null==a?0:_(a),i=null==t.weekStartsOn?o:_(t.weekStartsOn);if(!(i>=0&&i<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var l=T(e),d=l.getUTCDay(),s=(d<i?7:0)+d-i;return l.setUTCDate(l.getUTCDate()-s),l.setUTCHours(0,0,0,0),l}function J(e,n){M(1,arguments);var t=T(e),r=t.getUTCFullYear(),a=n||{},o=a.locale,i=o&&o.options&&o.options.firstWeekContainsDate,l=null==i?1:_(i),d=null==a.firstWeekContainsDate?l:_(a.firstWeekContainsDate);if(!(d>=1&&d<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var s=new Date(0);s.setUTCFullYear(r+1,0,d),s.setUTCHours(0,0,0,0);var u=H(s,n),c=new Date(0);c.setUTCFullYear(r,0,d),c.setUTCHours(0,0,0,0);var m=H(c,n);return t.getTime()>=u.getTime()?r+1:t.getTime()>=m.getTime()?r:r-1}function G(e,n){M(1,arguments);var t=n||{},r=t.locale,a=r&&r.options&&r.options.firstWeekContainsDate,o=null==a?1:_(a),i=null==t.firstWeekContainsDate?o:_(t.firstWeekContainsDate),l=J(e,n),d=new Date(0);d.setUTCFullYear(l,0,i),d.setUTCHours(0,0,0,0);var s=H(d,n);return s}function Q(e,n){for(var t=e<0?"-":"",r=Math.abs(e).toString();r.length<n;)r="0"+r;return t+r}var V=function(e,n){var t=e.getUTCFullYear(),r=t>0?t:1-t;return Q("yy"===n?r%100:r,n.length)},X=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):Q(t+1,2)},K=function(e,n){return Q(e.getUTCDate(),n.length)},Z=function(e,n){return Q(e.getUTCHours()%12||12,n.length)},$=function(e,n){return Q(e.getUTCHours(),n.length)},ee=function(e,n){return Q(e.getUTCMinutes(),n.length)},ne=function(e,n){return Q(e.getUTCSeconds(),n.length)},te=function(e,n){var t=n.length,r=e.getUTCMilliseconds();return Q(Math.floor(r*Math.pow(10,t-3)),n.length)},re="midnight",ae="noon",oe="morning",ie="afternoon",le="evening",de="night",se={G:function(e,n,t){var r=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(r,{width:"abbreviated"});case"GGGGG":return t.era(r,{width:"narrow"});default:return t.era(r,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var r=e.getUTCFullYear(),a=r>0?r:1-r;return t.ordinalNumber(a,{unit:"year"})}return V(e,n)},Y:function(e,n,t,r){var a=J(e,r),o=a>0?a:1-a;return"YY"===n?Q(o%100,2):"Yo"===n?t.ordinalNumber(o,{unit:"year"}):Q(o,n.length)},R:function(e,n){return Q(A(e),n.length)},u:function(e,n){return Q(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(r);case"QQ":return Q(r,2);case"Qo":return t.ordinalNumber(r,{unit:"quarter"});case"QQQ":return t.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(r,{width:"narrow",context:"formatting"});default:return t.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,n,t){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(r);case"qq":return Q(r,2);case"qo":return t.ordinalNumber(r,{unit:"quarter"});case"qqq":return t.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(r,{width:"narrow",context:"standalone"});default:return t.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,n,t){var r=e.getUTCMonth();switch(n){case"M":case"MM":return X(e,n);case"Mo":return t.ordinalNumber(r+1,{unit:"month"});case"MMM":return t.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(r,{width:"narrow",context:"formatting"});default:return t.month(r,{width:"wide",context:"formatting"})}},L:function(e,n,t){var r=e.getUTCMonth();switch(n){case"L":return String(r+1);case"LL":return Q(r+1,2);case"Lo":return t.ordinalNumber(r+1,{unit:"month"});case"LLL":return t.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(r,{width:"narrow",context:"standalone"});default:return t.month(r,{width:"wide",context:"standalone"})}},w:function(e,n,t,r){var a=function(e,n){M(1,arguments);var t=T(e),r=H(t,n).getTime()-G(t,n).getTime();return Math.round(r/6048e5)+1}(e,r);return"wo"===n?t.ordinalNumber(a,{unit:"week"}):Q(a,n.length)},I:function(e,n,t){var r=function(e){M(1,arguments);var n=T(e),t=B(n).getTime()-Y(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(r,{unit:"week"}):Q(r,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):K(e,n)},D:function(e,n,t){var r=function(e){M(1,arguments);var n=T(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var r=n.getTime(),a=t-r;return Math.floor(a/864e5)+1}(e);return"Do"===n?t.ordinalNumber(r,{unit:"dayOfYear"}):Q(r,n.length)},E:function(e,n,t){var r=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},e:function(e,n,t,r){var a=e.getUTCDay(),o=(a-r.weekStartsOn+8)%7||7;switch(n){case"e":return String(o);case"ee":return Q(o,2);case"eo":return t.ordinalNumber(o,{unit:"day"});case"eee":return t.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(a,{width:"short",context:"formatting"});default:return t.day(a,{width:"wide",context:"formatting"})}},c:function(e,n,t,r){var a=e.getUTCDay(),o=(a-r.weekStartsOn+8)%7||7;switch(n){case"c":return String(o);case"cc":return Q(o,n.length);case"co":return t.ordinalNumber(o,{unit:"day"});case"ccc":return t.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(a,{width:"narrow",context:"standalone"});case"cccccc":return t.day(a,{width:"short",context:"standalone"});default:return t.day(a,{width:"wide",context:"standalone"})}},i:function(e,n,t){var r=e.getUTCDay(),a=0===r?7:r;switch(n){case"i":return String(a);case"ii":return Q(a,n.length);case"io":return t.ordinalNumber(a,{unit:"day"});case"iii":return t.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},a:function(e,n,t){var r=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,n,t){var r,a=e.getUTCHours();switch(r=12===a?ae:0===a?re:a/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,n,t){var r,a=e.getUTCHours();switch(r=a>=17?le:a>=12?ie:a>=4?oe:de,n){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var r=e.getUTCHours()%12;return 0===r&&(r=12),t.ordinalNumber(r,{unit:"hour"})}return Z(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):$(e,n)},K:function(e,n,t){var r=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(r,{unit:"hour"}):Q(r,n.length)},k:function(e,n,t){var r=e.getUTCHours();return 0===r&&(r=24),"ko"===n?t.ordinalNumber(r,{unit:"hour"}):Q(r,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):ee(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):ne(e,n)},S:function(e,n){return te(e,n)},X:function(e,n,t,r){var a=(r._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(n){case"X":return ce(a);case"XXXX":case"XX":return me(a);default:return me(a,":")}},x:function(e,n,t,r){var a=(r._originalDate||e).getTimezoneOffset();switch(n){case"x":return ce(a);case"xxxx":case"xx":return me(a);default:return me(a,":")}},O:function(e,n,t,r){var a=(r._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+ue(a,":");default:return"GMT"+me(a,":")}},z:function(e,n,t,r){var a=(r._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+ue(a,":");default:return"GMT"+me(a,":")}},t:function(e,n,t,r){var a=r._originalDate||e;return Q(Math.floor(a.getTime()/1e3),n.length)},T:function(e,n,t,r){return Q((r._originalDate||e).getTime(),n.length)}};function ue(e,n){var t=e>0?"-":"+",r=Math.abs(e),a=Math.floor(r/60),o=r%60;if(0===o)return t+String(a);var i=n||"";return t+String(a)+i+Q(o,2)}function ce(e,n){return e%60==0?(e>0?"-":"+")+Q(Math.abs(e)/60,2):me(e,n)}function me(e,n){var t=n||"",r=e>0?"-":"+",a=Math.abs(e);return r+Q(Math.floor(a/60),2)+t+Q(a%60,2)}function pe(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}}function fe(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}}var ge={p:fe,P:function(e,n){var t,r=e.match(/(P+)(p+)?/)||[],a=r[1],o=r[2];if(!o)return pe(e,n);switch(a){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",pe(a,n)).replace("{{time}}",fe(o,n))}},he=["D","DD"],ve=["YY","YYYY"];function be(e){return-1!==he.indexOf(e)}function we(e){return-1!==ve.indexOf(e)}function ye(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://git.io/fxCyr"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://git.io/fxCyr"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://git.io/fxCyr"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://git.io/fxCyr"))}var xe=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ke=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ce=/^'([^]*?)'?$/,_e=/''/g,Me=/[a-zA-Z]/;function Te(e,n,t){M(2,arguments);var r=String(n),a=t||{},o=a.locale||U,i=o.options&&o.options.firstWeekContainsDate,l=null==i?1:_(i),d=null==a.firstWeekContainsDate?l:_(a.firstWeekContainsDate);if(!(d>=1&&d<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var s=o.options&&o.options.weekStartsOn,u=null==s?0:_(s),c=null==a.weekStartsOn?u:_(a.weekStartsOn);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!o.localize)throw new RangeError("locale must contain localize property");if(!o.formatLong)throw new RangeError("locale must contain formatLong property");var m=T(e);if(!E(m))throw new RangeError("Invalid time value");var p=D(m),f=L(m,p),g={firstWeekContainsDate:d,weekStartsOn:c,locale:o,_originalDate:m},h=r.match(ke).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,ge[n])(e,o.formatLong,g):e})).join("").match(xe).map((function(t){if("''"===t)return"'";var r=t[0];if("'"===r)return Ie(t);var i=se[r];if(i)return!a.useAdditionalWeekYearTokens&&we(t)&&ye(t,n,e),!a.useAdditionalDayOfYearTokens&&be(t)&&ye(t,n,e),i(f,t,o.localize,g);if(r.match(Me))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return t})).join("");return h}function Ie(e){return e.match(Ce)[1].replace(_e,"'")}function De(e,n){M(2,arguments);var t=T(e),r=T(n);return t.getTime()===r.getTime()}var Se={lessThanXSeconds:{standalone:{one:"weniger als 1 Sekunde",other:"weniger als {{count}} Sekunden"},withPreposition:{one:"weniger als 1 Sekunde",other:"weniger als {{count}} Sekunden"}},xSeconds:{standalone:{one:"1 Sekunde",other:"{{count}} Sekunden"},withPreposition:{one:"1 Sekunde",other:"{{count}} Sekunden"}},halfAMinute:{standalone:"halbe Minute",withPreposition:"halben Minute"},lessThanXMinutes:{standalone:{one:"weniger als 1 Minute",other:"weniger als {{count}} Minuten"},withPreposition:{one:"weniger als 1 Minute",other:"weniger als {{count}} Minuten"}},xMinutes:{standalone:{one:"1 Minute",other:"{{count}} Minuten"},withPreposition:{one:"1 Minute",other:"{{count}} Minuten"}},aboutXHours:{standalone:{one:"etwa 1 Stunde",other:"etwa {{count}} Stunden"},withPreposition:{one:"etwa 1 Stunde",other:"etwa {{count}} Stunden"}},xHours:{standalone:{one:"1 Stunde",other:"{{count}} Stunden"},withPreposition:{one:"1 Stunde",other:"{{count}} Stunden"}},xDays:{standalone:{one:"1 Tag",other:"{{count}} Tage"},withPreposition:{one:"1 Tag",other:"{{count}} Tagen"}},aboutXWeeks:{standalone:{one:"etwa 1 Woche",other:"etwa {{count}} Wochen"},withPreposition:{one:"etwa 1 Woche",other:"etwa {{count}} Wochen"}},xWeeks:{standalone:{one:"1 Woche",other:"{{count}} Wochen"},withPreposition:{one:"1 Woche",other:"{{count}} Wochen"}},aboutXMonths:{standalone:{one:"etwa 1 Monat",other:"etwa {{count}} Monate"},withPreposition:{one:"etwa 1 Monat",other:"etwa {{count}} Monaten"}},xMonths:{standalone:{one:"1 Monat",other:"{{count}} Monate"},withPreposition:{one:"1 Monat",other:"{{count}} Monaten"}},aboutXYears:{standalone:{one:"etwa 1 Jahr",other:"etwa {{count}} Jahre"},withPreposition:{one:"etwa 1 Jahr",other:"etwa {{count}} Jahren"}},xYears:{standalone:{one:"1 Jahr",other:"{{count}} Jahre"},withPreposition:{one:"1 Jahr",other:"{{count}} Jahren"}},overXYears:{standalone:{one:"mehr als 1 Jahr",other:"mehr als {{count}} Jahre"},withPreposition:{one:"mehr als 1 Jahr",other:"mehr als {{count}} Jahren"}},almostXYears:{standalone:{one:"fast 1 Jahr",other:"fast {{count}} Jahre"},withPreposition:{one:"fast 1 Jahr",other:"fast {{count}} Jahren"}}},Ee={date:j({formats:{full:"EEEE, do MMMM y",long:"do MMMM y",medium:"do MMM y",short:"dd.MM.y"},defaultWidth:"full"}),time:j({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:j({formats:{full:"{{date}} 'um' {{time}}",long:"{{date}} 'um' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},Fe={lastWeek:"'letzten' eeee 'um' p",yesterday:"'gestern um' p",today:"'heute um' p",tomorrow:"'morgen um' p",nextWeek:"eeee 'um' p",other:"P"},je={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],wide:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"]},ze={narrow:je.narrow,abbreviated:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],wide:je.wide},Pe={code:"de",formatDistance:function(e,n,t){var r,a=null!=t&&t.addSuffix?Se[e].withPreposition:Se[e].standalone;return r="string"==typeof a?a:1===n?a.one:a.other.replace("{{count}}",String(n)),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+r:"vor "+r:r},formatLong:Ee,formatRelative:function(e,n,t,r){return Fe[e]},localize:{ordinalNumber:function(e){return Number(e)+"."},era:O({values:{narrow:["v.Chr.","n.Chr."],abbreviated:["v.Chr.","n.Chr."],wide:["vor Christus","nach Christus"]},defaultWidth:"wide"}),quarter:O({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. Quartal","2. Quartal","3. Quartal","4. Quartal"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:O({values:je,formattingValues:ze,defaultWidth:"wide"}),day:O({values:{narrow:["S","M","D","M","D","F","S"],short:["So","Mo","Di","Mi","Do","Fr","Sa"],abbreviated:["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],wide:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]},defaultWidth:"wide"}),dayPeriod:O({values:{narrow:{am:"vm.",pm:"nm.",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nachm.",evening:"Abend",night:"Nacht"},abbreviated:{am:"vorm.",pm:"nachm.",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nachmittag",evening:"Abend",night:"Nacht"},wide:{am:"vormittags",pm:"nachmittags",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nachmittag",evening:"Abend",night:"Nacht"}},defaultWidth:"wide",formattingValues:{narrow:{am:"vm.",pm:"nm.",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachm.",evening:"abends",night:"nachts"},abbreviated:{am:"vorm.",pm:"nachm.",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachmittags",evening:"abends",night:"nachts"},wide:{am:"vormittags",pm:"nachmittags",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachmittags",evening:"abends",night:"nachts"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:R({matchPattern:/^(\d+)(\.)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e)}}),era:W({matchPatterns:{narrow:/^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,abbreviated:/^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,wide:/^(vor Christus|vor unserer Zeitrechnung|nach Christus|unserer Zeitrechnung)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^v/i,/^n/i]},defaultParseWidth:"any"}),quarter:W({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? Quartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:W({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(j[aä]n|feb|mär[z]?|apr|mai|jun[i]?|jul[i]?|aug|sep|okt|nov|dez)\.?/i,wide:/^(januar|februar|märz|april|mai|juni|juli|august|september|oktober|november|dezember)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^j[aä]/i,/^f/i,/^mär/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:W({matchPatterns:{narrow:/^[smdmf]/i,short:/^(so|mo|di|mi|do|fr|sa)/i,abbreviated:/^(son?|mon?|die?|mit?|don?|fre?|sam?)\.?/i,wide:/^(sonntag|montag|dienstag|mittwoch|donnerstag|freitag|samstag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^so/i,/^mo/i,/^di/i,/^mi/i,/^do/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:W({matchPatterns:{narrow:/^(vm\.?|nm\.?|Mitternacht|Mittag|morgens|nachm\.?|abends|nachts)/i,abbreviated:/^(vorm\.?|nachm\.?|Mitternacht|Mittag|morgens|nachm\.?|abends|nachts)/i,wide:/^(vormittags|nachmittags|Mitternacht|Mittag|morgens|nachmittags|abends|nachts)/i},defaultMatchWidth:"wide",parsePatterns:{any:{am:/^v/i,pm:/^n/i,midnight:/^Mitte/i,noon:/^Mitta/i,morning:/morgens/i,afternoon:/nachmittags/i,evening:/abends/i,night:/nachts/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}},Oe=C.default.div.withConfig({displayName:"Datepicker__PickerView",componentId:"sc-1h58zop-0"})(Be||(Be=e.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    text-align: left;\n\n    .react-datepicker-popper {\n        right: ","px;\n        z-index: 9 !important;\n        width: 100%;\n    }\n\n    @media "," {\n        .react-datepicker-popper {\n            right: auto;\n            width: min-content;\n        }\n    }\n\n    .react-datepicker {\n        display: grid;\n        grid-template-columns: max-content;\n        grid-template-rows: auto auto;\n        grid-template-areas:\n            'month month'\n            'footer footer';\n\n        font-family: 'Roboto', sans-serif;\n        border: 1px solid\n            "," !important;\n        border-radius: "," !important;\n        padding: ","px;\n        width: 100%;\n        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n\n        @media "," {\n            grid-template-columns: max-content max-content;\n            grid-template-areas:\n                'leftMonth rightMonth'\n                'footer footer';\n        }\n    }\n\n    .react-datepicker__month-container {\n        grid-area: month;\n\n        @media "," {\n            grid-area: rightMonth;\n        }\n    }\n\n    .react-datepicker__month-container:first-child {\n        grid-area: month;\n\n        @media "," {\n            grid-area: leftMonth;\n        }\n    }\n\n    .react-datepicker-wrapper {\n        width: 100% !important;\n    }\n\n    .react-datepicker__header {\n        border: none !important;\n        background-color: transparent !important;\n    }\n\n    /* Month */\n    .react-datepicker__month-container {\n        width: 100%;\n    }\n\n    .react-datepicker__month {\n        margin-left: ","px;\n        margin-right: ","px;\n    }\n\n    .react-datepicker__current-month {\n        font-family: 'Roboto', sans-serif;\n        font-weight: 600;\n        font-size: 17px;\n        line-height: 1.3;\n        text-transform: uppercase;\n        color: "," !important;\n        width: max-content;\n        margin: 0 auto;\n    }\n\n    /* Day styles */\n    .react-datepicker__day-names {\n        display: flex;\n        font-size: 11px;\n        line-height: 1.25;\n        background: transparent;\n    }\n\n    @media "," {\n        .react-datepicker__day-names {\n            display: block;\n        }\n    }\n\n    .react-datepicker__day-name {\n        flex: 1 0 auto;\n    }\n\n    .react-datepicker__week {\n        display: flex;\n        margin: -2px !important;\n    }\n\n    @media "," {\n        .react-datepicker__week {\n            display: block;\n        }\n    }\n\n    .react-datepicker__day {\n        flex: 1 0 auto;\n        background-color: ",";\n        border-radius: 0 !important;\n        font-weight: 600;\n\n        margin: 2px !important;\n    }\n\n    @media "," {\n        .react-datepicker__day:hover {\n            background-color: "," !important;\n            border-radius: 0 !important;\n            color: ",";\n        }\n    }\n\n    .react-datepicker__day:focus-visible {\n        outline: solid 2px ",";\n    }\n\n    .react-datepicker__day--outside-month {\n        color: "," !important;\n        cursor: default;\n        outline: none !important;\n    }\n\n    .react-datepicker__day--selected {\n        background-color: "," !important;\n        border-radius: 0 !important;\n        color: ",";\n    }\n\n    .react-datepicker__day--today {\n        border: 1px solid\n            "," !important;\n        border-radius: 0 !important;\n    }\n\n    /* Triangle Styles */\n    .react-datepicker__triangle:before {\n        border-bottom-color: "," !important;\n    }\n\n    .react-datepicker__triangle:after {\n        border-bottom-color: "," !important;\n    }\n\n    /* Day Ranges */\n    .react-datepicker__day--in-range {\n        background-color: "," !important;\n        color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--in-range:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--range-start {\n        background-color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--range-start:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--range-end {\n        background-color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--range-end:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--in-selecting-range {\n        background-color: "," !important;\n        color: "," !important;\n    }\n\n    /* Next-/Prev-Arrow */\n    .react-datepicker__close-icon {\n        display: none !important;\n    }\n\n    .react-datepicker__navigation {\n        position: relative;\n    }\n\n    .react-datepicker__navigation-icon--next::before {\n        left: 0 !important;\n    }\n\n    .react-datepicker__navigation-icon--previous::before {\n        left: 0 !important;\n    }\n\n    .react-datepicker__navigation:focus-visible {\n        outline: 2px dotted ",";\n    }\n\n    /* Keyboard selection */\n    .react-datepicker__day--keyboard-selected {\n        outline: none;\n        background: ",";\n        color: ",";\n    }\n"],["\n    position: relative;\n    width: 100%;\n    text-align: left;\n\n    .react-datepicker-popper {\n        right: ","px;\n        z-index: 9 !important;\n        width: 100%;\n    }\n\n    @media "," {\n        .react-datepicker-popper {\n            right: auto;\n            width: min-content;\n        }\n    }\n\n    .react-datepicker {\n        display: grid;\n        grid-template-columns: max-content;\n        grid-template-rows: auto auto;\n        grid-template-areas:\n            'month month'\n            'footer footer';\n\n        font-family: 'Roboto', sans-serif;\n        border: 1px solid\n            "," !important;\n        border-radius: "," !important;\n        padding: ","px;\n        width: 100%;\n        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n\n        @media "," {\n            grid-template-columns: max-content max-content;\n            grid-template-areas:\n                'leftMonth rightMonth'\n                'footer footer';\n        }\n    }\n\n    .react-datepicker__month-container {\n        grid-area: month;\n\n        @media "," {\n            grid-area: rightMonth;\n        }\n    }\n\n    .react-datepicker__month-container:first-child {\n        grid-area: month;\n\n        @media "," {\n            grid-area: leftMonth;\n        }\n    }\n\n    .react-datepicker-wrapper {\n        width: 100% !important;\n    }\n\n    .react-datepicker__header {\n        border: none !important;\n        background-color: transparent !important;\n    }\n\n    /* Month */\n    .react-datepicker__month-container {\n        width: 100%;\n    }\n\n    .react-datepicker__month {\n        margin-left: ","px;\n        margin-right: ","px;\n    }\n\n    .react-datepicker__current-month {\n        font-family: 'Roboto', sans-serif;\n        font-weight: 600;\n        font-size: 17px;\n        line-height: 1.3;\n        text-transform: uppercase;\n        color: "," !important;\n        width: max-content;\n        margin: 0 auto;\n    }\n\n    /* Day styles */\n    .react-datepicker__day-names {\n        display: flex;\n        font-size: 11px;\n        line-height: 1.25;\n        background: transparent;\n    }\n\n    @media "," {\n        .react-datepicker__day-names {\n            display: block;\n        }\n    }\n\n    .react-datepicker__day-name {\n        flex: 1 0 auto;\n    }\n\n    .react-datepicker__week {\n        display: flex;\n        margin: -2px !important;\n    }\n\n    @media "," {\n        .react-datepicker__week {\n            display: block;\n        }\n    }\n\n    .react-datepicker__day {\n        flex: 1 0 auto;\n        background-color: ",";\n        border-radius: 0 !important;\n        font-weight: 600;\n\n        margin: 2px !important;\n    }\n\n    @media "," {\n        .react-datepicker__day:hover {\n            background-color: "," !important;\n            border-radius: 0 !important;\n            color: ",";\n        }\n    }\n\n    .react-datepicker__day:focus-visible {\n        outline: solid 2px ",";\n    }\n\n    .react-datepicker__day--outside-month {\n        color: "," !important;\n        cursor: default;\n        outline: none !important;\n    }\n\n    .react-datepicker__day--selected {\n        background-color: "," !important;\n        border-radius: 0 !important;\n        color: ",";\n    }\n\n    .react-datepicker__day--today {\n        border: 1px solid\n            "," !important;\n        border-radius: 0 !important;\n    }\n\n    /* Triangle Styles */\n    .react-datepicker__triangle:before {\n        border-bottom-color: "," !important;\n    }\n\n    .react-datepicker__triangle:after {\n        border-bottom-color: "," !important;\n    }\n\n    /* Day Ranges */\n    .react-datepicker__day--in-range {\n        background-color: "," !important;\n        color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--in-range:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--range-start {\n        background-color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--range-start:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--range-end {\n        background-color: "," !important;\n    }\n\n    @media "," {\n        .react-datepicker__day--range-end:hover {\n            background-color: "," !important;\n        }\n    }\n\n    .react-datepicker__day--in-selecting-range {\n        background-color: "," !important;\n        color: "," !important;\n    }\n\n    /* Next-/Prev-Arrow */\n    .react-datepicker__close-icon {\n        display: none !important;\n    }\n\n    .react-datepicker__navigation {\n        position: relative;\n    }\n\n    .react-datepicker__navigation-icon--next::before {\n        left: 0 !important;\n    }\n\n    .react-datepicker__navigation-icon--previous::before {\n        left: 0 !important;\n    }\n\n    .react-datepicker__navigation:focus-visible {\n        outline: 2px dotted ",";\n    }\n\n    /* Keyboard selection */\n    .react-datepicker__day--keyboard-selected {\n        outline: none;\n        background: ",";\n        color: ",";\n    }\n"])),2*u.spacings.spacer,u.mq.medium,(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).elementBg.dark,.2)}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius||"0px"}),2*u.spacings.nudge,u.mq.medium,u.mq.medium,u.mq.medium,2*u.spacings.nudge,2*u.spacings.nudge,(function(e){var n=e.theme;return u.getColors(n).text.default}),u.mq.medium,u.mq.medium,(function(e){var n=e.theme;return u.getColors(n).elementBg.light}),u.mq.medium,(function(e){var n=e.theme;return u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getColors(n).text.inverted}),(function(e){var n=e.theme;return u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return u.getColors(n).primary.default}),(function(e){var n=e.theme;return u.getColors(n).text.inverted}),(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).elementBg.dark,.6)}),(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).elementBg.dark,.2)}),(function(e){var n=e.theme;return u.getColors(n).elementBg.light}),(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).primary.default,.7)}),(function(e){var n=e.theme;return u.getColors(n).text.inverted}),u.mq.medium,(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).primary.default,.25)}),(function(e){var n=e.theme;return u.getColors(n).primary.default}),u.mq.medium,(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).primary.default,.25)}),(function(e){var n=e.theme;return u.getColors(n).primary.default}),u.mq.medium,(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).primary.default,.25)}),(function(e){var n=e.theme;return d.hexToRgba(u.getColors(n).primary.default,.7)}),(function(e){var n=e.theme;return u.getColors(n).text.inverted}),(function(e){var n=e.theme;return u.getColors(n).primary.default}),(function(e){var n=e.theme;return u.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return u.getColors(n).text.default})),We=C.default.div.withConfig({displayName:"Datepicker__Icon",componentId:"sc-1h58zop-1"})(Ae||(Ae=e.__makeTemplateObject(["\n    height: 100%;\n    min-width: 24px;\n    color: ",";\n\n    & > * {\n        height: 20px;\n    }\n"],["\n    height: 100%;\n    min-width: 24px;\n    color: ",";\n\n    & > * {\n        height: 20px;\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?u.getFonts(n).copy.small.colorInverted:u.getFonts(n).copy.small.color})),Ne=C.default.button.withConfig({displayName:"Datepicker__DatepickerButton",componentId:"sc-1h58zop-2"})(Ye||(Ye=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 40px;\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: none;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    outline: none;\n    pointer-events: ",";\n\n    position: relative;\n\n    border: ",";\n\n    &:not(:disabled):active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 40px;\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: none;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    outline: none;\n    pointer-events: ",";\n\n    position: relative;\n\n    border: ",";\n\n    &:not(:disabled):active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),u.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).errorInverted:u.getColors(n).elementBg.light:r?u.getColors(n).error:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError,a=e.hasDateValue;return t?r?u.getColors(n).text.errorInverted:a?u.getFonts(n).copy.small.colorInverted:u.getColors(n).text.subtileInverted:r?u.getColors(n).text.error:a?u.getFonts(n).copy.small.color:u.getColors(n).text.subtile}),(function(e){return e.isActive?"none":"all"}),(function(e){var n=e.theme,t=e.isInverted;return e.isActive&&"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)})),qe=C.default.div.withConfig({displayName:"Datepicker__DatepickerButtonMain",componentId:"sc-1h58zop-3"})(He||(He=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),u.spacings.spacer),Re=C.default.div.withConfig({displayName:"Datepicker__Footer",componentId:"sc-1h58zop-4"})(Je||(Je=e.__makeTemplateObject(["\n    grid-area: footer;\n"],["\n    grid-area: footer;\n"]))),Ue=C.default.input.withConfig({displayName:"Datepicker__OriginalInput",componentId:"sc-1h58zop-5"})(Ge||(Ge=e.__makeTemplateObject(["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"],["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"]))),Le=a.forwardRef((function(n,t){var r=n.label,a=n.errorMessage,o=n.infoMessage,i=n.isRequired,d=n.isInverted,s=n.isDisabled,u=n.name,c=n.altText,m=n.startDate,p=n.endDate,f=n.onClick,g=n.dateFormat,h=void 0===g?"dd.MM.yyyy":g,v=n.customIcon,b=n.singleSelect,w=y.default.useId(),x="datepicker-".concat(w),k="datepicker-message-".concat(w),C="datepicker-error-".concat(w);return y.default.createElement(l.FieldWrapper.View,{isDisabled:s},y.default.createElement(l.FieldWrapper.Head,{label:r,htmlFor:x,isRequired:i,isInverted:d}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(Ne,{ref:t,id:x,type:"button",disabled:s,onClick:f,hasDateValue:!!m,isInverted:d,hasError:!!a,"aria-invalid":!!a,"aria-errormessage":a&&C,"aria-describedby":o&&k},y.default.createElement(qe,null,m?"".concat(Te(m,h)).concat(p?" – ".concat(Te(p,h)):""):c),y.default.createElement(We,{isInverted:d},v?v({isInverted:d,singleSelect:b}):b?y.default.createElement(e.CalendarToday,null):y.default.createElement(e.DateRange,null))),u&&y.default.createElement(y.default.Fragment,null,y.default.createElement(Ue,{"aria-hidden":"true",name:"".concat(u,'["start"]'),value:null==m?void 0:m.toString()}),y.default.createElement(Ue,{"aria-hidden":"true",name:"".concat(u,'["end"]'),value:null==p?void 0:p.toString()}))),y.default.createElement(l.FieldWrapper.Messages,{infoMsgId:k,infoMessage:o,errorMsgId:C,errorMessage:a,isInverted:d}))}));Le.displayName="PickerButton";var Be,Ae,Ye,He,Je,Ge,Qe,Ve,Xe,Ke,Ze,$e,en,nn,tn,rn,an,on,ln,dn,sn,un,cn,mn,pn,fn,gn,hn,vn,bn,wn,yn,xn,kn,Cn,_n,Mn,Tn,In,Dn,Sn,En,Fn=C.default.div.withConfig({displayName:"Datepicker__PickerHeader",componentId:"sc-1h58zop-6"})(Qe||(Qe=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    margin-bottom: ","px;\n"],["\n    display: flex;\n    align-items: center;\n    margin-bottom: ","px;\n"])),3*u.spacings.nudge),jn=function(e){var n=e.monthsShown;return function(e){var t=e.monthDate,r=e.customHeaderCount,a=e.decreaseMonth,o=e.increaseMonth;return y.default.createElement(Fn,null,0===r?y.default.createElement("button",{type:"button","aria-label":"Previous Month",className:"react-datepicker__navigation react-datepicker__navigation--previous",onClick:function(e){e.preventDefault(),a()}},y.default.createElement("span",{className:"react-datepicker__navigation-icon react-datepicker__navigation-icon--previous"},"<")):null,y.default.createElement("span",{className:"react-datepicker__current-month"},Te(t,"LLLL",{locale:Pe})),r===n-1?y.default.createElement("button",{type:"button","aria-label":"Next Month",className:"react-datepicker__navigation react-datepicker__navigation--next",onClick:function(e){e.preventDefault(),o()}},y.default.createElement("span",{className:"react-datepicker__navigation-icon react-datepicker__navigation-icon--next"},">")):null)}},zn=C.default.div.withConfig({displayName:"Datepicker__FooterActions",componentId:"sc-1h58zop-7"})(Ve||(Ve=e.__makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    gap: ","px;\n    margin-right: ","px;\n    margin-top: ","px;\n"],["\n    display: flex;\n    justify-content: flex-end;\n    gap: ","px;\n    margin-right: ","px;\n    margin-top: ","px;\n"])),u.spacings.nudge,u.spacings.nudge,2*u.spacings.nudge),Pn=y.default.memo((function(r){var o=r.label,i=r.errorMessage,l=r.infoMessage,d=r.isRequired,c=r.isDisabled,m=r.isInverted,p=r.name,f=r.placeholder,g=r.singleSelect,h=void 0!==g&&g,v=r.visibleMonths,b=void 0===v?"1":v,x=r.shouldCloseOnSelect,C=void 0!==x&&x,_=r.submitLabel,M=void 0===_?"submit":_,T=r.clearLabel,I=void 0===T?"reset":T,D=r.values,S=r.minDate,F=void 0===S?new Date:S,j=r.maxDate,z=r.onChange,P=r.customHeader,O=r.customFooter,W=r.customIcon,N=s.useLibTheme().globals,q=N.sections.datepickerLocaleKey,R=N.sections.datepickerDateFormat,U=a.useRef(null),L=a.useState(!1),B=L[0],A=L[1],Y=(null==D?void 0:D[0])&&E(D[0])?D[0]:null,H=(null==D?void 0:D[1])&&E(D[1])?D[1]:null,J=a.useState(Y),G=J[0],Q=J[1],V=a.useState(H),X=V[0],K=V[1],Z=a.useRef(Y),$=a.useRef(H);a.useEffect((function(){h||A(!window.matchMedia(u.mq.medium).matches),e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return w(require("react-datepicker"))}))];case 1:return e.sent(),[2]}}))}))}),[q,h]),a.useEffect((function(){D&&(D[0]&&E(D[0])&&Q(D[0]),D[1]&&E(D[1])&&K(D[1]))}),[D]),a.useEffect((function(){var e,n;(null==G?void 0:G.toDateString())!==(null===(e=Z.current)||void 0===e?void 0:e.toDateString())&&(null==z||z(G,X),Z.current=G),(null==X?void 0:X.toDateString())!==(null===(n=$.current)||void 0===n?void 0:n.toDateString())&&(null==z||z(G,X),$.current=X)}),[G,X,z]),a.useEffect((function(){var e=function(){var e=!window.matchMedia(u.mq.medium).matches;e!==B&&A(e)};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[B]);var ee=B?1:"2"===b?2:1,ne={closeHandler:function(){U.current&&U.current.setOpen(!1)},resetHandler:function(){Q(null),K(null)},startDate:G,endDate:X,singleSelect:h,monthsShown:ee,submitLabel:M,clearLabel:I};return y.default.createElement(Oe,null,y.default.createElement(k.default,{ref:U,locale:"de"===q?Pe:void 0,dateFormat:R,selectsRange:!h,onSelect:function(e){h&&e.toDateString()===(null==G?void 0:G.toDateString())&&(Q(null),K(null))},onChange:function(e){if(Array.isArray(e)){var n=e[0],t=e[1];Q(n),K(t)}else Q(e),K(null)},selected:G,startDate:G,endDate:X,minDate:F,maxDate:j,monthsShown:ee,shouldCloseOnSelect:C,showPopperArrow:!1,disabledKeyboardNavigation:!1,isClearable:!0,customInput:y.default.createElement(Le,{label:o,isInverted:m,isDisabled:c,infoMessage:l,errorMessage:i,isRequired:d,name:p,altText:f,startDate:G,endDate:X,dateFormat:R,customIcon:W,singleSelect:h}),renderCustomHeader:P?P({locale:q,monthsShown:ee}):jn({locale:q,monthsShown:ee})},y.default.createElement(Re,null,O?O(ne):function(e){var r=e.startDate,a=e.endDate,o=e.submitLabel,i=e.clearLabel,l=e.resetHandler,d=e.closeHandler;return y.default.createElement(zn,null,(r||a)&&y.default.createElement(t.PickerAction,{variant:"ghost",ariaLabel:"Reset date",onClick:l},i),y.default.createElement(t.PickerAction,{ariaLabel:"Reset date",onClick:d},y.default.createElement(n.Pointer.Label,null,o)))}(ne))))}),(function(e,n){var t,r,a,o;if(!e.enableMemo)return!1;if(e.infoMessage!==n.infoMessage)return!1;if(e.errorMessage!==n.errorMessage)return!1;if(e.label!==n.label)return!1;if(e.placeholder!==n.placeholder)return!1;var i=null===(t=e.values)||void 0===t?void 0:t[0],l=null===(r=e.values)||void 0===r?void 0:r[1],d=null===(a=e.values)||void 0===a?void 0:a[0],s=null===(o=e.values)||void 0===o?void 0:o[1];return!(i!==d||!De(i||-1,d||-1)||l!==s||!De(l||-1,s||-1))})),On=C.default.div.withConfig({displayName:"Radio__View",componentId:"sc-1h5e0q8-0"})(Xe||(Xe=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),2*u.spacings.nudge),Wn=C.default.div.withConfig({displayName:"Radio__RadioContainer",componentId:"sc-1h5e0q8-1"})(Ke||(Ke=e.__makeTemplateObject(["\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n    border-radius: 50%;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"],["\n    cursor: ",";\n    pointer-events: ",";\n\n    border: 2px solid transparent;\n    border-radius: 50%;\n\n    &:focus-within {\n        outline: 1px solid\n            ",";\n        outline-offset: 0;\n    }\n"])),(function(e){return e.isDisabled?"default":"pointer"}),(function(e){return e.isDisabled?"none":"all"}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).primary.inverted:u.getColors(n).primary.default})),Nn=C.default.input.withConfig({displayName:"Radio__Original",componentId:"sc-1h5e0q8-2"})(Ze||(Ze=e.__makeTemplateObject(["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"],["\n    position: absolute;\n    left: -9999px;\n    opacity: 0;\n"]))),qn=C.default.span.withConfig({displayName:"Radio__StyledRadioButton",componentId:"sc-1h5e0q8-3"})(en||(en=e.__makeTemplateObject(["\n    background: transparent;\n    border-radius: 50%;\n\n    position: relative;\n\n    width: 20px;\n    height: 20px;\n    display: block;\n\n    border: 2px solid\n        ",";\n\n    ","\n"],["\n    background: transparent;\n    border-radius: 50%;\n\n    position: relative;\n\n    width: 20px;\n    height: 20px;\n    display: block;\n\n    border: 2px solid\n        ",";\n\n    ","\n"])),(function(e){var n=e.isInverted,t=e.theme;return e.isSelected?n?u.getColors(t).primary.inverted:u.getColors(t).primary.default:n?u.getColors(t).elementBg.light:u.getColors(t).elementBg.medium}),(function(n){var t=n.isSelected,r=n.isInverted,a=n.theme;return t?i.css($e||($e=e.__makeTemplateObject(["\n                  background-color: ",";\n\n                  &:before {\n                      content: '';\n                      position: absolute;\n                      display: block;\n                      height: 8px;\n                      width: 8px;\n                      background-color: ",";\n                      border-radius: 50%;\n                      top: 50%;\n                      left: 50%;\n\n                      transform: translate(-50%, -50%);\n                  }\n              "],["\n                  background-color: ",";\n\n                  &:before {\n                      content: '';\n                      position: absolute;\n                      display: block;\n                      height: 8px;\n                      width: 8px;\n                      background-color: ",";\n                      border-radius: 50%;\n                      top: 50%;\n                      left: 50%;\n\n                      transform: translate(-50%, -50%);\n                  }\n              "])),r?u.getColors(a).primary.inverted:u.getColors(a).primary.default,u.getColors(a).elementBg.light):"none"})),Rn=C.default(r.Copy).withConfig({displayName:"Radio__Label",componentId:"sc-1h5e0q8-4"})(nn||(nn=e.__makeTemplateObject(["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"],["\n    padding-top: 2px;\n    text-align: left;\n    user-select: none;\n\n    & > * {\n        margin: 0;\n    }\n"]))),Un=x.memo((function(e){var n=e.isDisabled,t=e.isSelected,r=e.isInverted,a=e.onChange,o=e.label,i=e.name,l=e.value,d=x.useRef(null),u=x.useId(),c="radio-".concat(u),m=s.useLibTheme().colors;return x.createElement(On,null,x.createElement(Wn,{isDisabled:n,isInverted:r},x.createElement(qn,{isSelected:t,isInverted:r,onClick:function(){d.current&&d.current.click()}}),x.createElement(Nn,{ref:d,type:"radio",name:i,id:c,value:l,disabled:n,checked:t,onChange:a})),o&&x.createElement(Rn,{htmlFor:c,renderAs:"label",size:"small",type:"copy-b",textColor:n?m.elementBg.medium:r?m.text.inverted:m.text.default,innerHTML:o,isInverted:r}))}),(function(e,n){return!!e.enableMemo&&(e.isSelected===n.isSelected&&(e.label===n.label&&e.value===n.value))})),Ln=C.default(l.FieldWrapper.View).withConfig({displayName:"FileUpload__FieldView",componentId:"sc-8g38v4-0"})(tn||(tn=e.__makeTemplateObject(["\n    /* pointer-events: none; */\n"],["\n    /* pointer-events: none; */\n"]))),Bn=C.default.div.withConfig({displayName:"FileUpload__FieldMain",componentId:"sc-8g38v4-1"})(rn||(rn=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n    background: none;\n\n    padding: 0 ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n    background: none;\n\n    padding: 0 ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:focus-within {\n        outline: ",";\n        outline-offset: 0;\n    }\n"])),u.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).errorInverted:u.getColors(n).elementBg.light:r?u.getColors(n).error:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme;return e.isInverted?u.getFonts(n).copy.small.colorInverted:u.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)})),An=C.default.div.withConfig({displayName:"FileUpload__FileItem",componentId:"sc-8g38v4-2"})(an||(an=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    padding: ","px 0;\n    width: 100%;\n\n    * + & {\n        border-top: 1px dashed\n            ",";\n    }\n\n    & > span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    padding: ","px 0;\n    width: 100%;\n\n    * + & {\n        border-top: 1px dashed\n            ",";\n    }\n\n    & > span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n"])),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),u.spacings.nudge,(function(e){var n=e.theme;return e.isInverted?u.getColors(n).elementBg.light:u.getColors(n).elementBg.dark})),Yn=C.default.button.withConfig({displayName:"FileUpload__UploadItem",componentId:"sc-8g38v4-3"})(on||(on=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px 0;\n    background: none;\n    outline: none;\n    border: none;\n\n    width: 100%;\n    cursor: pointer;\n    pointer-events: all;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    * + & {\n        border-top: 1px dashed\n            ",";\n    }\n\n    & > span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    &:focus {\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ","px 0;\n    background: none;\n    outline: none;\n    border: none;\n\n    width: 100%;\n    cursor: pointer;\n    pointer-events: all;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    * + & {\n        border-top: 1px dashed\n            ",";\n    }\n\n    & > span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    &:focus {\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n"])),u.spacings.nudge,r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).text.subtileInverted:u.getColors(n).text.subtile}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).elementBg.light:u.getColors(n).elementBg.dark})),Hn=C.default.span.withConfig({displayName:"FileUpload__Icon",componentId:"sc-8g38v4-4"})(ln||(ln=e.__makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: 100%;\n    min-width: 24px;\n    margin-left: auto;\n\n    color: ",";\n\n    pointer-events: none;\n\n    & > * {\n        height: 20px;\n    }\n"],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: 100%;\n    min-width: 24px;\n    margin-left: auto;\n\n    color: ",";\n\n    pointer-events: none;\n\n    & > * {\n        height: 20px;\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?u.getFonts(n).copy.small.colorInverted:u.getFonts(n).copy.small.color})),Jn=C.default.button.withConfig({displayName:"FileUpload__DeleteIcon",componentId:"sc-8g38v4-5"})(dn||(dn=e.__makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: 100%;\n    min-width: 24px;\n    margin-left: auto;\n\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    pointer-events: all;\n\n    color: ",";\n\n    transition: opacity 0.2s ease-in-out;\n\n    & > * {\n        height: 20px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    height: 100%;\n    min-width: 24px;\n    margin-left: auto;\n\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    pointer-events: all;\n\n    color: ",";\n\n    transition: opacity 0.2s ease-in-out;\n\n    & > * {\n        height: 20px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    &:focus {\n        outline: solid 2px\n            ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(e){var n=e.theme;return e.isInverted?u.getFonts(n).copy.small.colorInverted:u.getFonts(n).copy.small.color}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).primary.inverted:u.getColors(n).primary.default})),Gn=C.default.input.withConfig({displayName:"FileUpload__Original",componentId:"sc-8g38v4-6"})(sn||(sn=e.__makeTemplateObject(["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"],["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"]))),Qn=y.default.memo((function(n){var t=n.onUploadFiles,r=n.label,o=n.isInverted,i=n.isDisabled,d=n.isRequired,s=n.infoMessage,u=n.errorMessage,c=n.acceptedFormats,m=n.uploadLabel,p=n.customDeleteIcon,f=n.customUploadIcon,g=a.useId(),h="file-upload-".concat(g),v="file-upload-message-".concat(g),b="file-upload-error-".concat(g),w=a.useState([]),x=w[0],k=w[1],C=a.useRef(null),_=a.useState([]),M=_[0],T=_[1];i&&(u=""),a.useEffect((function(){x&&t&&t(x.map((function(e){return e.data})))}),[x]);return y.default.createElement(Ln,{isDisabled:i},y.default.createElement(l.FieldWrapper.Head,{label:r,htmlFor:h,isRequired:d,isInverted:o}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(Bn,{isInverted:o,isDisabled:i,hasError:!!u},M.map((function(n){var t,r=n.url&&n.url.split("/")||[];return y.default.createElement(An,{key:n.uid,isInverted:o},y.default.createElement("span",null,r),y.default.createElement(Jn,{"aria-label":"remove file",type:"button",isInverted:o,onClick:(t=n,function(n){n.preventDefault(),n.stopPropagation(),C.current&&(C.current.value="",T((function(n){var r=n.findIndex((function(e){return e.uid===t.uid}));if(r<0)return n;var a=e.__spreadArray([],n,!0);return a.splice(r,1),a})),k((function(n){var r=n.findIndex((function(e){return e.uid===t.uid}));if(r<0)return n;var a=e.__spreadArray([],n,!0);return a.splice(r,1),a})))})},p?p(o):y.default.createElement(e.DeleteForever,null)))})),y.default.createElement(Yn,{type:"button",id:h,isInverted:o,onClick:function(e){var n;e.preventDefault(),null===(n=C.current)||void 0===n||n.click()},"aria-invalid":!!u,"aria-errormessage":u&&b,"aria-describedby":s&&v},m&&y.default.createElement("span",null,m),y.default.createElement(Hn,{isInverted:o},f?f(o):y.default.createElement(e.UploadFile,null)))),y.default.createElement(Gn,{type:"file",onChange:function(n){if(n.currentTarget.files){var t=Array.from(n.currentTarget.files).map((function(e,n){return{uid:"".concat((new Date).getTime().toString(),"_").concat(n),data:e}})),r=t.map((function(e){return function(e,n){return new Promise((function(t){t({uid:n,type:e.type,url:e.name,isUploading:!0});var r=new FileReader;r.onload=function(){t({uid:n,type:e.type,url:e.name,isUploading:!0})},r.readAsDataURL(e)}))}(e.data,e.uid)}));Promise.all(r).then((function(n){T((function(t){return e.__spreadArray(e.__spreadArray([],t,!0),n,!0)}))})),k((function(n){return e.__spreadArray(e.__spreadArray([],n,!0),t,!0)}))}},ref:C,"aria-hidden":"true",tabIndex:-1,multiple:!0,required:d,disabled:i,accept:c})),y.default.createElement(l.FieldWrapper.Messages,{infoMsgId:v,infoMessage:s,errorMsgId:b,errorMessage:u,isInverted:o}))}),(function(e,n){return!!e.enableMemo&&(e.errorMessage===n.errorMessage&&(e.infoMessage===n.infoMessage&&e.label===n.label))})),Vn=C.default.div.withConfig({displayName:"LocationField__MapWrapper",componentId:"sc-ipn926-0"})(un||(un=e.__makeTemplateObject(["\n    display: ",";\n    position: relative;\n"],["\n    display: ",";\n    position: relative;\n"])),(function(e){return e.isVisible?"block":"none"})),Xn=C.default.div.withConfig({displayName:"LocationField__MapContainer",componentId:"sc-ipn926-1"})(cn||(cn=e.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 290px;\n    z-index: 0;\n    outline: none;\n"],["\n    position: relative;\n    width: 100%;\n    height: 290px;\n    z-index: 0;\n    outline: none;\n"]))),Kn=C.default.button.withConfig({displayName:"LocationField__ToggleView",componentId:"sc-ipn926-2"})(mn||(mn=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    background: none;\n    border: none;\n    padding: ","px 0;\n    margin-bottom: ","px;\n\n    cursor: pointer;\n\n    &:focus-visible {\n        outline: 2px dotted\n            ",";\n        outline-offset: 4px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    background: none;\n    border: none;\n    padding: ","px 0;\n    margin-bottom: ","px;\n\n    cursor: pointer;\n\n    &:focus-visible {\n        outline: 2px dotted\n            ",";\n        outline-offset: 4px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),u.spacings.nudge,2*u.spacings.nudge,(function(e){var n=e.theme;return e.isInverted?u.getFonts(n).link.colorInverted:u.getFonts(n).link.color}),2*u.spacings.nudge),Zn=C.default(r.Copy).withConfig({displayName:"LocationField__ToggleText",componentId:"sc-ipn926-3"})(pn||(pn=e.__makeTemplateObject(["\n    line-height: 1;\n"],["\n    line-height: 1;\n"]))),$n=C.default.div.withConfig({displayName:"LocationField__ResetMap",componentId:"sc-ipn926-4"})(fn||(fn=e.__makeTemplateObject(["\n    position: absolute;\n    top: ","px;\n    right: ","px;\n"],["\n    position: absolute;\n    top: ","px;\n    right: ","px;\n"])),u.spacings.nudge,u.spacings.nudge),et=C.default.button.withConfig({displayName:"LocationField__ResetMapControl",componentId:"sc-ipn926-5"})(gn||(gn=e.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: ","px;\n    margin-top: -","px;\n    margin-right: -","px;\n\n    cursor: pointer;\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px dotted ",";\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: ","px;\n    margin-top: -","px;\n    margin-right: -","px;\n\n    cursor: pointer;\n    transition: color 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ",";\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px dotted ",";\n    }\n"])),u.spacings.nudge,u.spacings.nudge,u.spacings.nudge,(function(e){var n=e.theme;return u.getColors(n).primary.default}),(function(e){var n=e.theme;return u.getColors(n).primary.default})),nt=C.default.div.withConfig({displayName:"LocationField__TrackLocation",componentId:"sc-ipn926-6"})(hn||(hn=e.__makeTemplateObject(["\n    position: absolute;\n    bottom: ","px;\n    right: ","px;\n"],["\n    position: absolute;\n    bottom: ","px;\n    right: ","px;\n"])),2*u.spacings.nudge,u.spacings.nudge),tt=C.default.button.withConfig({displayName:"LocationField__TrackLocationControl",componentId:"sc-ipn926-7"})(vn||(vn=e.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ",";\n    border: none;\n    padding: 0.7em;\n    min-height: 40px;\n\n    ","\n    color: ",";\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 2px;\n    }\n\n    &:active {\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: ",";\n    border: none;\n    padding: 0.7em;\n    min-height: 40px;\n\n    ","\n    color: ",";\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ",";\n        outline-offset: 2px;\n    }\n\n    &:active {\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);\n    }\n"])),(function(e){var n=e.theme;return u.getColors(n).elementBg.dark}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.getFonts(n).copy.small.colorInverted}),(function(e){var n=e.theme;return u.getColors(n).primary.default})),rt=C.default.div.withConfig({displayName:"LocationField__FieldView",componentId:"sc-ipn926-8"})(bn||(bn=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: 16px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: 16px;\n    }\n"]))),at=C.default.textarea.withConfig({displayName:"LocationField__Area",componentId:"sc-ipn926-9"})(wn||(wn=e.__makeTemplateObject(["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 100px;\n    box-shadow: none;\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    resize: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 100px;\n    box-shadow: none;\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    resize: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),u.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).errorInverted:u.getColors(n).elementBg.light:r?u.getColors(n).error:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).text.errorInverted:u.getFonts(n).copy.small.colorInverted:r?u.getColors(n).text.error:u.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).text.subtileInverted:u.getColors(n).text.subtile})),ot=y.default.memo((function(n){var t,r,o=n.label,i=n.errorMessage,d=n.infoMessage,h=n.isRequired,v=n.isDisabled,b=n.isInverted,w=n.placeholder,x=n.value,k=n.name,C=n.marker,_=n.initialMapCenter,M=n.zoom,T=void 0===M?10:M,I=n.onChange,D=n.onBlur,S=n.customToggle,E=n.customLocationControl,F=n.customResetControl,j=n.toggleLabel,z=void 0===j?"Select location on map":j,P=n.trackLocationLabel,O=void 0===P?"My location":P,W=n.resetMapLabel,N=void 0===W?"Reset map":W,q=y.default.useId(),R="locationfield-".concat(q),U="locationfield-message-".concat(q),L="locationfield-error-".concat(q);v&&(i="");var B=s.useLibTheme(),A=B.colors,Y=B.fonts,H=a.useState(!1),J=H[0],G=H[1],Q=a.useState(x||{description:""}),V=Q[0],X=Q[1],K=a.useRef(null),Z=a.useState([]),$=Z[0],ee=Z[1],ne=m.useLazyInput((function(e){X({description:e,position:void 0})}),(null==x?void 0:x.description)||""),te=ne.value,re=ne.update,ae=ne.forceUpdate,oe=a.useCallback((function(n){for(var t={size:[28,28],anchor:[14,28],sizeActive:[70,70],anchorActive:[35,70],url:u.getSVGDataImg(y.default.createElement(e.LocationPin,null))},r=[],a=0,o=n;a<o.length;a++){var i=o[a];r.push({id:"location",position:i,icon:C||t})}return r}),[C]),ie=c.useLeafletMap({activeMarkerId:"location",markers:$,center:_,zoom:T,onClick:function(e){ye(e)}}),le=ie.setContainer,de=ie.flyToPosition,se=ie.recalculateMapSize,ue=a.useRef(null),ce=f.useGeolocation(!0,!1),me=ce.isSupported,pe=ce.isEnabled,fe=ce.location,ge=ce.error,he=ce.reset,ve=ce.cancel,be=a.useCallback((function(){de(_,T),ve()}),[ve,de,_,T]),we=function(){xe(),he()},ye=function(e){var n=[e.latlng.lat,e.latlng.lng];null===ue.current?ue.current=window.setTimeout((function(){!function(e){ve();var n=oe([e]);ee(n),X({description:"",position:e})}(n),ue.current=null}),300):(window.clearTimeout(ue.current),ue.current=null)},xe=a.useCallback((function(){if(fe){var e=[fe.coords.latitude,fe.coords.longitude],n=oe([e]);ee(n),de(e,14),X({description:"",position:e})}}),[de,oe,fe]),ke=function(){G((function(e){return!e}))};return a.useEffect((function(){pe&&fe&&!ge&&xe()}),[ge,fe,pe]),a.useEffect((function(){X({description:"",position:void 0}),J?(se(),re("")):ee([])}),[J,se,te]),p.useUpdateEffect((function(){var e,n,t,r,a=K.current;a&&a.description===V.description&&(null===(e=a.position)||void 0===e?void 0:e[0])===(null===(n=V.position)||void 0===n?void 0:n[0])&&(null===(t=a.position)||void 0===t?void 0:t[1])===(null===(r=V.position)||void 0===r?void 0:r[1])||(K.current=V,null==I||I(V))}),[V]),y.default.createElement(y.default.Fragment,null,k&&y.default.createElement("input",{type:"hidden",name:"".concat(k,'["location"]'),value:g.concat([null===(t=null==V?void 0:V.position)||void 0===t?void 0:t[0],null===(r=null==V?void 0:V.position)||void 0===r?void 0:r[1]],",")}),y.default.createElement(l.FieldWrapper.View,{isDisabled:v,onClick:function(e){return e.preventDefault()}},y.default.createElement(l.FieldWrapper.Head,{htmlFor:R,label:o,isRequired:h,isInverted:b}),S?S({isInverted:b,viewState:J?"map":"desc",handleClick:ke}):y.default.createElement(Kn,{type:"button",isInverted:b,"aria-label":z,"aria-pressed":J,onClick:ke},J?y.default.createElement(e.ToggleOn,{iconColor:b?A.primary.inverted:A.primary.default}):y.default.createElement(e.ToggleOff,{iconColor:b?Y.copy.small.colorInverted:Y.copy.small.color}),y.default.createElement(Zn,{size:"small",renderAs:"span",isInverted:b},z)),y.default.createElement(Vn,{isVisible:J},y.default.createElement(Xn,{ref:le,tabIndex:0,onClick:function(){ae(),null==D||D(V)}}),y.default.createElement($n,null,F?F({isInverted:b,handleClick:be}):y.default.createElement(et,{"aria-label":N,onClick:be},y.default.createElement(e.LocationSearch,null))),me&&y.default.createElement(nt,null,E?E({isInverted:b,handleClick:we}):y.default.createElement(tt,{"aria-label":O?void 0:"Track my location",onClick:we},O))),!J&&y.default.createElement(y.default.Fragment,null,y.default.createElement(rt,null,y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(at,{id:R,placeholder:w,hasError:!!i,isInverted:b,name:"".concat(k,'["description"]'),value:te,required:h,disabled:v,onChange:function(e){var n=e.currentTarget.value;re(n)},onBlur:function(){ae(),null==D||D(V)},"aria-invalid":!!i,"aria-errormessage":i&&L,"aria-describedby":d&&U})))),y.default.createElement(l.FieldWrapper.Messages,{infoMsgId:U,infoMessage:d,errorMsgId:L,errorMessage:i,isInverted:b})))}),(function(e,n){var t,r,a,o,i,l,d,s,u,c;return!!e.enableMemo&&(e.errorMessage===n.errorMessage&&(e.infoMessage===n.infoMessage&&(e.label===n.label&&(e.toggleLabel===n.toggleLabel&&(e.placeholder===n.placeholder&&((null===(t=e.value)||void 0===t?void 0:t.description)===(null===(r=n.value)||void 0===r?void 0:r.description)&&((null===(o=null===(a=e.value)||void 0===a?void 0:a.position)||void 0===o?void 0:o[0])===(null===(l=null===(i=n.value)||void 0===i?void 0:i.position)||void 0===l?void 0:l[0])&&(null===(s=null===(d=e.value)||void 0===d?void 0:d.position)||void 0===s?void 0:s[1])===(null===(c=null===(u=n.value)||void 0===u?void 0:u.position)||void 0===c?void 0:c[1]))))))))})),it=C.default.button.withConfig({displayName:"SelectDropdown__Select",componentId:"sc-hnkdye-0"})(yn||(yn=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: pointer;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: pointer;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),u.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return e.isOpen?"transparent":t?r?u.getColors(n).errorInverted:u.getColors(n).elementBg.light:r?u.getColors(n).error:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return e.isSelected?t?r?u.getColors(n).text.errorInverted:u.getFonts(n).copy.small.colorInverted:r?u.getColors(n).text.error:u.getFonts(n).copy.small.color:t?u.getColors(n).text.subtileInverted:u.getColors(n).text.subtile}),(function(e){var n=e.theme,t=e.isInverted,r=e.isOpen;return"1px solid ".concat(r?"transparent":t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted,r=e.isOpen;return"1px solid ".concat(r?"transparent":t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),u.spacings.nudge),lt=C.default.span.withConfig({displayName:"SelectDropdown__SelectMain",componentId:"sc-hnkdye-1"})(xn||(xn=e.__makeTemplateObject(["\n    display: block;\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: ","px;\n    }\n"],["\n    display: block;\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: ","px;\n    }\n"])),u.spacings.nudge),dt=C.default.span.withConfig({displayName:"SelectDropdown__Indicator",componentId:"sc-hnkdye-2"})(kn||(kn=e.__makeTemplateObject(["\n    display: block;\n    pointer-events: none;\n"],["\n    display: block;\n    pointer-events: none;\n"]))),st=C.default.ul.withConfig({displayName:"SelectDropdown__Flyout",componentId:"sc-hnkdye-3"})(Cn||(Cn=e.__makeTemplateObject(["\n    list-style: none;\n    padding: 0 !important;\n    margin: 0 !important;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: ",";\n    outline-offset: 0;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"],["\n    list-style: none;\n    padding: 0 !important;\n    margin: 0 !important;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ",";\n    background: ",";\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: ",";\n    outline-offset: 0;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ",";\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n"])),(function(e){return e.isVisible?"block":"none"}),(function(e){var n=e.theme;return u.getColors(n).elementBg.light}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).elementBg.light:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme;return u.getColors(n).elementBg.medium})),ut=C.default.li.withConfig({displayName:"SelectDropdown__ItemStyle",componentId:"sc-hnkdye-4"})(_n||(_n=e.__makeTemplateObject(["\n    padding: ","px;\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n"],["\n    padding: ","px;\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n"])),u.spacings.nudge),ct=C.default(r.Copy).withConfig({displayName:"SelectDropdown__Item",componentId:"sc-hnkdye-5"})(Tn||(Tn=e.__makeTemplateObject(["\n    z-index: 0;\n\n    @media (hover: hover) and (pointer: fine) {\n        ",":hover & {\n            &:before {\n                content: '';\n                background: ",";\n                opacity: 0.25;\n                display: block;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                right: 0;\n                left: 0;\n                z-index: -1;\n            }\n        }\n    }\n\n    ","\n"],["\n    z-index: 0;\n\n    @media (hover: hover) and (pointer: fine) {\n        ",":hover & {\n            &:before {\n                content: '';\n                background: ",";\n                opacity: 0.25;\n                display: block;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                right: 0;\n                left: 0;\n                z-index: -1;\n            }\n        }\n    }\n\n    ","\n"])),ut,(function(e){var n=e.theme;return u.getColors(n).primary.hover}),(function(n){return n.isSelected&&i.css(Mn||(Mn=e.__makeTemplateObject(["\n            &:before {\n                content: '';\n                background: ",";\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                right: 0;\n                left: 0;\n\n                z-index: -1;\n            }\n        "],["\n            &:before {\n                content: '';\n                background: ",";\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                right: 0;\n                left: 0;\n\n                z-index: -1;\n            }\n        "])),(function(e){var n=e.theme;return u.getColors(n).primary.default}))})),mt=C.default(ct).withConfig({displayName:"SelectDropdown__ClearItem",componentId:"sc-hnkdye-6"})(In||(In=e.__makeTemplateObject(["\n    color: transparent;\n"],["\n    color: transparent;\n"]))),pt=C.default.div.withConfig({displayName:"SelectDropdown__Container",componentId:"sc-hnkdye-7"})(Dn||(Dn=e.__makeTemplateObject(["\n    position: relative;\n    outline: none;\n"],["\n    position: relative;\n    outline: none;\n"]))),ft=C.default.select.withConfig({displayName:"SelectDropdown__OriginalSelect",componentId:"sc-hnkdye-8"})(Sn||(Sn=e.__makeTemplateObject(["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"],["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"]))),gt=y.default.memo((function(n){var t=n.label,r=n.isRequired,o=n.errorMessage,i=n.infoMessage,d=n.isDisabled,u=n.isInverted,c=n.items,m=n.name,p=n.selectedItem,f=n.placeholder,g=n.onChange,b=n.onBlur,w=n.indicator,x=a.useId(),k=s.useLibTheme().colors,C=a.useState(!1),_=C[0],M=C[1],T=a.useState((null==c?void 0:c.findIndex((function(e){return e.label===p})))||-1),I=T[0],D=T[1],S=a.useState(c||[]),E=S[0],F=S[1],j=a.useRef(null),z=h.useMounted(),P=a.useRef(!1),O="select-".concat(x),W="select-message-".concat(x),N="select-error-".concat(x);a.useEffect((function(){var e=null==c?void 0:c.findIndex((function(e){return e.label===p}));-1!==e&&D(e),F(c||[])}),[c,p]),a.useEffect((function(){var e=E[I];z&&g&&g(null==e?void 0:e.label,null==e?void 0:e.value)}),[E,I,p]),d&&(o="");var q=a.useMemo((function(){return I>=0&&I<E.length?E[I]:void 0}),[I,E]);return y.default.createElement(l.FieldWrapper.View,{isDisabled:d},y.default.createElement(l.FieldWrapper.Head,{label:t,htmlFor:O,isRequired:r,isInverted:u}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(pt,null,y.default.createElement(it,{id:O,ref:j,type:"button",isOpen:_,isInverted:u,isSelected:!!q,hasError:!!o,"aria-invalid":!!o,"aria-errormessage":o&&N,"aria-describedby":i&&W,"aria-expanded":_,onClick:function(){M((function(e){return!e}))},onBlur:function(){P.current||(M(!1),b&&b())},onKeyDown:function(e){"ArrowDown"===e.key?(e.preventDefault(),M(!0),_&&E[I+1]&&D((function(e){return e+1}))):"ArrowUp"===e.key&&(e.preventDefault(),M(!0),_&&E[I-1]&&D((function(e){return e-1})))}},y.default.createElement(lt,null,(null==q?void 0:q.label)||f),y.default.createElement(dt,null,w&&w({isOpen:_,isDisabled:d}),!w&&(_?y.default.createElement(e.AngleUp,{iconColor:d?k.elementBg.medium:k.elementBg.dark}):y.default.createElement(e.AngleDown,{iconColor:d?k.elementBg.medium:k.elementBg.dark})))),y.default.createElement(st,{role:"presentation",isVisible:_},v.isValidArray(c,!1)&&y.default.createElement(ut,{key:"key_0",role:"option","aria-selected":-1===I,onMouseDown:function(){P.current=!0},onClick:function(e){var n;e.preventDefault(),D(-1),null===(n=j.current)||void 0===n||n.focus(),M(!1),P.current=!1}},y.default.createElement(mt,{renderAs:"span",size:"small"},"Clear")),c.map((function(e,n){return y.default.createElement(ut,{key:"key_".concat(n+1),role:"option","aria-selected":n===I,onMouseDown:function(){P.current=!0},onClick:function(e){var t;e.preventDefault(),D(n),null===(t=j.current)||void 0===t||t.focus(),M(!1),P.current=!1}},y.default.createElement(ct,{renderAs:"span",isSelected:n===I,size:"small",textColor:n===I?k.elementBg.light:k.elementBg.dark},e.label))})))),y.default.createElement(ft,{"aria-hidden":"true",tabIndex:-1,name:m,defaultValue:q?JSON.stringify(q.value):""},y.default.createElement("option",{value:""}),c.map((function(e,n){return y.default.createElement("option",{key:n,value:JSON.stringify(e.value)},e.label)})))),y.default.createElement(l.FieldWrapper.Messages,{infoMsgId:W,infoMessage:i,errorMsgId:N,errorMessage:o,isInverted:u}))}),(function(e,n){if(!e.enableMemo)return!1;if(e.selectedItem!==n.selectedItem)return!1;if(e.errorMessage!==n.errorMessage)return!1;if(e.infoMessage!==n.infoMessage)return!1;if(e.label!==n.label)return!1;if(e.placeholder!==n.placeholder)return!1;if(e.items.length!==n.items.length)return!1;for(var t=0;t<e.items.length;t++)if(e.items[t].label!==n.items[t].label||e.items[t].value!==n.items[t].value)return!1;return!0})),ht=C.default.textarea.withConfig({displayName:"Textarea__Area",componentId:"sc-1hq47t-0"})(En||(En=e.__makeTemplateObject(["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 100px;\n    box-shadow: none;\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    resize: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 100px;\n    box-shadow: none;\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    resize: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n    \n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),u.spacings.nudge,(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).errorInverted:u.getColors(n).elementBg.light:r?u.getColors(n).error:u.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return u.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return u.withRange(l.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?u.getColors(n).text.errorInverted:u.getFonts(n).copy.small.colorInverted:r?u.getColors(n).text.error:u.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?u.getColors(n).primary.inverted:u.getColors(n).primary.default)}),(function(e){var n=e.theme;return e.isInverted?u.getColors(n).text.subtileInverted:u.getColors(n).text.subtile})),vt=y.default.memo((function(e){var n=e.label,t=e.isRequired,r=e.errorMessage,a=e.infoMessage,o=e.isDisabled,i=e.isInverted,d=e.placeholder,s=e.value,u=e.name,c=e.onChange,m=e.onBlur,p=y.default.useId(),f="textarea-".concat(p),g="textarea-message-".concat(p),h="textarea-error-".concat(p);return o&&(r=""),y.default.createElement(l.FieldWrapper.View,{isDisabled:o},y.default.createElement(l.FieldWrapper.Head,{htmlFor:f,label:n,isRequired:t,isInverted:i}),y.default.createElement(l.FieldWrapper.Content,null,y.default.createElement(ht,{id:f,value:s,name:u,placeholder:d,hasError:!!r,disabled:o,isInverted:i,required:t,onChange:c,onBlur:m,"aria-invalid":!!r,"aria-describedby":a&&g,"aria-errormessage":r&&h})),y.default.createElement(l.FieldWrapper.Messages,{infoMsgId:g,infoMessage:a,errorMsgId:h,errorMessage:r,isInverted:i}))}),(function(e,n){return!!e.enableMemo&&(e.value===n.value&&(e.errorMessage===n.errorMessage&&(e.infoMessage===n.infoMessage&&(e.label===n.label&&e.placeholder===n.placeholder))))}));exports.DatepickerCmp=Pn,exports.FileUploadCmp=Qn,exports.LocationField=ot,exports.RadioButton=Un,exports.SelectDropdown=gt,exports.Textarea=vt;
+//# sourceMappingURL=Textarea-51bea7d0.js.map