@paperless/core 1.9.2 → 1.9.4

package/dist/paperless/{p-c8491154.entry.js.map → p-c1e10b29.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","colleagues","cogs","comment","companies","document","download","envelope","explanation","eye","faBuilding","faPiggy","filter","folder","formula","grid","headset","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plan","plus","question","reload","receipt","report","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","disabled","href","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","_a","subscribe"],"sources":["src/utils/icons.ts","src/components/atoms/button/button.component.scss?tag=p-button","src/components/atoms/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n    arrow,\n    attachment,\n    bread,\n    calendar,\n    camera,\n    car,\n    checklist,\n    checkmark,\n    chevron,\n    clock,\n    colleagues,\n    cogs,\n    comment,\n    companies,\n    document,\n    download,\n    envelope,\n    explanation,\n    eye,\n    faBuilding,\n    faPiggy,\n    filter,\n    folder,\n    formula,\n    grid,\n    headset,\n    integration,\n    list,\n    location,\n    megaphone,\n    menu,\n    minus,\n    more,\n    negative,\n    notification,\n    pagination,\n    payment,\n    pencil,\n    person,\n    plan,\n    plus,\n    question,\n    reload,\n    receipt,\n    report,\n    search,\n    settings,\n    sick,\n    signout,\n    switch: switchIcon,\n    tachometer,\n    task,\n    template,\n    tool,\n    trash,\n    turn,\n    upload,\n    warning,\n};\n","p-button {\n    @apply flex h-10 w-auto text-base;\n\n    button,\n    a {\n        outline: 0;\n        border: 0;\n        @apply h-full w-full;\n        @apply rounded-large #{!important};\n        @apply font-semibold leading-4;\n        @apply flex items-center justify-center;\n        @apply cursor-pointer text-base;\n\n        will-change: filter;\n\n        > p-loader {\n            @apply ml-2;\n        }\n\n        // Icon positions\n        &.icon-position-end {\n            > p-icon:not(.chevron) {\n                @apply ml-2;\n            }\n        }\n\n        &.icon-position-start {\n            > p-icon:not(.chevron) {\n                @apply mr-2;\n            }\n        }\n\n        // Variants\n        &.variant-primary,\n        &.variant-secondary {\n            @apply px-4 filter;\n        }\n\n        &.variant-primary,\n        &.variant-secondary {\n            &:active,\n            &.active {\n                @apply drop-shadow-transparent;\n            }\n        }\n\n        &.variant-primary {\n            @apply bg-indigo text-white;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-indigo-dark;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-primary-hover;\n                }\n            }\n        }\n\n        &.variant-secondary {\n            @apply border border-solid border-mystic-dark #{!important};\n            @apply bg-white text-storm;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-mystic;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-secondary-hover;\n                }\n            }\n        }\n\n        &.variant-text {\n            @apply text-indigo;\n\n            &:hover:not([disabled]) {\n                @apply text-indigo-dark;\n            }\n        }\n\n        &[disabled] {\n            @apply opacity-40;\n        }\n\n        &.should-inherit-text {\n            color: inherit #{!important};\n            font-size: inherit #{!important};\n            font-weight: inherit #{!important};\n        }\n    }\n\n    // chevron\n    &.has-chevron {\n        a,\n        button {\n            &.chevron-position-start {\n                @apply pl-2;\n\n                > p-icon.chevron {\n                    @apply mr-2;\n                }\n            }\n\n            &.chevron-position-end {\n                @apply pr-2;\n\n                > p-icon.chevron {\n                    @apply ml-2;\n                }\n            }\n\n            &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n                @apply text-indigo;\n            }\n        }\n    }\n\n    &.has-icon-only {\n        @apply w-10;\n\n        a,\n        button {\n            @apply p-0;\n\n            > p-icon:first-child {\n                @apply mx-0;\n            }\n\n            > p-loader {\n                @apply ml-0;\n            }\n        }\n\n        &.has-chevron {\n            @apply w-auto;\n\n            a,\n            button {\n                &.chevron-position-start {\n                    @apply pr-2;\n                }\n\n                &.chevron-position-end {\n                    @apply pl-2;\n                }\n            }\n        }\n    }\n\n    // sizes\n    &.size-small {\n        @apply h-8;\n\n        button,\n        a {\n            @apply text-sm;\n\n            > p-icon {\n                @apply text-base;\n            }\n        }\n\n        &.has-icon-only {\n            @apply w-8;\n\n            &.has-chevron {\n                @apply w-auto;\n            }\n        }\n    }\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.component.scss',\n    // shadow: true,\n})\nexport class Button {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n    /**\n     * Href in case of \"text\" version\n     */\n    @Prop() href: string;\n\n    /**\n     * Target in case of \"text\" version\n     */\n    @Prop() target: string;\n\n    /**\n     * The size of the button\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * Wether to show a loader or not\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show a chevron or not\n     */\n    @Prop() chevron: boolean | 'up' | 'down' = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the button is disabled\n     */\n    @Prop() disabled: boolean = false;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Wether the button is icon only\n     */\n    @Prop() iconOnly: boolean = false;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop() inheritText: boolean = false;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false,\n    })\n    onClick: EventEmitter<MouseEvent>;\n\n    render() {\n        let loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n        switch (this.variant) {\n            case 'secondary':\n                loaderColor = 'storm';\n                break;\n            case 'text':\n                loaderColor = 'indigo';\n                break;\n        }\n\n        const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n        return (\n            <Host\n                class={`p-button size-${this.size} ${\n                    this.iconOnly && 'has-icon-only'\n                } ${this.chevron && 'has-chevron'}`}\n            >\n                <VariableTag\n                    class={`variant-${this.variant}  icon-position-${\n                        this.iconPosition\n                    } chevron-position-${this.chevronPosition} ${\n                        this.inheritText && 'should-inherit-text'\n                    }`}\n                    disabled={this.disabled}\n                    href={this.href}\n                    target={this.target}\n                >\n                    {this.chevron && this.chevronPosition === 'start' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n\n                    {this.icon &&\n                        this.iconPosition === 'start' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    <slot />\n\n                    {this.icon &&\n                        this.iconPosition === 'end' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    {this.loading && <p-loader color={loaderColor} />}\n\n                    {this.chevron && this.chevronPosition === 'end' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n                </VariableTag>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (this.loading || this.disabled) {\n            ev.preventDefault();\n            return;\n        }\n\n        this.onClick.emit(ev);\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n",":host {\n    .loader {\n        @apply inline-block h-[1em] w-[1em] rounded-round;\n        @apply border-2 border-solid border-indigo-light border-t-indigo;\n        animation: 500ms spin linear infinite;\n\n        will-change: transform;\n\n        &.color-storm {\n            @apply border-storm-light/40 border-t-storm #{!important};\n        }\n\n        &.color-white {\n            @apply border-indigo-light/40 border-t-white #{!important};\n        }\n    }\n\n    .loading-screen {\n        @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n        @apply flex items-center justify-center;\n        @apply bg-mystic;\n\n        z-index: 1001;\n\n        .content {\n            @apply max-w-xs;\n\n            .loader-wrapper {\n                @apply flex w-full justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply box-border block;\n\n    will-change: background, background-position-x, background-color;\n\n    min-height: 1em;\n    min-width: 1em;\n\n    --loading-bg: #f7fafc;\n    --loading-stripe: rgba(252, 253, 254, 1);\n\n    background-color: var(--loading-bg);\n    background: linear-gradient(\n            100deg,\n            rgba(255, 255, 255, 0) 40%,\n            var(--loading-stripe) 50%,\n            rgba(255, 255, 255, 0) 60%\n        )\n        var(--loading-bg);\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n    to {\n        background-position-x: -20%;\n    }\n}\n\n@keyframes spin {\n    100% {\n        transform: rotate(1turn);\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n    tag: 'p-loader',\n    styleUrl: 'loader.component.scss',\n    shadow: true,\n})\nexport class Loader {\n    /**\n     * Wether to show or hide the loader\n     */\n    @Prop() show: boolean | Observable<boolean> = true;\n\n    /**\n     * Variant of loader\n     */\n    @Prop() variant:\n        | 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost' = 'inline';\n\n    /**\n     * Color of the loader\n     */\n    @Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n    /**\n     * !NOT IMPLEMENTED! Modal title for modal variant\n     */\n    @Prop() modalTitle: string;\n\n    /**\n     * !NOT IMPLEMENTED! Modal description for modal variant\n     */\n    @Prop() modalDescription: string;\n\n    private _show = this.show;\n    private _showSubscriber: Subscription;\n\n    private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n    componentWillRender() {\n        this._checkShow();\n    }\n\n    componentShouldUpdate() {\n        this._checkShow();\n    }\n\n    render() {\n        if (!this._show) {\n            return;\n        }\n\n        if (this.variant === 'ghost') {\n            return <Host class=\"p-loader variant-ghost\"></Host>;\n        }\n\n        if (this.variant === 'full-screen') {\n            return (\n                <Host class=\"p-loader variant-full-screen\">\n                    <div class=\"loading-screen\">\n                        <div class=\"content\">\n                            <slot />\n\n                            <div class=\"loader-wrapper\">{this._loader}</div>\n                        </div>\n                    </div>\n                </Host>\n            );\n        }\n\n        return (\n            <Host\n                class={`p-loader variant-default flex ${\n                    this.variant === 'full-width' &&\n                    'w-full flex justify-center text-4xl'\n                }`}\n            >\n                {this._loader}\n            </Host>\n        );\n    }\n\n    private _checkShow() {\n        if (this._showSubscriber) {\n            this._showSubscriber.unsubscribe();\n            this._showSubscriber = null;\n        }\n\n        if (typeof this.show !== 'boolean') {\n            this._showSubscriber = this.show?.subscribe(\n                (show) => (this._show = show)\n            );\n            return;\n        }\n\n        this._show = this.show;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","clock","colleagues","cogs","comment","companies","document","download","envelope","explanation","eye","faBuilding","faPiggy","filter","folder","formula","grid","headset","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plan","plus","question","reload","receipt","report","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","disabled","href","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","_a","subscribe"],"sources":["src/utils/icons.ts","src/components/atoms/button/button.component.scss?tag=p-button","src/components/atoms/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n    arrow,\n    attachment,\n    bread,\n    calendar,\n    camera,\n    car,\n    checklist,\n    checkmark,\n    chevron,\n    clock,\n    colleagues,\n    cogs,\n    comment,\n    companies,\n    document,\n    download,\n    envelope,\n    explanation,\n    eye,\n    faBuilding,\n    faPiggy,\n    filter,\n    folder,\n    formula,\n    grid,\n    headset,\n    integration,\n    list,\n    location,\n    megaphone,\n    menu,\n    minus,\n    more,\n    negative,\n    notification,\n    pagination,\n    payment,\n    pencil,\n    person,\n    plan,\n    plus,\n    question,\n    reload,\n    receipt,\n    report,\n    search,\n    settings,\n    sick,\n    signout,\n    switch: switchIcon,\n    tachometer,\n    task,\n    template,\n    tool,\n    trash,\n    turn,\n    upload,\n    warning,\n};\n","p-button {\n    @apply flex h-10 w-auto text-base;\n\n    button,\n    a {\n        outline: 0;\n        border: 0;\n        @apply h-full w-full;\n        @apply rounded-large #{!important};\n        @apply font-semibold leading-4;\n        @apply flex items-center justify-center;\n        @apply cursor-pointer text-base;\n\n        will-change: filter;\n\n        > p-loader {\n            @apply ml-2;\n        }\n\n        // Icon positions\n        &.icon-position-end {\n            > p-icon:not(.chevron) {\n                @apply ml-2;\n            }\n        }\n\n        &.icon-position-start {\n            > p-icon:not(.chevron) {\n                @apply mr-2;\n            }\n        }\n\n        // Variants\n        &.variant-primary,\n        &.variant-secondary {\n            @apply px-4 filter;\n        }\n\n        &.variant-primary,\n        &.variant-secondary {\n            &:active,\n            &.active {\n                @apply drop-shadow-transparent;\n            }\n        }\n\n        &.variant-primary {\n            @apply bg-indigo text-white;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-indigo-dark;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-primary-hover;\n                }\n            }\n        }\n\n        &.variant-secondary {\n            @apply border border-solid border-mystic-dark #{!important};\n            @apply bg-white text-storm;\n\n            &:active,\n            &.active {\n                &:not([disabled]) {\n                    @apply bg-mystic;\n                }\n            }\n\n            @media (pointer: fine) {\n                &:hover:not([disabled]) {\n                    @apply drop-shadow-button-secondary-hover;\n                }\n            }\n        }\n\n        &.variant-text {\n            @apply text-indigo;\n\n            &:hover:not([disabled]) {\n                @apply text-indigo-dark;\n            }\n        }\n\n        &[disabled] {\n            @apply opacity-40;\n        }\n\n        &.should-inherit-text {\n            color: inherit #{!important};\n            font-size: inherit #{!important};\n            font-weight: inherit #{!important};\n        }\n    }\n\n    // chevron\n    &.has-chevron {\n        a,\n        button {\n            &.chevron-position-start {\n                @apply pl-2;\n\n                > p-icon.chevron {\n                    @apply mr-2;\n                }\n            }\n\n            &.chevron-position-end {\n                @apply pr-2;\n\n                > p-icon.chevron {\n                    @apply ml-2;\n                }\n            }\n\n            &.variant-secondary:hover:not([disabled]) p-icon:last-child {\n                @apply text-indigo;\n            }\n        }\n    }\n\n    &.has-icon-only {\n        @apply w-10;\n\n        a,\n        button {\n            @apply p-0;\n\n            > p-icon:first-child {\n                @apply mx-0;\n            }\n\n            > p-loader {\n                @apply ml-0;\n            }\n        }\n\n        &.has-chevron {\n            @apply w-auto;\n\n            a,\n            button {\n                &.chevron-position-start {\n                    @apply pr-2;\n                }\n\n                &.chevron-position-end {\n                    @apply pl-2;\n                }\n            }\n        }\n    }\n\n    // sizes\n    &.size-small {\n        @apply h-8;\n\n        button,\n        a {\n            @apply text-sm;\n\n            > p-icon {\n                @apply text-base;\n            }\n        }\n\n        &.has-icon-only {\n            @apply w-8;\n\n            &.has-chevron {\n                @apply w-auto;\n            }\n        }\n    }\n}\n","import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.component.scss',\n    // shadow: true,\n})\nexport class Button {\n    /**\n     * The variant of the button\n     */\n    @Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n    /**\n     * Href in case of \"text\" version\n     */\n    @Prop() href: string;\n\n    /**\n     * Target in case of \"text\" version\n     */\n    @Prop() target: string;\n\n    /**\n     * The size of the button\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * Wether to show a loader or not\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show a chevron or not\n     */\n    @Prop() chevron: boolean | 'up' | 'down' = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Wether the button is disabled\n     */\n    @Prop() disabled: boolean = false;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Wether the button is icon only\n     */\n    @Prop() iconOnly: boolean = false;\n\n    /**\n     * Icon position\n     */\n    @Prop() iconPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop() inheritText: boolean = false;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false,\n    })\n    onClick: EventEmitter<MouseEvent>;\n\n    render() {\n        let loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n        switch (this.variant) {\n            case 'secondary':\n                loaderColor = 'storm';\n                break;\n            case 'text':\n                loaderColor = 'indigo';\n                break;\n        }\n\n        const VariableTag = this.variant === 'text' ? 'a' : 'button';\n\n        return (\n            <Host\n                class={`p-button size-${this.size} ${\n                    this.iconOnly && 'has-icon-only'\n                } ${this.chevron && 'has-chevron'}`}\n            >\n                <VariableTag\n                    class={`variant-${this.variant}  icon-position-${\n                        this.iconPosition\n                    } chevron-position-${this.chevronPosition} ${\n                        this.inheritText && 'should-inherit-text'\n                    }`}\n                    disabled={this.disabled}\n                    href={this.href}\n                    target={this.target}\n                >\n                    {this.chevron && this.chevronPosition === 'start' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n\n                    {this.icon &&\n                        this.iconPosition === 'start' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    <slot />\n\n                    {this.icon &&\n                        this.iconPosition === 'end' &&\n                        !(this.iconOnly && this.loading) &&\n                        this._getIcon()}\n\n                    {this.loading && <p-loader color={loaderColor} />}\n\n                    {this.chevron && this.chevronPosition === 'end' && (\n                        <p-icon\n                            class=\"chevron\"\n                            variant=\"chevron\"\n                            rotate={this.chevron === 'up' ? 180 : 0}\n                        />\n                    )}\n                </VariableTag>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    handleClick(ev: MouseEvent) {\n        if (this.loading || this.disabled) {\n            ev.preventDefault();\n            return;\n        }\n\n        this.onClick.emit(ev);\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'icon.component.scss',\n    // shadow: true,\n})\nexport class Icon {\n    /**\n     * The icon the be displayed\n     */\n    @Prop() variant!: IconVariant;\n\n    /**\n     * The size of the icon, using tailwind sizes\n     */\n    @Prop() size: TextSizeOptions = 'auto';\n\n    /**\n     * Wether to rotate the icon x degrees\n     */\n    @Prop() rotate: RotateOptions = 0;\n\n    /**\n     * Wether to flip the icon horizontally or vertically\n     */\n    @Prop() flip: IconFlipOptions = null;\n\n    render() {\n        const icon = icons[this.variant];\n\n        const styles = {\n            'p-icon flex': true,\n            'text-auto': this.size === 'auto',\n            'text-xxs': this.size === 'xxs',\n            'text-xs': this.size === 'xs',\n            'text-sm': this.size === 'sm',\n            'text-base': this.size === 'base',\n            'text-lg': this.size === 'lg',\n            'text-xl': this.size === 'xl',\n            'text-2xl': this.size === '2xl',\n            'text-3xl': this.size === '3xl',\n            'text-4xl': this.size === '4xl',\n            'text-5xl': this.size === '5xl',\n            'text-6xl': this.size === '6xl',\n            transform: !!this.rotate || !!this.flip,\n            'scale-x-flip': this.flip === 'horizontal',\n            'scale-y-flip': this.flip === 'vertical',\n            'rotate-0': this.rotate === 0,\n            'rotate-25': this.rotate === 25,\n            'rotate-45': this.rotate === 45,\n            'rotate-90': this.rotate === 90,\n            'rotate-135': this.rotate === 135,\n            'rotate-180': this.rotate === 180,\n            'rotate-225': this.rotate === 225,\n            'rotate-270': this.rotate === 270,\n            'rotate-315': this.rotate === 315,\n            '-rotate-0': this.rotate === -0,\n            '-rotate-25': this.rotate === -25,\n            '-rotate-45': this.rotate === -45,\n            '-rotate-90': this.rotate === -90,\n            '-rotate-135': this.rotate === -135,\n            '-rotate-180': this.rotate === -180,\n            '-rotate-225': this.rotate === -225,\n            '-rotate-270': this.rotate === -270,\n            '-rotate-315': this.rotate === -315,\n        };\n\n        return <Host class={styles} innerHTML={icon}></Host>;\n    }\n}\n",":host {\n    .loader {\n        @apply inline-block h-[1em] w-[1em] rounded-round;\n        @apply border-2 border-solid border-indigo-light border-t-indigo;\n        animation: 500ms spin linear infinite;\n\n        will-change: transform;\n\n        &.color-storm {\n            @apply border-storm-light/40 border-t-storm #{!important};\n        }\n\n        &.color-white {\n            @apply border-indigo-light/40 border-t-white #{!important};\n        }\n    }\n\n    .loading-screen {\n        @apply w-screen-safe h-screen-safe fixed top-0 left-0;\n        @apply flex items-center justify-center;\n        @apply bg-mystic;\n\n        z-index: 1001;\n\n        .content {\n            @apply max-w-xs;\n\n            .loader-wrapper {\n                @apply flex w-full justify-center;\n\n                .loader {\n                    @apply text-4xl;\n                }\n            }\n        }\n    }\n}\n\n:host(.variant-ghost) {\n    @apply box-border block;\n\n    will-change: background, background-position-x, background-color;\n\n    min-height: 1em;\n    min-width: 1em;\n\n    --loading-bg: #f7fafc;\n    --loading-stripe: rgba(252, 253, 254, 1);\n\n    background-color: var(--loading-bg);\n    background: linear-gradient(\n            100deg,\n            rgba(255, 255, 255, 0) 40%,\n            var(--loading-stripe) 50%,\n            rgba(255, 255, 255, 0) 60%\n        )\n        var(--loading-bg);\n    background-size: 200% 100%;\n    background-position-x: 180%;\n    animation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n    to {\n        background-position-x: -20%;\n    }\n}\n\n@keyframes spin {\n    100% {\n        transform: rotate(1turn);\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n    tag: 'p-loader',\n    styleUrl: 'loader.component.scss',\n    shadow: true,\n})\nexport class Loader {\n    /**\n     * Wether to show or hide the loader\n     */\n    @Prop() show: boolean | Observable<boolean> = true;\n\n    /**\n     * Variant of loader\n     */\n    @Prop() variant:\n        | 'inline'\n        | 'full-width'\n        | 'full-screen'\n        | 'modal'\n        | 'ghost' = 'inline';\n\n    /**\n     * Color of the loader\n     */\n    @Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n    /**\n     * !NOT IMPLEMENTED! Modal title for modal variant\n     */\n    @Prop() modalTitle: string;\n\n    /**\n     * !NOT IMPLEMENTED! Modal description for modal variant\n     */\n    @Prop() modalDescription: string;\n\n    private _show = this.show;\n    private _showSubscriber: Subscription;\n\n    private _loader = (<div class={`loader color-${this.color}`}></div>);\n\n    componentWillRender() {\n        this._checkShow();\n    }\n\n    componentShouldUpdate() {\n        this._checkShow();\n    }\n\n    render() {\n        if (!this._show) {\n            return;\n        }\n\n        if (this.variant === 'ghost') {\n            return <Host class=\"p-loader variant-ghost\"></Host>;\n        }\n\n        if (this.variant === 'full-screen') {\n            return (\n                <Host class=\"p-loader variant-full-screen\">\n                    <div class=\"loading-screen\">\n                        <div class=\"content\">\n                            <slot />\n\n                            <div class=\"loader-wrapper\">{this._loader}</div>\n                        </div>\n                    </div>\n                </Host>\n            );\n        }\n\n        return (\n            <Host\n                class={`p-loader variant-default flex ${\n                    this.variant === 'full-width' &&\n                    'w-full flex justify-center text-4xl'\n                }`}\n            >\n                {this._loader}\n            </Host>\n        );\n    }\n\n    private _checkShow() {\n        if (this._showSubscriber) {\n            this._showSubscriber.unsubscribe();\n            this._showSubscriber = null;\n        }\n\n        if (typeof this.show !== 'boolean') {\n            this._showSubscriber = this.show?.subscribe(\n                (show) => (this._show = show)\n            );\n            return;\n        }\n\n        this._show = this.show;\n    }\n}\n"],"mappings":"sm4GA2DA,MAAAA,GAAe,CACXC,QACAC,aACAC,QACAC,WACAC,SACAC,MACAC,YACAC,YACAC,UACAC,QACAC,aACAC,OACAC,UACAC,YACAC,WACAC,WACAC,WACAC,cACAC,MACAC,aACAC,UACAC,SACAC,SACAC,UACAC,OACAC,UACAC,cACAC,OACAC,WACAC,YACAC,OACAC,QACAC,OACAC,WACAC,eACAC,aACAC,UACAC,SACAC,SACAC,OACAC,OACAC,WACAC,SACAC,UACAC,SACAC,SACAC,WACAC,OACAC,UACAC,OAAQC,EACRC,cACAC,QACAC,YACAC,QACAC,SACAC,QACAC,UACAC,YCrHJ,MAAMC,GAAqB,w5M,MCiBdC,GAAM,M,uEAIqC,U,oDAejB,S,aAKR,M,aAKgB,M,qBAKA,M,cAKf,M,kCAUA,M,kBAKY,M,mEAeT,K,CAU/B,MAAAC,GACI,IAAIC,EAA4C,QAChD,OAAQC,KAAKC,SACT,IAAK,YACDF,EAAc,QACd,MACJ,IAAK,OACDA,EAAc,SACd,MAGR,MAAMG,EAAcF,KAAKC,UAAY,OAAS,IAAM,SAEpD,OACIE,EAACC,EAAI,CACDC,MAAO,iBAAiBL,KAAKM,QACzBN,KAAKO,UAAY,mBACjBP,KAAKvD,SAAW,iBAEpB0D,EAACD,EAAW,CACRG,MAAO,WAAWL,KAAKC,0BACnBD,KAAKQ,iCACYR,KAAKS,mBACtBT,KAAKU,aAAe,wBAExBC,SAAUX,KAAKW,SACfC,KAAMZ,KAAKY,KACXC,OAAQb,KAAKa,QAEZb,KAAKvD,SAAWuD,KAAKS,kBAAoB,SACtCN,EAAA,UACIE,MAAM,UACNJ,QAAQ,UACRa,OAAQd,KAAKvD,UAAY,KAAO,IAAM,IAI7CuD,KAAKe,MACFf,KAAKQ,eAAiB,WACpBR,KAAKO,UAAYP,KAAKgB,UACxBhB,KAAKiB,WAETd,EAAA,aAECH,KAAKe,MACFf,KAAKQ,eAAiB,SACpBR,KAAKO,UAAYP,KAAKgB,UACxBhB,KAAKiB,WAERjB,KAAKgB,SAAWb,EAAA,YAAUe,MAAOnB,IAEjCC,KAAKvD,SAAWuD,KAAKS,kBAAoB,OACtCN,EAAA,UACIE,MAAM,UACNJ,QAAQ,UACRa,OAAQd,KAAKvD,UAAY,KAAO,IAAM,K,CAS9D,WAAA0E,CAAYC,GACR,GAAIpB,KAAKgB,SAAWhB,KAAKW,SAAU,CAC/BS,EAAGC,iBACH,M,CAGJrB,KAAKsB,QAAQC,KAAKH,E,CAGd,QAAAH,GACJ,IAAKjB,KAAKe,KAAM,CACZ,M,CAGJ,OACIZ,EAAA,UACIF,QAASD,KAAKe,KACdS,KAAMxB,KAAKyB,SACXX,OAAQd,KAAK0B,Y,eClL7B,MAAMC,GAAmB,88H,MCYZC,GAAI,M,0DASmB,O,YAKA,E,UAKA,I,CAEhC,MAAA9B,GACI,MAAMiB,EAAO/E,GAAMgE,KAAKC,SAExB,MAAM4B,EAAS,CACX,cAAe,KACf,YAAa7B,KAAKM,OAAS,OAC3B,WAAYN,KAAKM,OAAS,MAC1B,UAAWN,KAAKM,OAAS,KACzB,UAAWN,KAAKM,OAAS,KACzB,YAAaN,KAAKM,OAAS,OAC3B,UAAWN,KAAKM,OAAS,KACzB,UAAWN,KAAKM,OAAS,KACzB,WAAYN,KAAKM,OAAS,MAC1B,WAAYN,KAAKM,OAAS,MAC1B,WAAYN,KAAKM,OAAS,MAC1B,WAAYN,KAAKM,OAAS,MAC1B,WAAYN,KAAKM,OAAS,MAC1BwB,YAAa9B,KAAKc,UAAYd,KAAKwB,KACnC,eAAgBxB,KAAKwB,OAAS,aAC9B,eAAgBxB,KAAKwB,OAAS,WAC9B,WAAYxB,KAAKc,SAAW,EAC5B,YAAad,KAAKc,SAAW,GAC7B,YAAad,KAAKc,SAAW,GAC7B,YAAad,KAAKc,SAAW,GAC7B,aAAcd,KAAKc,SAAW,IAC9B,aAAcd,KAAKc,SAAW,IAC9B,aAAcd,KAAKc,SAAW,IAC9B,aAAcd,KAAKc,SAAW,IAC9B,aAAcd,KAAKc,SAAW,IAC9B,YAAad,KAAKc,UAAY,EAC9B,aAAcd,KAAKc,UAAY,GAC/B,aAAcd,KAAKc,UAAY,GAC/B,aAAcd,KAAKc,UAAY,GAC/B,cAAed,KAAKc,UAAY,IAChC,cAAed,KAAKc,UAAY,IAChC,cAAed,KAAKc,UAAY,IAChC,cAAed,KAAKc,UAAY,IAChC,cAAed,KAAKc,UAAY,KAGpC,OAAOX,EAACC,EAAI,CAACC,MAAOwB,EAAQE,UAAWhB,G,eCzE/C,MAAMiB,GAAqB,wyG,MCQdC,GAAM,M,yBA+BPjC,KAAAkC,MAAQlC,KAAKmC,KAGbnC,KAAAoC,QAAWjC,EAAA,OAAKE,MAAO,gBAAgBL,KAAKkB,U,UA9BN,K,aAU9B,S,WAK8B,S,0DAiB9C,mBAAAmB,GACIrC,KAAKsC,Y,CAGT,qBAAAC,GACIvC,KAAKsC,Y,CAGT,MAAAxC,GACI,IAAKE,KAAKkC,MAAO,CACb,M,CAGJ,GAAIlC,KAAKC,UAAY,QAAS,CAC1B,OAAOE,EAACC,EAAI,CAACC,MAAM,0B,CAGvB,GAAIL,KAAKC,UAAY,cAAe,CAChC,OACIE,EAACC,EAAI,CAACC,MAAM,gCACRF,EAAA,OAAKE,MAAM,kBACPF,EAAA,OAAKE,MAAM,WACPF,EAAA,aAEAA,EAAA,OAAKE,MAAM,kBAAkBL,KAAKoC,W,CAOtD,OACIjC,EAACC,EAAI,CACDC,MAAO,iCACHL,KAAKC,UAAY,cACjB,yCAGHD,KAAKoC,Q,CAKV,UAAAE,G,MACJ,GAAItC,KAAKwC,gBAAiB,CACtBxC,KAAKwC,gBAAgBC,cACrBzC,KAAKwC,gBAAkB,I,CAG3B,UAAWxC,KAAKmC,OAAS,UAAW,CAChCnC,KAAKwC,iBAAkBE,EAAA1C,KAAKmC,QAAI,MAAAO,SAAA,SAAAA,EAAEC,WAC7BR,GAAUnC,KAAKkC,MAAQC,IAE5B,M,CAGJnC,KAAKkC,MAAQlC,KAAKmC,I"}

package/dist/{build/p-6ac7f2a2.entry.js → paperless/p-e193e319.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e}from"./p-e4d5e7a7.js";const o=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";const r=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(e,{class:"p-label"},this.icon&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)))}};r.style=o;const n=".flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;height:2rem;padding:.25rem}.static{position:static!important}";const a=class{constructor(i){t(this,i)}render(){return i(e,{class:"p-segment-container"},i("slot",null))}};a.style=n;const c=".flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}";const p=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return i(e,{class:`p-segment-item variant-${this.icon?"icon":"default"} ${this.active&&"active"}`},this.icon?this._getIcon():i("slot",null))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=c;export{r as p_label,a as p_segment_container,p as p_segment_item};
-//# sourceMappingURL=p-6ac7f2a2.entry.js.map
+import{r as t,h as i,H as e}from"./p-e4d5e7a7.js";const o=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";const r=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(e,{class:"p-label"},this.icon&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)))}};r.style=o;const n=".flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;height:2rem;padding:.25rem}.static{position:static!important}";const a=class{constructor(i){t(this,i)}render(){return i(e,{class:"p-segment-container"},i("slot",null))}};a.style=n;const c=".flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const p=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return i(e,{class:`p-segment-item variant-${this.icon?"icon":"default"} ${this.active&&"active"}`},this.icon?this._getIcon():i("slot",null))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=c;export{r as p_label,a as p_segment_container,p as p_segment_item};
+//# sourceMappingURL=p-e193e319.entry.js.map

package/dist/{build/p-6ac7f2a2.entry.js.map → paperless/p-e193e319.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","active","_getIcon"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n    @apply h-[1.625rem];\n    @apply text-sm font-semibold;\n\n    .content {\n        @apply hidden items-center desktop-xs:flex;\n    }\n\n    .circle {\n        @apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n    }\n\n    p-icon {\n        @apply hidden text-xs #{!important};\n    }\n}\n\n:host([variant='neutral']) {\n    @apply bg-mystic;\n    @apply text-storm-vague;\n\n    .circle {\n        @apply bg-storm-vague;\n    }\n}\n\n:host([variant='info']) {\n    @apply bg-sky-light;\n    @apply text-sky;\n\n    .circle {\n        @apply bg-sky;\n    }\n}\n\n:host([variant='positive']) {\n    @apply bg-positive-light;\n    @apply text-positive;\n\n    .circle {\n        @apply bg-positive;\n    }\n}\n\n:host([variant='unbiased']) {\n    @apply bg-unbiased-light;\n    @apply text-unbiased;\n\n    .circle {\n        @apply bg-unbiased;\n    }\n}\n\n:host([variant='negative']) {\n    @apply bg-negative-light;\n    @apply text-negative;\n\n    .circle {\n        @apply bg-negative;\n    }\n}\n\n:host([size='small']) {\n    @apply h-4 min-w-[1rem] px-1 py-[1px];\n    @apply justify-center text-xs;\n    @apply leading-3;\n}\n\n:host([behavior='circle']) {\n    .circle {\n        @apply block desktop-xs:block;\n    }\n}\n\n:host([behavior='icon']) {\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='text']) {\n    p-icon {\n        @apply hidden desktop-xs:hidden #{!important};\n    }\n\n    .circle {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n\n:host([behavior='combination']) {\n    @apply px-0 desktop-xs:px-3;\n    @apply w-[1.625rem] desktop-xs:w-auto;\n\n    .circle {\n        @apply hidden desktop-xs:block;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:hidden #{!important};\n    }\n}\n\n:host([behavior='icon-only']) {\n    @apply px-0 desktop-xs:px-0;\n    @apply w-[1.625rem];\n\n    .content {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='icon-only'][size='small']) {\n    @apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-label',\n    styleUrl: 'label.component.scss',\n    shadow: true,\n})\nexport class Label {\n    /**\n     * Variant of the label\n     */\n    @Prop({ reflect: true }) variant:\n        | 'neutral'\n        | 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'info' = 'neutral';\n\n    /**\n     * Define the behavior of the label\n     */\n    @Prop({ reflect: true }) behavior:\n        | 'icon'\n        | 'circle'\n        | 'combination'\n        | 'text'\n        | 'icon-only' = 'circle';\n\n    /**\n     * Icon to show on the label\n     */\n    @Prop({ reflect: true }) icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * The size of the label\n     */\n    @Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n    /**\n     * Wether to keep the content on mobile\n     */\n    @Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-label\">\n                {this.icon && (\n                    <p-icon\n                        variant={this.icon}\n                        flip={this.iconFlip}\n                        rotate={this.iconRotate}\n                    />\n                )}\n                {(this.behavior === 'circle' ||\n                    this.behavior === 'combination') && (\n                    <div class=\"circle\"></div>\n                )}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n","p-segment-container {\n    @apply flex items-center gap-1;\n    @apply bg-white rounded-large;\n    @apply h-8 p-1;\n    @apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-segment-container',\n    styleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n    render() {\n        return (\n            <Host class=\"p-segment-container\">\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply h-6 flex items-center px-2 rounded-large;\n    @apply text-storm text-sm font-semibold whitespace-nowrap;\n    @apply cursor-pointer;\n}\n\n:host(.variant-icon) {\n    @apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n    @apply bg-indigo-light;\n}\n\n:host(.active) {\n    @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-segment-item',\n    styleUrl: 'segment-item.component.scss',\n    shadow: true,\n})\nexport class SegmentItem {\n    /**\n     * Wether the segment item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon to show on the segment item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-segment-item variant-${\n                    this.icon ? 'icon' : 'default'\n                } ${this.active && 'active'}`}\n            >\n                {this.icon ? this._getIcon() : <slot />}\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                class=\"flex\"\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,6vJ,MCSbC,EAAK,M,sCASC,U,cAUK,S,gFAoBiC,U,uBAKC,K,CAEtD,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,WACPC,KAAKC,MACFJ,EAAA,UACIK,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,cAGnBN,KAAKO,WAAa,UAChBP,KAAKO,WAAa,gBAClBV,EAAA,OAAKE,MAAM,WAEfF,EAAA,OAAKE,MAAM,WACPF,EAAA,c,aCtEpB,MAAMW,EAA+B,+nB,MCMxBC,EAAgB,M,yBACzB,MAAAb,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,uBACRF,EAAA,a,aCVhB,MAAMa,EAA0B,woC,MCSnBC,EAAW,M,qCAIM,M,sEAiB1B,MAAAf,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,0BACHC,KAAKC,KAAO,OAAS,aACrBD,KAAKY,QAAU,YAElBZ,KAAKC,KAAOD,KAAKa,WAAahB,EAAA,a,CAKnC,QAAAgB,GACJ,IAAKb,KAAKC,KAAM,CACZ,M,CAGJ,OACIJ,EAAA,UACIE,MAAM,OACNG,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,Y"}
+{"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","active","_getIcon"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n    @apply h-[1.625rem];\n    @apply text-sm font-semibold;\n\n    .content {\n        @apply hidden items-center desktop-xs:flex;\n    }\n\n    .circle {\n        @apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n    }\n\n    p-icon {\n        @apply hidden text-xs #{!important};\n    }\n}\n\n:host([variant='neutral']) {\n    @apply bg-mystic;\n    @apply text-storm-vague;\n\n    .circle {\n        @apply bg-storm-vague;\n    }\n}\n\n:host([variant='info']) {\n    @apply bg-sky-light;\n    @apply text-sky;\n\n    .circle {\n        @apply bg-sky;\n    }\n}\n\n:host([variant='positive']) {\n    @apply bg-positive-light;\n    @apply text-positive;\n\n    .circle {\n        @apply bg-positive;\n    }\n}\n\n:host([variant='unbiased']) {\n    @apply bg-unbiased-light;\n    @apply text-unbiased;\n\n    .circle {\n        @apply bg-unbiased;\n    }\n}\n\n:host([variant='negative']) {\n    @apply bg-negative-light;\n    @apply text-negative;\n\n    .circle {\n        @apply bg-negative;\n    }\n}\n\n:host([size='small']) {\n    @apply h-4 min-w-[1rem] px-1 py-[1px];\n    @apply justify-center text-xs;\n    @apply leading-3;\n}\n\n:host([behavior='circle']) {\n    .circle {\n        @apply block desktop-xs:block;\n    }\n}\n\n:host([behavior='icon']) {\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='text']) {\n    p-icon {\n        @apply hidden desktop-xs:hidden #{!important};\n    }\n\n    .circle {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n\n:host([behavior='combination']) {\n    @apply px-0 desktop-xs:px-3;\n    @apply w-[1.625rem] desktop-xs:w-auto;\n\n    .circle {\n        @apply hidden desktop-xs:block;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:hidden #{!important};\n    }\n}\n\n:host([behavior='icon-only']) {\n    @apply px-0 desktop-xs:px-0;\n    @apply w-[1.625rem];\n\n    .content {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='icon-only'][size='small']) {\n    @apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-label',\n    styleUrl: 'label.component.scss',\n    shadow: true,\n})\nexport class Label {\n    /**\n     * Variant of the label\n     */\n    @Prop({ reflect: true }) variant:\n        | 'neutral'\n        | 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'info' = 'neutral';\n\n    /**\n     * Define the behavior of the label\n     */\n    @Prop({ reflect: true }) behavior:\n        | 'icon'\n        | 'circle'\n        | 'combination'\n        | 'text'\n        | 'icon-only' = 'circle';\n\n    /**\n     * Icon to show on the label\n     */\n    @Prop({ reflect: true }) icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * The size of the label\n     */\n    @Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n    /**\n     * Wether to keep the content on mobile\n     */\n    @Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-label\">\n                {this.icon && (\n                    <p-icon\n                        variant={this.icon}\n                        flip={this.iconFlip}\n                        rotate={this.iconRotate}\n                    />\n                )}\n                {(this.behavior === 'circle' ||\n                    this.behavior === 'combination') && (\n                    <div class=\"circle\"></div>\n                )}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n","p-segment-container {\n    @apply flex items-center gap-1;\n    @apply bg-white rounded-large;\n    @apply h-8 p-1;\n    @apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-segment-container',\n    styleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n    render() {\n        return (\n            <Host class=\"p-segment-container\">\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply h-6 flex items-center px-2 rounded-large;\n    @apply text-storm text-sm font-semibold whitespace-nowrap;\n    @apply cursor-pointer;\n}\n\n:host(.variant-icon) {\n    @apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n    @apply bg-indigo-light;\n}\n\n:host(.active) {\n    @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-segment-item',\n    styleUrl: 'segment-item.component.scss',\n    shadow: true,\n})\nexport class SegmentItem {\n    /**\n     * Wether the segment item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon to show on the segment item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-segment-item variant-${\n                    this.icon ? 'icon' : 'default'\n                } ${this.active && 'active'}`}\n            >\n                {this.icon ? this._getIcon() : <slot />}\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                class=\"flex\"\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,6vJ,MCSbC,EAAK,M,sCASC,U,cAUK,S,gFAoBiC,U,uBAKC,K,CAEtD,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,WACPC,KAAKC,MACFJ,EAAA,UACIK,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,cAGnBN,KAAKO,WAAa,UAChBP,KAAKO,WAAa,gBAClBV,EAAA,OAAKE,MAAM,WAEfF,EAAA,OAAKE,MAAM,WACPF,EAAA,c,aCtEpB,MAAMW,EAA+B,+nB,MCMxBC,EAAgB,M,yBACzB,MAAAb,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,uBACRF,EAAA,a,aCVhB,MAAMa,EAA0B,0qC,MCSnBC,EAAW,M,qCAIM,M,sEAiB1B,MAAAf,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,0BACHC,KAAKC,KAAO,OAAS,aACrBD,KAAKY,QAAU,YAElBZ,KAAKC,KAAOD,KAAKa,WAAahB,EAAA,a,CAKnC,QAAAgB,GACJ,IAAKb,KAAKC,KAAM,CACZ,M,CAGJ,OACIJ,EAAA,UACIE,MAAM,OACNG,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,Y"}

package/dist/paperless/paperless.css

@@ -30,10 +30,6 @@
   display:none!important
 }
 
-.h-10{
-  height:2.5rem!important
-}
-
 .h-4{
   height:1rem!important
 }
@@ -251,6 +247,14 @@
   top:50%!important
 }
 
+.min-h-\[2\.5rem\]{
+  min-height:2.5rem!important
+}
+
+.min-h-\[2rem\]{
+  min-height:2rem!important
+}
+
 .w-\[2\.375rem\]{
   width:2.375rem!important
 }
@@ -644,7 +648,7 @@ h5{
   touch-action:none
 }
 
-input[type=date].p-input,input[type=datetime-local].p-input,input[type=email].p-input,input[type=month].p-input,input[type=number].p-input,input[type=password].p-input,input[type=tel].p-input,input[type=text].p-input,input[type=time].p-input{
+input[type=date].p-input,input[type=datetime-local].p-input,input[type=email].p-input,input[type=month].p-input,input[type=number].p-input,input[type=password].p-input,input[type=tel].p-input,input[type=text].p-input,input[type=time].p-input,textarea.p-input{
   --tw-text-opacity:1;
   --tw-bg-opacity:1;
   --tw-border-opacity:1!important;
@@ -657,7 +661,7 @@ input[type=date].p-input,input[type=datetime-local].p-input,input[type=email].p-
   color:rgb(39 40 56/var(--tw-text-opacity));
   display:flex;
   font-size:1rem;
-  height:2.5rem!important;
+  height:2.5rem;
   justify-content:flex-start;
   line-height:1.5rem;
   outline:2px solid transparent!important;
@@ -667,104 +671,104 @@ input[type=date].p-input,input[type=datetime-local].p-input,input[type=email].p-
   width:100%!important
 }
 
-input[type=date].p-input::-moz-placeholder,input[type=datetime-local].p-input::-moz-placeholder,input[type=email].p-input::-moz-placeholder,input[type=month].p-input::-moz-placeholder,input[type=number].p-input::-moz-placeholder,input[type=password].p-input::-moz-placeholder,input[type=tel].p-input::-moz-placeholder,input[type=text].p-input::-moz-placeholder,input[type=time].p-input::-moz-placeholder{
+input[type=date].p-input::-moz-placeholder,input[type=datetime-local].p-input::-moz-placeholder,input[type=email].p-input::-moz-placeholder,input[type=month].p-input::-moz-placeholder,input[type=number].p-input::-moz-placeholder,input[type=password].p-input::-moz-placeholder,input[type=tel].p-input::-moz-placeholder,input[type=text].p-input::-moz-placeholder,input[type=time].p-input::-moz-placeholder,textarea.p-input::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(128 130 158/var(--tw-text-opacity));
   font-size:1rem;
   line-height:1.5rem
 }
 
-input[type=date].p-input::-moz-placeholder, input[type=datetime-local].p-input::-moz-placeholder, input[type=email].p-input::-moz-placeholder, input[type=month].p-input::-moz-placeholder, input[type=number].p-input::-moz-placeholder, input[type=password].p-input::-moz-placeholder, input[type=tel].p-input::-moz-placeholder, input[type=text].p-input::-moz-placeholder, input[type=time].p-input::-moz-placeholder{
+input[type=date].p-input::-moz-placeholder, input[type=datetime-local].p-input::-moz-placeholder, input[type=email].p-input::-moz-placeholder, input[type=month].p-input::-moz-placeholder, input[type=number].p-input::-moz-placeholder, input[type=password].p-input::-moz-placeholder, input[type=tel].p-input::-moz-placeholder, input[type=text].p-input::-moz-placeholder, input[type=time].p-input::-moz-placeholder, textarea.p-input::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(128 130 158/var(--tw-text-opacity));
   font-size:1rem;
   line-height:1.5rem
 }
 
-input[type=date].p-input::placeholder,input[type=datetime-local].p-input::placeholder,input[type=email].p-input::placeholder,input[type=month].p-input::placeholder,input[type=number].p-input::placeholder,input[type=password].p-input::placeholder,input[type=tel].p-input::placeholder,input[type=text].p-input::placeholder,input[type=time].p-input::placeholder{
+input[type=date].p-input::placeholder,input[type=datetime-local].p-input::placeholder,input[type=email].p-input::placeholder,input[type=month].p-input::placeholder,input[type=number].p-input::placeholder,input[type=password].p-input::placeholder,input[type=tel].p-input::placeholder,input[type=text].p-input::placeholder,input[type=time].p-input::placeholder,textarea.p-input::placeholder{
   --tw-text-opacity:1;
   color:rgb(128 130 158/var(--tw-text-opacity));
   font-size:1rem;
   line-height:1.5rem
 }
 
-input[type=date].p-input.active,input[type=date].p-input.focus,input[type=date].p-input:focus,input[type=date].p-input:focus-visible,input[type=date].p-input:focus-within,input[type=date].p-input[active],input[type=datetime-local].p-input.active,input[type=datetime-local].p-input.focus,input[type=datetime-local].p-input:focus,input[type=datetime-local].p-input:focus-visible,input[type=datetime-local].p-input:focus-within,input[type=datetime-local].p-input[active],input[type=email].p-input.active,input[type=email].p-input.focus,input[type=email].p-input:focus,input[type=email].p-input:focus-visible,input[type=email].p-input:focus-within,input[type=email].p-input[active],input[type=month].p-input.active,input[type=month].p-input.focus,input[type=month].p-input:focus,input[type=month].p-input:focus-visible,input[type=month].p-input:focus-within,input[type=month].p-input[active],input[type=number].p-input.active,input[type=number].p-input.focus,input[type=number].p-input:focus,input[type=number].p-input:focus-visible,input[type=number].p-input:focus-within,input[type=number].p-input[active],input[type=password].p-input.active,input[type=password].p-input.focus,input[type=password].p-input:focus,input[type=password].p-input:focus-visible,input[type=password].p-input:focus-within,input[type=password].p-input[active],input[type=tel].p-input.active,input[type=tel].p-input.focus,input[type=tel].p-input:focus,input[type=tel].p-input:focus-visible,input[type=tel].p-input:focus-within,input[type=tel].p-input[active],input[type=text].p-input.active,input[type=text].p-input.focus,input[type=text].p-input:focus,input[type=text].p-input:focus-visible,input[type=text].p-input:focus-within,input[type=text].p-input[active],input[type=time].p-input.active,input[type=time].p-input.focus,input[type=time].p-input:focus,input[type=time].p-input:focus-visible,input[type=time].p-input:focus-within,input[type=time].p-input[active]{
+input[type=date].p-input.active,input[type=date].p-input.focus,input[type=date].p-input:focus,input[type=date].p-input:focus-visible,input[type=date].p-input:focus-within,input[type=date].p-input[active],input[type=datetime-local].p-input.active,input[type=datetime-local].p-input.focus,input[type=datetime-local].p-input:focus,input[type=datetime-local].p-input:focus-visible,input[type=datetime-local].p-input:focus-within,input[type=datetime-local].p-input[active],input[type=email].p-input.active,input[type=email].p-input.focus,input[type=email].p-input:focus,input[type=email].p-input:focus-visible,input[type=email].p-input:focus-within,input[type=email].p-input[active],input[type=month].p-input.active,input[type=month].p-input.focus,input[type=month].p-input:focus,input[type=month].p-input:focus-visible,input[type=month].p-input:focus-within,input[type=month].p-input[active],input[type=number].p-input.active,input[type=number].p-input.focus,input[type=number].p-input:focus,input[type=number].p-input:focus-visible,input[type=number].p-input:focus-within,input[type=number].p-input[active],input[type=password].p-input.active,input[type=password].p-input.focus,input[type=password].p-input:focus,input[type=password].p-input:focus-visible,input[type=password].p-input:focus-within,input[type=password].p-input[active],input[type=tel].p-input.active,input[type=tel].p-input.focus,input[type=tel].p-input:focus,input[type=tel].p-input:focus-visible,input[type=tel].p-input:focus-within,input[type=tel].p-input[active],input[type=text].p-input.active,input[type=text].p-input.focus,input[type=text].p-input:focus,input[type=text].p-input:focus-visible,input[type=text].p-input:focus-within,input[type=text].p-input[active],input[type=time].p-input.active,input[type=time].p-input.focus,input[type=time].p-input:focus,input[type=time].p-input:focus-visible,input[type=time].p-input:focus-within,input[type=time].p-input[active],textarea.p-input.active,textarea.p-input.focus,textarea.p-input:focus,textarea.p-input:focus-visible,textarea.p-input:focus-within,textarea.p-input[active]{
   --tw-border-opacity:1!important;
   border-color:rgb(82 138 250/var(--tw-border-opacity))!important;
   outline:2px solid transparent!important;
   outline-offset:2px!important
 }
 
-input[type=date].p-input.size-small,input[type=datetime-local].p-input.size-small,input[type=email].p-input.size-small,input[type=month].p-input.size-small,input[type=number].p-input.size-small,input[type=password].p-input.size-small,input[type=tel].p-input.size-small,input[type=text].p-input.size-small,input[type=time].p-input.size-small{
+input[type=date].p-input.size-small,input[type=datetime-local].p-input.size-small,input[type=email].p-input.size-small,input[type=month].p-input.size-small,input[type=number].p-input.size-small,input[type=password].p-input.size-small,input[type=tel].p-input.size-small,input[type=text].p-input.size-small,input[type=time].p-input.size-small,textarea.p-input.size-small{
   font-size:.875rem;
   height:2rem!important;
   line-height:1.25rem
 }
 
-input[type=date].p-input.size-small::-moz-placeholder,input[type=datetime-local].p-input.size-small::-moz-placeholder,input[type=email].p-input.size-small::-moz-placeholder,input[type=month].p-input.size-small::-moz-placeholder,input[type=number].p-input.size-small::-moz-placeholder,input[type=password].p-input.size-small::-moz-placeholder,input[type=tel].p-input.size-small::-moz-placeholder,input[type=text].p-input.size-small::-moz-placeholder,input[type=time].p-input.size-small::-moz-placeholder{
+input[type=date].p-input.size-small::-moz-placeholder,input[type=datetime-local].p-input.size-small::-moz-placeholder,input[type=email].p-input.size-small::-moz-placeholder,input[type=month].p-input.size-small::-moz-placeholder,input[type=number].p-input.size-small::-moz-placeholder,input[type=password].p-input.size-small::-moz-placeholder,input[type=tel].p-input.size-small::-moz-placeholder,input[type=text].p-input.size-small::-moz-placeholder,input[type=time].p-input.size-small::-moz-placeholder,textarea.p-input.size-small::-moz-placeholder{
   font-size:.875rem;
   line-height:1.25rem
 }
 
-input[type=date].p-input.size-small::-moz-placeholder, input[type=datetime-local].p-input.size-small::-moz-placeholder, input[type=email].p-input.size-small::-moz-placeholder, input[type=month].p-input.size-small::-moz-placeholder, input[type=number].p-input.size-small::-moz-placeholder, input[type=password].p-input.size-small::-moz-placeholder, input[type=tel].p-input.size-small::-moz-placeholder, input[type=text].p-input.size-small::-moz-placeholder, input[type=time].p-input.size-small::-moz-placeholder{
+input[type=date].p-input.size-small::-moz-placeholder, input[type=datetime-local].p-input.size-small::-moz-placeholder, input[type=email].p-input.size-small::-moz-placeholder, input[type=month].p-input.size-small::-moz-placeholder, input[type=number].p-input.size-small::-moz-placeholder, input[type=password].p-input.size-small::-moz-placeholder, input[type=tel].p-input.size-small::-moz-placeholder, input[type=text].p-input.size-small::-moz-placeholder, input[type=time].p-input.size-small::-moz-placeholder, textarea.p-input.size-small::-moz-placeholder{
   font-size:.875rem;
   line-height:1.25rem
 }
 
-input[type=date].p-input.size-small::placeholder,input[type=datetime-local].p-input.size-small::placeholder,input[type=email].p-input.size-small::placeholder,input[type=month].p-input.size-small::placeholder,input[type=number].p-input.size-small::placeholder,input[type=password].p-input.size-small::placeholder,input[type=tel].p-input.size-small::placeholder,input[type=text].p-input.size-small::placeholder,input[type=time].p-input.size-small::placeholder{
+input[type=date].p-input.size-small::placeholder,input[type=datetime-local].p-input.size-small::placeholder,input[type=email].p-input.size-small::placeholder,input[type=month].p-input.size-small::placeholder,input[type=number].p-input.size-small::placeholder,input[type=password].p-input.size-small::placeholder,input[type=tel].p-input.size-small::placeholder,input[type=text].p-input.size-small::placeholder,input[type=time].p-input.size-small::placeholder,textarea.p-input.size-small::placeholder{
   font-size:.875rem;
   line-height:1.25rem
 }
 
-input[type=date].p-input.error,input[type=date].p-input[error],input[type=datetime-local].p-input.error,input[type=datetime-local].p-input[error],input[type=email].p-input.error,input[type=email].p-input[error],input[type=month].p-input.error,input[type=month].p-input[error],input[type=number].p-input.error,input[type=number].p-input[error],input[type=password].p-input.error,input[type=password].p-input[error],input[type=tel].p-input.error,input[type=tel].p-input[error],input[type=text].p-input.error,input[type=text].p-input[error],input[type=time].p-input.error,input[type=time].p-input[error]{
+input[type=date].p-input.error,input[type=date].p-input[error],input[type=datetime-local].p-input.error,input[type=datetime-local].p-input[error],input[type=email].p-input.error,input[type=email].p-input[error],input[type=month].p-input.error,input[type=month].p-input[error],input[type=number].p-input.error,input[type=number].p-input[error],input[type=password].p-input.error,input[type=password].p-input[error],input[type=tel].p-input.error,input[type=tel].p-input[error],input[type=text].p-input.error,input[type=text].p-input[error],input[type=time].p-input.error,input[type=time].p-input[error],textarea.p-input.error,textarea.p-input[error]{
   --tw-text-opacity:1;
   --tw-border-opacity:1!important;
   border-color:rgb(185 30 40/var(--tw-border-opacity))!important;
   color:rgb(138 15 29/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error::-moz-placeholder,input[type=date].p-input[error]::-moz-placeholder,input[type=datetime-local].p-input.error::-moz-placeholder,input[type=datetime-local].p-input[error]::-moz-placeholder,input[type=email].p-input.error::-moz-placeholder,input[type=email].p-input[error]::-moz-placeholder,input[type=month].p-input.error::-moz-placeholder,input[type=month].p-input[error]::-moz-placeholder,input[type=number].p-input.error::-moz-placeholder,input[type=number].p-input[error]::-moz-placeholder,input[type=password].p-input.error::-moz-placeholder,input[type=password].p-input[error]::-moz-placeholder,input[type=tel].p-input.error::-moz-placeholder,input[type=tel].p-input[error]::-moz-placeholder,input[type=text].p-input.error::-moz-placeholder,input[type=text].p-input[error]::-moz-placeholder,input[type=time].p-input.error::-moz-placeholder,input[type=time].p-input[error]::-moz-placeholder{
+input[type=date].p-input.error::-moz-placeholder,input[type=date].p-input[error]::-moz-placeholder,input[type=datetime-local].p-input.error::-moz-placeholder,input[type=datetime-local].p-input[error]::-moz-placeholder,input[type=email].p-input.error::-moz-placeholder,input[type=email].p-input[error]::-moz-placeholder,input[type=month].p-input.error::-moz-placeholder,input[type=month].p-input[error]::-moz-placeholder,input[type=number].p-input.error::-moz-placeholder,input[type=number].p-input[error]::-moz-placeholder,input[type=password].p-input.error::-moz-placeholder,input[type=password].p-input[error]::-moz-placeholder,input[type=tel].p-input.error::-moz-placeholder,input[type=tel].p-input[error]::-moz-placeholder,input[type=text].p-input.error::-moz-placeholder,input[type=text].p-input[error]::-moz-placeholder,input[type=time].p-input.error::-moz-placeholder,input[type=time].p-input[error]::-moz-placeholder,textarea.p-input.error::-moz-placeholder,textarea.p-input[error]::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error::-moz-placeholder, input[type=date].p-input[error]::-moz-placeholder, input[type=datetime-local].p-input.error::-moz-placeholder, input[type=datetime-local].p-input[error]::-moz-placeholder, input[type=email].p-input.error::-moz-placeholder, input[type=email].p-input[error]::-moz-placeholder, input[type=month].p-input.error::-moz-placeholder, input[type=month].p-input[error]::-moz-placeholder, input[type=number].p-input.error::-moz-placeholder, input[type=number].p-input[error]::-moz-placeholder, input[type=password].p-input.error::-moz-placeholder, input[type=password].p-input[error]::-moz-placeholder, input[type=tel].p-input.error::-moz-placeholder, input[type=tel].p-input[error]::-moz-placeholder, input[type=text].p-input.error::-moz-placeholder, input[type=text].p-input[error]::-moz-placeholder, input[type=time].p-input.error::-moz-placeholder, input[type=time].p-input[error]::-moz-placeholder{
+input[type=date].p-input.error::-moz-placeholder, input[type=date].p-input[error]::-moz-placeholder, input[type=datetime-local].p-input.error::-moz-placeholder, input[type=datetime-local].p-input[error]::-moz-placeholder, input[type=email].p-input.error::-moz-placeholder, input[type=email].p-input[error]::-moz-placeholder, input[type=month].p-input.error::-moz-placeholder, input[type=month].p-input[error]::-moz-placeholder, input[type=number].p-input.error::-moz-placeholder, input[type=number].p-input[error]::-moz-placeholder, input[type=password].p-input.error::-moz-placeholder, input[type=password].p-input[error]::-moz-placeholder, input[type=tel].p-input.error::-moz-placeholder, input[type=tel].p-input[error]::-moz-placeholder, input[type=text].p-input.error::-moz-placeholder, input[type=text].p-input[error]::-moz-placeholder, input[type=time].p-input.error::-moz-placeholder, input[type=time].p-input[error]::-moz-placeholder, textarea.p-input.error::-moz-placeholder, textarea.p-input[error]::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error::placeholder,input[type=date].p-input[error]::placeholder,input[type=datetime-local].p-input.error::placeholder,input[type=datetime-local].p-input[error]::placeholder,input[type=email].p-input.error::placeholder,input[type=email].p-input[error]::placeholder,input[type=month].p-input.error::placeholder,input[type=month].p-input[error]::placeholder,input[type=number].p-input.error::placeholder,input[type=number].p-input[error]::placeholder,input[type=password].p-input.error::placeholder,input[type=password].p-input[error]::placeholder,input[type=tel].p-input.error::placeholder,input[type=tel].p-input[error]::placeholder,input[type=text].p-input.error::placeholder,input[type=text].p-input[error]::placeholder,input[type=time].p-input.error::placeholder,input[type=time].p-input[error]::placeholder{
+input[type=date].p-input.error::placeholder,input[type=date].p-input[error]::placeholder,input[type=datetime-local].p-input.error::placeholder,input[type=datetime-local].p-input[error]::placeholder,input[type=email].p-input.error::placeholder,input[type=email].p-input[error]::placeholder,input[type=month].p-input.error::placeholder,input[type=month].p-input[error]::placeholder,input[type=number].p-input.error::placeholder,input[type=number].p-input[error]::placeholder,input[type=password].p-input.error::placeholder,input[type=password].p-input[error]::placeholder,input[type=tel].p-input.error::placeholder,input[type=tel].p-input[error]::placeholder,input[type=text].p-input.error::placeholder,input[type=text].p-input[error]::placeholder,input[type=time].p-input.error::placeholder,input[type=time].p-input[error]::placeholder,textarea.p-input.error::placeholder,textarea.p-input[error]::placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error.active,input[type=date].p-input.error.focus,input[type=date].p-input.error:focus,input[type=date].p-input.error:focus-visible,input[type=date].p-input.error:focus-within,input[type=date].p-input.error[active],input[type=date].p-input[error].active,input[type=date].p-input[error].focus,input[type=date].p-input[error]:focus,input[type=date].p-input[error]:focus-visible,input[type=date].p-input[error]:focus-within,input[type=date].p-input[error][active],input[type=datetime-local].p-input.error.active,input[type=datetime-local].p-input.error.focus,input[type=datetime-local].p-input.error:focus,input[type=datetime-local].p-input.error:focus-visible,input[type=datetime-local].p-input.error:focus-within,input[type=datetime-local].p-input.error[active],input[type=datetime-local].p-input[error].active,input[type=datetime-local].p-input[error].focus,input[type=datetime-local].p-input[error]:focus,input[type=datetime-local].p-input[error]:focus-visible,input[type=datetime-local].p-input[error]:focus-within,input[type=datetime-local].p-input[error][active],input[type=email].p-input.error.active,input[type=email].p-input.error.focus,input[type=email].p-input.error:focus,input[type=email].p-input.error:focus-visible,input[type=email].p-input.error:focus-within,input[type=email].p-input.error[active],input[type=email].p-input[error].active,input[type=email].p-input[error].focus,input[type=email].p-input[error]:focus,input[type=email].p-input[error]:focus-visible,input[type=email].p-input[error]:focus-within,input[type=email].p-input[error][active],input[type=month].p-input.error.active,input[type=month].p-input.error.focus,input[type=month].p-input.error:focus,input[type=month].p-input.error:focus-visible,input[type=month].p-input.error:focus-within,input[type=month].p-input.error[active],input[type=month].p-input[error].active,input[type=month].p-input[error].focus,input[type=month].p-input[error]:focus,input[type=month].p-input[error]:focus-visible,input[type=month].p-input[error]:focus-within,input[type=month].p-input[error][active],input[type=number].p-input.error.active,input[type=number].p-input.error.focus,input[type=number].p-input.error:focus,input[type=number].p-input.error:focus-visible,input[type=number].p-input.error:focus-within,input[type=number].p-input.error[active],input[type=number].p-input[error].active,input[type=number].p-input[error].focus,input[type=number].p-input[error]:focus,input[type=number].p-input[error]:focus-visible,input[type=number].p-input[error]:focus-within,input[type=number].p-input[error][active],input[type=password].p-input.error.active,input[type=password].p-input.error.focus,input[type=password].p-input.error:focus,input[type=password].p-input.error:focus-visible,input[type=password].p-input.error:focus-within,input[type=password].p-input.error[active],input[type=password].p-input[error].active,input[type=password].p-input[error].focus,input[type=password].p-input[error]:focus,input[type=password].p-input[error]:focus-visible,input[type=password].p-input[error]:focus-within,input[type=password].p-input[error][active],input[type=tel].p-input.error.active,input[type=tel].p-input.error.focus,input[type=tel].p-input.error:focus,input[type=tel].p-input.error:focus-visible,input[type=tel].p-input.error:focus-within,input[type=tel].p-input.error[active],input[type=tel].p-input[error].active,input[type=tel].p-input[error].focus,input[type=tel].p-input[error]:focus,input[type=tel].p-input[error]:focus-visible,input[type=tel].p-input[error]:focus-within,input[type=tel].p-input[error][active],input[type=text].p-input.error.active,input[type=text].p-input.error.focus,input[type=text].p-input.error:focus,input[type=text].p-input.error:focus-visible,input[type=text].p-input.error:focus-within,input[type=text].p-input.error[active],input[type=text].p-input[error].active,input[type=text].p-input[error].focus,input[type=text].p-input[error]:focus,input[type=text].p-input[error]:focus-visible,input[type=text].p-input[error]:focus-within,input[type=text].p-input[error][active],input[type=time].p-input.error.active,input[type=time].p-input.error.focus,input[type=time].p-input.error:focus,input[type=time].p-input.error:focus-visible,input[type=time].p-input.error:focus-within,input[type=time].p-input.error[active],input[type=time].p-input[error].active,input[type=time].p-input[error].focus,input[type=time].p-input[error]:focus,input[type=time].p-input[error]:focus-visible,input[type=time].p-input[error]:focus-within,input[type=time].p-input[error][active]{
+input[type=date].p-input.error.active,input[type=date].p-input.error.focus,input[type=date].p-input.error:focus,input[type=date].p-input.error:focus-visible,input[type=date].p-input.error:focus-within,input[type=date].p-input.error[active],input[type=date].p-input[error].active,input[type=date].p-input[error].focus,input[type=date].p-input[error]:focus,input[type=date].p-input[error]:focus-visible,input[type=date].p-input[error]:focus-within,input[type=date].p-input[error][active],input[type=datetime-local].p-input.error.active,input[type=datetime-local].p-input.error.focus,input[type=datetime-local].p-input.error:focus,input[type=datetime-local].p-input.error:focus-visible,input[type=datetime-local].p-input.error:focus-within,input[type=datetime-local].p-input.error[active],input[type=datetime-local].p-input[error].active,input[type=datetime-local].p-input[error].focus,input[type=datetime-local].p-input[error]:focus,input[type=datetime-local].p-input[error]:focus-visible,input[type=datetime-local].p-input[error]:focus-within,input[type=datetime-local].p-input[error][active],input[type=email].p-input.error.active,input[type=email].p-input.error.focus,input[type=email].p-input.error:focus,input[type=email].p-input.error:focus-visible,input[type=email].p-input.error:focus-within,input[type=email].p-input.error[active],input[type=email].p-input[error].active,input[type=email].p-input[error].focus,input[type=email].p-input[error]:focus,input[type=email].p-input[error]:focus-visible,input[type=email].p-input[error]:focus-within,input[type=email].p-input[error][active],input[type=month].p-input.error.active,input[type=month].p-input.error.focus,input[type=month].p-input.error:focus,input[type=month].p-input.error:focus-visible,input[type=month].p-input.error:focus-within,input[type=month].p-input.error[active],input[type=month].p-input[error].active,input[type=month].p-input[error].focus,input[type=month].p-input[error]:focus,input[type=month].p-input[error]:focus-visible,input[type=month].p-input[error]:focus-within,input[type=month].p-input[error][active],input[type=number].p-input.error.active,input[type=number].p-input.error.focus,input[type=number].p-input.error:focus,input[type=number].p-input.error:focus-visible,input[type=number].p-input.error:focus-within,input[type=number].p-input.error[active],input[type=number].p-input[error].active,input[type=number].p-input[error].focus,input[type=number].p-input[error]:focus,input[type=number].p-input[error]:focus-visible,input[type=number].p-input[error]:focus-within,input[type=number].p-input[error][active],input[type=password].p-input.error.active,input[type=password].p-input.error.focus,input[type=password].p-input.error:focus,input[type=password].p-input.error:focus-visible,input[type=password].p-input.error:focus-within,input[type=password].p-input.error[active],input[type=password].p-input[error].active,input[type=password].p-input[error].focus,input[type=password].p-input[error]:focus,input[type=password].p-input[error]:focus-visible,input[type=password].p-input[error]:focus-within,input[type=password].p-input[error][active],input[type=tel].p-input.error.active,input[type=tel].p-input.error.focus,input[type=tel].p-input.error:focus,input[type=tel].p-input.error:focus-visible,input[type=tel].p-input.error:focus-within,input[type=tel].p-input.error[active],input[type=tel].p-input[error].active,input[type=tel].p-input[error].focus,input[type=tel].p-input[error]:focus,input[type=tel].p-input[error]:focus-visible,input[type=tel].p-input[error]:focus-within,input[type=tel].p-input[error][active],input[type=text].p-input.error.active,input[type=text].p-input.error.focus,input[type=text].p-input.error:focus,input[type=text].p-input.error:focus-visible,input[type=text].p-input.error:focus-within,input[type=text].p-input.error[active],input[type=text].p-input[error].active,input[type=text].p-input[error].focus,input[type=text].p-input[error]:focus,input[type=text].p-input[error]:focus-visible,input[type=text].p-input[error]:focus-within,input[type=text].p-input[error][active],input[type=time].p-input.error.active,input[type=time].p-input.error.focus,input[type=time].p-input.error:focus,input[type=time].p-input.error:focus-visible,input[type=time].p-input.error:focus-within,input[type=time].p-input.error[active],input[type=time].p-input[error].active,input[type=time].p-input[error].focus,input[type=time].p-input[error]:focus,input[type=time].p-input[error]:focus-visible,input[type=time].p-input[error]:focus-within,input[type=time].p-input[error][active],textarea.p-input.error.active,textarea.p-input.error.focus,textarea.p-input.error:focus,textarea.p-input.error:focus-visible,textarea.p-input.error:focus-within,textarea.p-input.error[active],textarea.p-input[error].active,textarea.p-input[error].focus,textarea.p-input[error]:focus,textarea.p-input[error]:focus-visible,textarea.p-input[error]:focus-within,textarea.p-input[error][active]{
   --tw-text-opacity:1;
   --tw-border-opacity:1!important;
   border-color:rgb(185 30 40/var(--tw-border-opacity))!important;
   color:rgb(138 15 29/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error.active::-moz-placeholder,input[type=date].p-input.error.focus::-moz-placeholder,input[type=date].p-input.error:focus-visible::-moz-placeholder,input[type=date].p-input.error:focus-within::-moz-placeholder,input[type=date].p-input.error:focus::-moz-placeholder,input[type=date].p-input.error[active]::-moz-placeholder,input[type=date].p-input[error].active::-moz-placeholder,input[type=date].p-input[error].focus::-moz-placeholder,input[type=date].p-input[error]:focus-visible::-moz-placeholder,input[type=date].p-input[error]:focus-within::-moz-placeholder,input[type=date].p-input[error]:focus::-moz-placeholder,input[type=date].p-input[error][active]::-moz-placeholder,input[type=datetime-local].p-input.error.active::-moz-placeholder,input[type=datetime-local].p-input.error.focus::-moz-placeholder,input[type=datetime-local].p-input.error:focus-visible::-moz-placeholder,input[type=datetime-local].p-input.error:focus-within::-moz-placeholder,input[type=datetime-local].p-input.error:focus::-moz-placeholder,input[type=datetime-local].p-input.error[active]::-moz-placeholder,input[type=datetime-local].p-input[error].active::-moz-placeholder,input[type=datetime-local].p-input[error].focus::-moz-placeholder,input[type=datetime-local].p-input[error]:focus-visible::-moz-placeholder,input[type=datetime-local].p-input[error]:focus-within::-moz-placeholder,input[type=datetime-local].p-input[error]:focus::-moz-placeholder,input[type=datetime-local].p-input[error][active]::-moz-placeholder,input[type=email].p-input.error.active::-moz-placeholder,input[type=email].p-input.error.focus::-moz-placeholder,input[type=email].p-input.error:focus-visible::-moz-placeholder,input[type=email].p-input.error:focus-within::-moz-placeholder,input[type=email].p-input.error:focus::-moz-placeholder,input[type=email].p-input.error[active]::-moz-placeholder,input[type=email].p-input[error].active::-moz-placeholder,input[type=email].p-input[error].focus::-moz-placeholder,input[type=email].p-input[error]:focus-visible::-moz-placeholder,input[type=email].p-input[error]:focus-within::-moz-placeholder,input[type=email].p-input[error]:focus::-moz-placeholder,input[type=email].p-input[error][active]::-moz-placeholder,input[type=month].p-input.error.active::-moz-placeholder,input[type=month].p-input.error.focus::-moz-placeholder,input[type=month].p-input.error:focus-visible::-moz-placeholder,input[type=month].p-input.error:focus-within::-moz-placeholder,input[type=month].p-input.error:focus::-moz-placeholder,input[type=month].p-input.error[active]::-moz-placeholder,input[type=month].p-input[error].active::-moz-placeholder,input[type=month].p-input[error].focus::-moz-placeholder,input[type=month].p-input[error]:focus-visible::-moz-placeholder,input[type=month].p-input[error]:focus-within::-moz-placeholder,input[type=month].p-input[error]:focus::-moz-placeholder,input[type=month].p-input[error][active]::-moz-placeholder,input[type=number].p-input.error.active::-moz-placeholder,input[type=number].p-input.error.focus::-moz-placeholder,input[type=number].p-input.error:focus-visible::-moz-placeholder,input[type=number].p-input.error:focus-within::-moz-placeholder,input[type=number].p-input.error:focus::-moz-placeholder,input[type=number].p-input.error[active]::-moz-placeholder,input[type=number].p-input[error].active::-moz-placeholder,input[type=number].p-input[error].focus::-moz-placeholder,input[type=number].p-input[error]:focus-visible::-moz-placeholder,input[type=number].p-input[error]:focus-within::-moz-placeholder,input[type=number].p-input[error]:focus::-moz-placeholder,input[type=number].p-input[error][active]::-moz-placeholder,input[type=password].p-input.error.active::-moz-placeholder,input[type=password].p-input.error.focus::-moz-placeholder,input[type=password].p-input.error:focus-visible::-moz-placeholder,input[type=password].p-input.error:focus-within::-moz-placeholder,input[type=password].p-input.error:focus::-moz-placeholder,input[type=password].p-input.error[active]::-moz-placeholder,input[type=password].p-input[error].active::-moz-placeholder,input[type=password].p-input[error].focus::-moz-placeholder,input[type=password].p-input[error]:focus-visible::-moz-placeholder,input[type=password].p-input[error]:focus-within::-moz-placeholder,input[type=password].p-input[error]:focus::-moz-placeholder,input[type=password].p-input[error][active]::-moz-placeholder,input[type=tel].p-input.error.active::-moz-placeholder,input[type=tel].p-input.error.focus::-moz-placeholder,input[type=tel].p-input.error:focus-visible::-moz-placeholder,input[type=tel].p-input.error:focus-within::-moz-placeholder,input[type=tel].p-input.error:focus::-moz-placeholder,input[type=tel].p-input.error[active]::-moz-placeholder,input[type=tel].p-input[error].active::-moz-placeholder,input[type=tel].p-input[error].focus::-moz-placeholder,input[type=tel].p-input[error]:focus-visible::-moz-placeholder,input[type=tel].p-input[error]:focus-within::-moz-placeholder,input[type=tel].p-input[error]:focus::-moz-placeholder,input[type=tel].p-input[error][active]::-moz-placeholder,input[type=text].p-input.error.active::-moz-placeholder,input[type=text].p-input.error.focus::-moz-placeholder,input[type=text].p-input.error:focus-visible::-moz-placeholder,input[type=text].p-input.error:focus-within::-moz-placeholder,input[type=text].p-input.error:focus::-moz-placeholder,input[type=text].p-input.error[active]::-moz-placeholder,input[type=text].p-input[error].active::-moz-placeholder,input[type=text].p-input[error].focus::-moz-placeholder,input[type=text].p-input[error]:focus-visible::-moz-placeholder,input[type=text].p-input[error]:focus-within::-moz-placeholder,input[type=text].p-input[error]:focus::-moz-placeholder,input[type=text].p-input[error][active]::-moz-placeholder,input[type=time].p-input.error.active::-moz-placeholder,input[type=time].p-input.error.focus::-moz-placeholder,input[type=time].p-input.error:focus-visible::-moz-placeholder,input[type=time].p-input.error:focus-within::-moz-placeholder,input[type=time].p-input.error:focus::-moz-placeholder,input[type=time].p-input.error[active]::-moz-placeholder,input[type=time].p-input[error].active::-moz-placeholder,input[type=time].p-input[error].focus::-moz-placeholder,input[type=time].p-input[error]:focus-visible::-moz-placeholder,input[type=time].p-input[error]:focus-within::-moz-placeholder,input[type=time].p-input[error]:focus::-moz-placeholder,input[type=time].p-input[error][active]::-moz-placeholder{
+input[type=date].p-input.error.active::-moz-placeholder,input[type=date].p-input.error.focus::-moz-placeholder,input[type=date].p-input.error:focus-visible::-moz-placeholder,input[type=date].p-input.error:focus-within::-moz-placeholder,input[type=date].p-input.error:focus::-moz-placeholder,input[type=date].p-input.error[active]::-moz-placeholder,input[type=date].p-input[error].active::-moz-placeholder,input[type=date].p-input[error].focus::-moz-placeholder,input[type=date].p-input[error]:focus-visible::-moz-placeholder,input[type=date].p-input[error]:focus-within::-moz-placeholder,input[type=date].p-input[error]:focus::-moz-placeholder,input[type=date].p-input[error][active]::-moz-placeholder,input[type=datetime-local].p-input.error.active::-moz-placeholder,input[type=datetime-local].p-input.error.focus::-moz-placeholder,input[type=datetime-local].p-input.error:focus-visible::-moz-placeholder,input[type=datetime-local].p-input.error:focus-within::-moz-placeholder,input[type=datetime-local].p-input.error:focus::-moz-placeholder,input[type=datetime-local].p-input.error[active]::-moz-placeholder,input[type=datetime-local].p-input[error].active::-moz-placeholder,input[type=datetime-local].p-input[error].focus::-moz-placeholder,input[type=datetime-local].p-input[error]:focus-visible::-moz-placeholder,input[type=datetime-local].p-input[error]:focus-within::-moz-placeholder,input[type=datetime-local].p-input[error]:focus::-moz-placeholder,input[type=datetime-local].p-input[error][active]::-moz-placeholder,input[type=email].p-input.error.active::-moz-placeholder,input[type=email].p-input.error.focus::-moz-placeholder,input[type=email].p-input.error:focus-visible::-moz-placeholder,input[type=email].p-input.error:focus-within::-moz-placeholder,input[type=email].p-input.error:focus::-moz-placeholder,input[type=email].p-input.error[active]::-moz-placeholder,input[type=email].p-input[error].active::-moz-placeholder,input[type=email].p-input[error].focus::-moz-placeholder,input[type=email].p-input[error]:focus-visible::-moz-placeholder,input[type=email].p-input[error]:focus-within::-moz-placeholder,input[type=email].p-input[error]:focus::-moz-placeholder,input[type=email].p-input[error][active]::-moz-placeholder,input[type=month].p-input.error.active::-moz-placeholder,input[type=month].p-input.error.focus::-moz-placeholder,input[type=month].p-input.error:focus-visible::-moz-placeholder,input[type=month].p-input.error:focus-within::-moz-placeholder,input[type=month].p-input.error:focus::-moz-placeholder,input[type=month].p-input.error[active]::-moz-placeholder,input[type=month].p-input[error].active::-moz-placeholder,input[type=month].p-input[error].focus::-moz-placeholder,input[type=month].p-input[error]:focus-visible::-moz-placeholder,input[type=month].p-input[error]:focus-within::-moz-placeholder,input[type=month].p-input[error]:focus::-moz-placeholder,input[type=month].p-input[error][active]::-moz-placeholder,input[type=number].p-input.error.active::-moz-placeholder,input[type=number].p-input.error.focus::-moz-placeholder,input[type=number].p-input.error:focus-visible::-moz-placeholder,input[type=number].p-input.error:focus-within::-moz-placeholder,input[type=number].p-input.error:focus::-moz-placeholder,input[type=number].p-input.error[active]::-moz-placeholder,input[type=number].p-input[error].active::-moz-placeholder,input[type=number].p-input[error].focus::-moz-placeholder,input[type=number].p-input[error]:focus-visible::-moz-placeholder,input[type=number].p-input[error]:focus-within::-moz-placeholder,input[type=number].p-input[error]:focus::-moz-placeholder,input[type=number].p-input[error][active]::-moz-placeholder,input[type=password].p-input.error.active::-moz-placeholder,input[type=password].p-input.error.focus::-moz-placeholder,input[type=password].p-input.error:focus-visible::-moz-placeholder,input[type=password].p-input.error:focus-within::-moz-placeholder,input[type=password].p-input.error:focus::-moz-placeholder,input[type=password].p-input.error[active]::-moz-placeholder,input[type=password].p-input[error].active::-moz-placeholder,input[type=password].p-input[error].focus::-moz-placeholder,input[type=password].p-input[error]:focus-visible::-moz-placeholder,input[type=password].p-input[error]:focus-within::-moz-placeholder,input[type=password].p-input[error]:focus::-moz-placeholder,input[type=password].p-input[error][active]::-moz-placeholder,input[type=tel].p-input.error.active::-moz-placeholder,input[type=tel].p-input.error.focus::-moz-placeholder,input[type=tel].p-input.error:focus-visible::-moz-placeholder,input[type=tel].p-input.error:focus-within::-moz-placeholder,input[type=tel].p-input.error:focus::-moz-placeholder,input[type=tel].p-input.error[active]::-moz-placeholder,input[type=tel].p-input[error].active::-moz-placeholder,input[type=tel].p-input[error].focus::-moz-placeholder,input[type=tel].p-input[error]:focus-visible::-moz-placeholder,input[type=tel].p-input[error]:focus-within::-moz-placeholder,input[type=tel].p-input[error]:focus::-moz-placeholder,input[type=tel].p-input[error][active]::-moz-placeholder,input[type=text].p-input.error.active::-moz-placeholder,input[type=text].p-input.error.focus::-moz-placeholder,input[type=text].p-input.error:focus-visible::-moz-placeholder,input[type=text].p-input.error:focus-within::-moz-placeholder,input[type=text].p-input.error:focus::-moz-placeholder,input[type=text].p-input.error[active]::-moz-placeholder,input[type=text].p-input[error].active::-moz-placeholder,input[type=text].p-input[error].focus::-moz-placeholder,input[type=text].p-input[error]:focus-visible::-moz-placeholder,input[type=text].p-input[error]:focus-within::-moz-placeholder,input[type=text].p-input[error]:focus::-moz-placeholder,input[type=text].p-input[error][active]::-moz-placeholder,input[type=time].p-input.error.active::-moz-placeholder,input[type=time].p-input.error.focus::-moz-placeholder,input[type=time].p-input.error:focus-visible::-moz-placeholder,input[type=time].p-input.error:focus-within::-moz-placeholder,input[type=time].p-input.error:focus::-moz-placeholder,input[type=time].p-input.error[active]::-moz-placeholder,input[type=time].p-input[error].active::-moz-placeholder,input[type=time].p-input[error].focus::-moz-placeholder,input[type=time].p-input[error]:focus-visible::-moz-placeholder,input[type=time].p-input[error]:focus-within::-moz-placeholder,input[type=time].p-input[error]:focus::-moz-placeholder,input[type=time].p-input[error][active]::-moz-placeholder,textarea.p-input.error.active::-moz-placeholder,textarea.p-input.error.focus::-moz-placeholder,textarea.p-input.error:focus-visible::-moz-placeholder,textarea.p-input.error:focus-within::-moz-placeholder,textarea.p-input.error:focus::-moz-placeholder,textarea.p-input.error[active]::-moz-placeholder,textarea.p-input[error].active::-moz-placeholder,textarea.p-input[error].focus::-moz-placeholder,textarea.p-input[error]:focus-visible::-moz-placeholder,textarea.p-input[error]:focus-within::-moz-placeholder,textarea.p-input[error]:focus::-moz-placeholder,textarea.p-input[error][active]::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error.active::-moz-placeholder, input[type=date].p-input.error.focus::-moz-placeholder, input[type=date].p-input.error:focus-visible::-moz-placeholder, input[type=date].p-input.error:focus-within::-moz-placeholder, input[type=date].p-input.error:focus::-moz-placeholder, input[type=date].p-input.error[active]::-moz-placeholder, input[type=date].p-input[error].active::-moz-placeholder, input[type=date].p-input[error].focus::-moz-placeholder, input[type=date].p-input[error]:focus-visible::-moz-placeholder, input[type=date].p-input[error]:focus-within::-moz-placeholder, input[type=date].p-input[error]:focus::-moz-placeholder, input[type=date].p-input[error][active]::-moz-placeholder, input[type=datetime-local].p-input.error.active::-moz-placeholder, input[type=datetime-local].p-input.error.focus::-moz-placeholder, input[type=datetime-local].p-input.error:focus-visible::-moz-placeholder, input[type=datetime-local].p-input.error:focus-within::-moz-placeholder, input[type=datetime-local].p-input.error:focus::-moz-placeholder, input[type=datetime-local].p-input.error[active]::-moz-placeholder, input[type=datetime-local].p-input[error].active::-moz-placeholder, input[type=datetime-local].p-input[error].focus::-moz-placeholder, input[type=datetime-local].p-input[error]:focus-visible::-moz-placeholder, input[type=datetime-local].p-input[error]:focus-within::-moz-placeholder, input[type=datetime-local].p-input[error]:focus::-moz-placeholder, input[type=datetime-local].p-input[error][active]::-moz-placeholder, input[type=email].p-input.error.active::-moz-placeholder, input[type=email].p-input.error.focus::-moz-placeholder, input[type=email].p-input.error:focus-visible::-moz-placeholder, input[type=email].p-input.error:focus-within::-moz-placeholder, input[type=email].p-input.error:focus::-moz-placeholder, input[type=email].p-input.error[active]::-moz-placeholder, input[type=email].p-input[error].active::-moz-placeholder, input[type=email].p-input[error].focus::-moz-placeholder, input[type=email].p-input[error]:focus-visible::-moz-placeholder, input[type=email].p-input[error]:focus-within::-moz-placeholder, input[type=email].p-input[error]:focus::-moz-placeholder, input[type=email].p-input[error][active]::-moz-placeholder, input[type=month].p-input.error.active::-moz-placeholder, input[type=month].p-input.error.focus::-moz-placeholder, input[type=month].p-input.error:focus-visible::-moz-placeholder, input[type=month].p-input.error:focus-within::-moz-placeholder, input[type=month].p-input.error:focus::-moz-placeholder, input[type=month].p-input.error[active]::-moz-placeholder, input[type=month].p-input[error].active::-moz-placeholder, input[type=month].p-input[error].focus::-moz-placeholder, input[type=month].p-input[error]:focus-visible::-moz-placeholder, input[type=month].p-input[error]:focus-within::-moz-placeholder, input[type=month].p-input[error]:focus::-moz-placeholder, input[type=month].p-input[error][active]::-moz-placeholder, input[type=number].p-input.error.active::-moz-placeholder, input[type=number].p-input.error.focus::-moz-placeholder, input[type=number].p-input.error:focus-visible::-moz-placeholder, input[type=number].p-input.error:focus-within::-moz-placeholder, input[type=number].p-input.error:focus::-moz-placeholder, input[type=number].p-input.error[active]::-moz-placeholder, input[type=number].p-input[error].active::-moz-placeholder, input[type=number].p-input[error].focus::-moz-placeholder, input[type=number].p-input[error]:focus-visible::-moz-placeholder, input[type=number].p-input[error]:focus-within::-moz-placeholder, input[type=number].p-input[error]:focus::-moz-placeholder, input[type=number].p-input[error][active]::-moz-placeholder, input[type=password].p-input.error.active::-moz-placeholder, input[type=password].p-input.error.focus::-moz-placeholder, input[type=password].p-input.error:focus-visible::-moz-placeholder, input[type=password].p-input.error:focus-within::-moz-placeholder, input[type=password].p-input.error:focus::-moz-placeholder, input[type=password].p-input.error[active]::-moz-placeholder, input[type=password].p-input[error].active::-moz-placeholder, input[type=password].p-input[error].focus::-moz-placeholder, input[type=password].p-input[error]:focus-visible::-moz-placeholder, input[type=password].p-input[error]:focus-within::-moz-placeholder, input[type=password].p-input[error]:focus::-moz-placeholder, input[type=password].p-input[error][active]::-moz-placeholder, input[type=tel].p-input.error.active::-moz-placeholder, input[type=tel].p-input.error.focus::-moz-placeholder, input[type=tel].p-input.error:focus-visible::-moz-placeholder, input[type=tel].p-input.error:focus-within::-moz-placeholder, input[type=tel].p-input.error:focus::-moz-placeholder, input[type=tel].p-input.error[active]::-moz-placeholder, input[type=tel].p-input[error].active::-moz-placeholder, input[type=tel].p-input[error].focus::-moz-placeholder, input[type=tel].p-input[error]:focus-visible::-moz-placeholder, input[type=tel].p-input[error]:focus-within::-moz-placeholder, input[type=tel].p-input[error]:focus::-moz-placeholder, input[type=tel].p-input[error][active]::-moz-placeholder, input[type=text].p-input.error.active::-moz-placeholder, input[type=text].p-input.error.focus::-moz-placeholder, input[type=text].p-input.error:focus-visible::-moz-placeholder, input[type=text].p-input.error:focus-within::-moz-placeholder, input[type=text].p-input.error:focus::-moz-placeholder, input[type=text].p-input.error[active]::-moz-placeholder, input[type=text].p-input[error].active::-moz-placeholder, input[type=text].p-input[error].focus::-moz-placeholder, input[type=text].p-input[error]:focus-visible::-moz-placeholder, input[type=text].p-input[error]:focus-within::-moz-placeholder, input[type=text].p-input[error]:focus::-moz-placeholder, input[type=text].p-input[error][active]::-moz-placeholder, input[type=time].p-input.error.active::-moz-placeholder, input[type=time].p-input.error.focus::-moz-placeholder, input[type=time].p-input.error:focus-visible::-moz-placeholder, input[type=time].p-input.error:focus-within::-moz-placeholder, input[type=time].p-input.error:focus::-moz-placeholder, input[type=time].p-input.error[active]::-moz-placeholder, input[type=time].p-input[error].active::-moz-placeholder, input[type=time].p-input[error].focus::-moz-placeholder, input[type=time].p-input[error]:focus-visible::-moz-placeholder, input[type=time].p-input[error]:focus-within::-moz-placeholder, input[type=time].p-input[error]:focus::-moz-placeholder, input[type=time].p-input[error][active]::-moz-placeholder{
+input[type=date].p-input.error.active::-moz-placeholder, input[type=date].p-input.error.focus::-moz-placeholder, input[type=date].p-input.error:focus-visible::-moz-placeholder, input[type=date].p-input.error:focus-within::-moz-placeholder, input[type=date].p-input.error:focus::-moz-placeholder, input[type=date].p-input.error[active]::-moz-placeholder, input[type=date].p-input[error].active::-moz-placeholder, input[type=date].p-input[error].focus::-moz-placeholder, input[type=date].p-input[error]:focus-visible::-moz-placeholder, input[type=date].p-input[error]:focus-within::-moz-placeholder, input[type=date].p-input[error]:focus::-moz-placeholder, input[type=date].p-input[error][active]::-moz-placeholder, input[type=datetime-local].p-input.error.active::-moz-placeholder, input[type=datetime-local].p-input.error.focus::-moz-placeholder, input[type=datetime-local].p-input.error:focus-visible::-moz-placeholder, input[type=datetime-local].p-input.error:focus-within::-moz-placeholder, input[type=datetime-local].p-input.error:focus::-moz-placeholder, input[type=datetime-local].p-input.error[active]::-moz-placeholder, input[type=datetime-local].p-input[error].active::-moz-placeholder, input[type=datetime-local].p-input[error].focus::-moz-placeholder, input[type=datetime-local].p-input[error]:focus-visible::-moz-placeholder, input[type=datetime-local].p-input[error]:focus-within::-moz-placeholder, input[type=datetime-local].p-input[error]:focus::-moz-placeholder, input[type=datetime-local].p-input[error][active]::-moz-placeholder, input[type=email].p-input.error.active::-moz-placeholder, input[type=email].p-input.error.focus::-moz-placeholder, input[type=email].p-input.error:focus-visible::-moz-placeholder, input[type=email].p-input.error:focus-within::-moz-placeholder, input[type=email].p-input.error:focus::-moz-placeholder, input[type=email].p-input.error[active]::-moz-placeholder, input[type=email].p-input[error].active::-moz-placeholder, input[type=email].p-input[error].focus::-moz-placeholder, input[type=email].p-input[error]:focus-visible::-moz-placeholder, input[type=email].p-input[error]:focus-within::-moz-placeholder, input[type=email].p-input[error]:focus::-moz-placeholder, input[type=email].p-input[error][active]::-moz-placeholder, input[type=month].p-input.error.active::-moz-placeholder, input[type=month].p-input.error.focus::-moz-placeholder, input[type=month].p-input.error:focus-visible::-moz-placeholder, input[type=month].p-input.error:focus-within::-moz-placeholder, input[type=month].p-input.error:focus::-moz-placeholder, input[type=month].p-input.error[active]::-moz-placeholder, input[type=month].p-input[error].active::-moz-placeholder, input[type=month].p-input[error].focus::-moz-placeholder, input[type=month].p-input[error]:focus-visible::-moz-placeholder, input[type=month].p-input[error]:focus-within::-moz-placeholder, input[type=month].p-input[error]:focus::-moz-placeholder, input[type=month].p-input[error][active]::-moz-placeholder, input[type=number].p-input.error.active::-moz-placeholder, input[type=number].p-input.error.focus::-moz-placeholder, input[type=number].p-input.error:focus-visible::-moz-placeholder, input[type=number].p-input.error:focus-within::-moz-placeholder, input[type=number].p-input.error:focus::-moz-placeholder, input[type=number].p-input.error[active]::-moz-placeholder, input[type=number].p-input[error].active::-moz-placeholder, input[type=number].p-input[error].focus::-moz-placeholder, input[type=number].p-input[error]:focus-visible::-moz-placeholder, input[type=number].p-input[error]:focus-within::-moz-placeholder, input[type=number].p-input[error]:focus::-moz-placeholder, input[type=number].p-input[error][active]::-moz-placeholder, input[type=password].p-input.error.active::-moz-placeholder, input[type=password].p-input.error.focus::-moz-placeholder, input[type=password].p-input.error:focus-visible::-moz-placeholder, input[type=password].p-input.error:focus-within::-moz-placeholder, input[type=password].p-input.error:focus::-moz-placeholder, input[type=password].p-input.error[active]::-moz-placeholder, input[type=password].p-input[error].active::-moz-placeholder, input[type=password].p-input[error].focus::-moz-placeholder, input[type=password].p-input[error]:focus-visible::-moz-placeholder, input[type=password].p-input[error]:focus-within::-moz-placeholder, input[type=password].p-input[error]:focus::-moz-placeholder, input[type=password].p-input[error][active]::-moz-placeholder, input[type=tel].p-input.error.active::-moz-placeholder, input[type=tel].p-input.error.focus::-moz-placeholder, input[type=tel].p-input.error:focus-visible::-moz-placeholder, input[type=tel].p-input.error:focus-within::-moz-placeholder, input[type=tel].p-input.error:focus::-moz-placeholder, input[type=tel].p-input.error[active]::-moz-placeholder, input[type=tel].p-input[error].active::-moz-placeholder, input[type=tel].p-input[error].focus::-moz-placeholder, input[type=tel].p-input[error]:focus-visible::-moz-placeholder, input[type=tel].p-input[error]:focus-within::-moz-placeholder, input[type=tel].p-input[error]:focus::-moz-placeholder, input[type=tel].p-input[error][active]::-moz-placeholder, input[type=text].p-input.error.active::-moz-placeholder, input[type=text].p-input.error.focus::-moz-placeholder, input[type=text].p-input.error:focus-visible::-moz-placeholder, input[type=text].p-input.error:focus-within::-moz-placeholder, input[type=text].p-input.error:focus::-moz-placeholder, input[type=text].p-input.error[active]::-moz-placeholder, input[type=text].p-input[error].active::-moz-placeholder, input[type=text].p-input[error].focus::-moz-placeholder, input[type=text].p-input[error]:focus-visible::-moz-placeholder, input[type=text].p-input[error]:focus-within::-moz-placeholder, input[type=text].p-input[error]:focus::-moz-placeholder, input[type=text].p-input[error][active]::-moz-placeholder, input[type=time].p-input.error.active::-moz-placeholder, input[type=time].p-input.error.focus::-moz-placeholder, input[type=time].p-input.error:focus-visible::-moz-placeholder, input[type=time].p-input.error:focus-within::-moz-placeholder, input[type=time].p-input.error:focus::-moz-placeholder, input[type=time].p-input.error[active]::-moz-placeholder, input[type=time].p-input[error].active::-moz-placeholder, input[type=time].p-input[error].focus::-moz-placeholder, input[type=time].p-input[error]:focus-visible::-moz-placeholder, input[type=time].p-input[error]:focus-within::-moz-placeholder, input[type=time].p-input[error]:focus::-moz-placeholder, input[type=time].p-input[error][active]::-moz-placeholder, textarea.p-input.error.active::-moz-placeholder, textarea.p-input.error.focus::-moz-placeholder, textarea.p-input.error:focus-visible::-moz-placeholder, textarea.p-input.error:focus-within::-moz-placeholder, textarea.p-input.error:focus::-moz-placeholder, textarea.p-input.error[active]::-moz-placeholder, textarea.p-input[error].active::-moz-placeholder, textarea.p-input[error].focus::-moz-placeholder, textarea.p-input[error]:focus-visible::-moz-placeholder, textarea.p-input[error]:focus-within::-moz-placeholder, textarea.p-input[error]:focus::-moz-placeholder, textarea.p-input[error][active]::-moz-placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.error.active::placeholder,input[type=date].p-input.error.focus::placeholder,input[type=date].p-input.error:focus-visible::placeholder,input[type=date].p-input.error:focus-within::placeholder,input[type=date].p-input.error:focus::placeholder,input[type=date].p-input.error[active]::placeholder,input[type=date].p-input[error].active::placeholder,input[type=date].p-input[error].focus::placeholder,input[type=date].p-input[error]:focus-visible::placeholder,input[type=date].p-input[error]:focus-within::placeholder,input[type=date].p-input[error]:focus::placeholder,input[type=date].p-input[error][active]::placeholder,input[type=datetime-local].p-input.error.active::placeholder,input[type=datetime-local].p-input.error.focus::placeholder,input[type=datetime-local].p-input.error:focus-visible::placeholder,input[type=datetime-local].p-input.error:focus-within::placeholder,input[type=datetime-local].p-input.error:focus::placeholder,input[type=datetime-local].p-input.error[active]::placeholder,input[type=datetime-local].p-input[error].active::placeholder,input[type=datetime-local].p-input[error].focus::placeholder,input[type=datetime-local].p-input[error]:focus-visible::placeholder,input[type=datetime-local].p-input[error]:focus-within::placeholder,input[type=datetime-local].p-input[error]:focus::placeholder,input[type=datetime-local].p-input[error][active]::placeholder,input[type=email].p-input.error.active::placeholder,input[type=email].p-input.error.focus::placeholder,input[type=email].p-input.error:focus-visible::placeholder,input[type=email].p-input.error:focus-within::placeholder,input[type=email].p-input.error:focus::placeholder,input[type=email].p-input.error[active]::placeholder,input[type=email].p-input[error].active::placeholder,input[type=email].p-input[error].focus::placeholder,input[type=email].p-input[error]:focus-visible::placeholder,input[type=email].p-input[error]:focus-within::placeholder,input[type=email].p-input[error]:focus::placeholder,input[type=email].p-input[error][active]::placeholder,input[type=month].p-input.error.active::placeholder,input[type=month].p-input.error.focus::placeholder,input[type=month].p-input.error:focus-visible::placeholder,input[type=month].p-input.error:focus-within::placeholder,input[type=month].p-input.error:focus::placeholder,input[type=month].p-input.error[active]::placeholder,input[type=month].p-input[error].active::placeholder,input[type=month].p-input[error].focus::placeholder,input[type=month].p-input[error]:focus-visible::placeholder,input[type=month].p-input[error]:focus-within::placeholder,input[type=month].p-input[error]:focus::placeholder,input[type=month].p-input[error][active]::placeholder,input[type=number].p-input.error.active::placeholder,input[type=number].p-input.error.focus::placeholder,input[type=number].p-input.error:focus-visible::placeholder,input[type=number].p-input.error:focus-within::placeholder,input[type=number].p-input.error:focus::placeholder,input[type=number].p-input.error[active]::placeholder,input[type=number].p-input[error].active::placeholder,input[type=number].p-input[error].focus::placeholder,input[type=number].p-input[error]:focus-visible::placeholder,input[type=number].p-input[error]:focus-within::placeholder,input[type=number].p-input[error]:focus::placeholder,input[type=number].p-input[error][active]::placeholder,input[type=password].p-input.error.active::placeholder,input[type=password].p-input.error.focus::placeholder,input[type=password].p-input.error:focus-visible::placeholder,input[type=password].p-input.error:focus-within::placeholder,input[type=password].p-input.error:focus::placeholder,input[type=password].p-input.error[active]::placeholder,input[type=password].p-input[error].active::placeholder,input[type=password].p-input[error].focus::placeholder,input[type=password].p-input[error]:focus-visible::placeholder,input[type=password].p-input[error]:focus-within::placeholder,input[type=password].p-input[error]:focus::placeholder,input[type=password].p-input[error][active]::placeholder,input[type=tel].p-input.error.active::placeholder,input[type=tel].p-input.error.focus::placeholder,input[type=tel].p-input.error:focus-visible::placeholder,input[type=tel].p-input.error:focus-within::placeholder,input[type=tel].p-input.error:focus::placeholder,input[type=tel].p-input.error[active]::placeholder,input[type=tel].p-input[error].active::placeholder,input[type=tel].p-input[error].focus::placeholder,input[type=tel].p-input[error]:focus-visible::placeholder,input[type=tel].p-input[error]:focus-within::placeholder,input[type=tel].p-input[error]:focus::placeholder,input[type=tel].p-input[error][active]::placeholder,input[type=text].p-input.error.active::placeholder,input[type=text].p-input.error.focus::placeholder,input[type=text].p-input.error:focus-visible::placeholder,input[type=text].p-input.error:focus-within::placeholder,input[type=text].p-input.error:focus::placeholder,input[type=text].p-input.error[active]::placeholder,input[type=text].p-input[error].active::placeholder,input[type=text].p-input[error].focus::placeholder,input[type=text].p-input[error]:focus-visible::placeholder,input[type=text].p-input[error]:focus-within::placeholder,input[type=text].p-input[error]:focus::placeholder,input[type=text].p-input[error][active]::placeholder,input[type=time].p-input.error.active::placeholder,input[type=time].p-input.error.focus::placeholder,input[type=time].p-input.error:focus-visible::placeholder,input[type=time].p-input.error:focus-within::placeholder,input[type=time].p-input.error:focus::placeholder,input[type=time].p-input.error[active]::placeholder,input[type=time].p-input[error].active::placeholder,input[type=time].p-input[error].focus::placeholder,input[type=time].p-input[error]:focus-visible::placeholder,input[type=time].p-input[error]:focus-within::placeholder,input[type=time].p-input[error]:focus::placeholder,input[type=time].p-input[error][active]::placeholder{
+input[type=date].p-input.error.active::placeholder,input[type=date].p-input.error.focus::placeholder,input[type=date].p-input.error:focus-visible::placeholder,input[type=date].p-input.error:focus-within::placeholder,input[type=date].p-input.error:focus::placeholder,input[type=date].p-input.error[active]::placeholder,input[type=date].p-input[error].active::placeholder,input[type=date].p-input[error].focus::placeholder,input[type=date].p-input[error]:focus-visible::placeholder,input[type=date].p-input[error]:focus-within::placeholder,input[type=date].p-input[error]:focus::placeholder,input[type=date].p-input[error][active]::placeholder,input[type=datetime-local].p-input.error.active::placeholder,input[type=datetime-local].p-input.error.focus::placeholder,input[type=datetime-local].p-input.error:focus-visible::placeholder,input[type=datetime-local].p-input.error:focus-within::placeholder,input[type=datetime-local].p-input.error:focus::placeholder,input[type=datetime-local].p-input.error[active]::placeholder,input[type=datetime-local].p-input[error].active::placeholder,input[type=datetime-local].p-input[error].focus::placeholder,input[type=datetime-local].p-input[error]:focus-visible::placeholder,input[type=datetime-local].p-input[error]:focus-within::placeholder,input[type=datetime-local].p-input[error]:focus::placeholder,input[type=datetime-local].p-input[error][active]::placeholder,input[type=email].p-input.error.active::placeholder,input[type=email].p-input.error.focus::placeholder,input[type=email].p-input.error:focus-visible::placeholder,input[type=email].p-input.error:focus-within::placeholder,input[type=email].p-input.error:focus::placeholder,input[type=email].p-input.error[active]::placeholder,input[type=email].p-input[error].active::placeholder,input[type=email].p-input[error].focus::placeholder,input[type=email].p-input[error]:focus-visible::placeholder,input[type=email].p-input[error]:focus-within::placeholder,input[type=email].p-input[error]:focus::placeholder,input[type=email].p-input[error][active]::placeholder,input[type=month].p-input.error.active::placeholder,input[type=month].p-input.error.focus::placeholder,input[type=month].p-input.error:focus-visible::placeholder,input[type=month].p-input.error:focus-within::placeholder,input[type=month].p-input.error:focus::placeholder,input[type=month].p-input.error[active]::placeholder,input[type=month].p-input[error].active::placeholder,input[type=month].p-input[error].focus::placeholder,input[type=month].p-input[error]:focus-visible::placeholder,input[type=month].p-input[error]:focus-within::placeholder,input[type=month].p-input[error]:focus::placeholder,input[type=month].p-input[error][active]::placeholder,input[type=number].p-input.error.active::placeholder,input[type=number].p-input.error.focus::placeholder,input[type=number].p-input.error:focus-visible::placeholder,input[type=number].p-input.error:focus-within::placeholder,input[type=number].p-input.error:focus::placeholder,input[type=number].p-input.error[active]::placeholder,input[type=number].p-input[error].active::placeholder,input[type=number].p-input[error].focus::placeholder,input[type=number].p-input[error]:focus-visible::placeholder,input[type=number].p-input[error]:focus-within::placeholder,input[type=number].p-input[error]:focus::placeholder,input[type=number].p-input[error][active]::placeholder,input[type=password].p-input.error.active::placeholder,input[type=password].p-input.error.focus::placeholder,input[type=password].p-input.error:focus-visible::placeholder,input[type=password].p-input.error:focus-within::placeholder,input[type=password].p-input.error:focus::placeholder,input[type=password].p-input.error[active]::placeholder,input[type=password].p-input[error].active::placeholder,input[type=password].p-input[error].focus::placeholder,input[type=password].p-input[error]:focus-visible::placeholder,input[type=password].p-input[error]:focus-within::placeholder,input[type=password].p-input[error]:focus::placeholder,input[type=password].p-input[error][active]::placeholder,input[type=tel].p-input.error.active::placeholder,input[type=tel].p-input.error.focus::placeholder,input[type=tel].p-input.error:focus-visible::placeholder,input[type=tel].p-input.error:focus-within::placeholder,input[type=tel].p-input.error:focus::placeholder,input[type=tel].p-input.error[active]::placeholder,input[type=tel].p-input[error].active::placeholder,input[type=tel].p-input[error].focus::placeholder,input[type=tel].p-input[error]:focus-visible::placeholder,input[type=tel].p-input[error]:focus-within::placeholder,input[type=tel].p-input[error]:focus::placeholder,input[type=tel].p-input[error][active]::placeholder,input[type=text].p-input.error.active::placeholder,input[type=text].p-input.error.focus::placeholder,input[type=text].p-input.error:focus-visible::placeholder,input[type=text].p-input.error:focus-within::placeholder,input[type=text].p-input.error:focus::placeholder,input[type=text].p-input.error[active]::placeholder,input[type=text].p-input[error].active::placeholder,input[type=text].p-input[error].focus::placeholder,input[type=text].p-input[error]:focus-visible::placeholder,input[type=text].p-input[error]:focus-within::placeholder,input[type=text].p-input[error]:focus::placeholder,input[type=text].p-input[error][active]::placeholder,input[type=time].p-input.error.active::placeholder,input[type=time].p-input.error.focus::placeholder,input[type=time].p-input.error:focus-visible::placeholder,input[type=time].p-input.error:focus-within::placeholder,input[type=time].p-input.error:focus::placeholder,input[type=time].p-input.error[active]::placeholder,input[type=time].p-input[error].active::placeholder,input[type=time].p-input[error].focus::placeholder,input[type=time].p-input[error]:focus-visible::placeholder,input[type=time].p-input[error]:focus-within::placeholder,input[type=time].p-input[error]:focus::placeholder,input[type=time].p-input[error][active]::placeholder,textarea.p-input.error.active::placeholder,textarea.p-input.error.focus::placeholder,textarea.p-input.error:focus-visible::placeholder,textarea.p-input.error:focus-within::placeholder,textarea.p-input.error:focus::placeholder,textarea.p-input.error[active]::placeholder,textarea.p-input[error].active::placeholder,textarea.p-input[error].focus::placeholder,textarea.p-input[error]:focus-visible::placeholder,textarea.p-input[error]:focus-within::placeholder,textarea.p-input[error]:focus::placeholder,textarea.p-input[error][active]::placeholder{
   --tw-text-opacity:1;
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
-input[type=date].p-input.disabled,input[type=date].p-input:disabled,input[type=date].p-input[disabled],input[type=datetime-local].p-input.disabled,input[type=datetime-local].p-input:disabled,input[type=datetime-local].p-input[disabled],input[type=email].p-input.disabled,input[type=email].p-input:disabled,input[type=email].p-input[disabled],input[type=month].p-input.disabled,input[type=month].p-input:disabled,input[type=month].p-input[disabled],input[type=number].p-input.disabled,input[type=number].p-input:disabled,input[type=number].p-input[disabled],input[type=password].p-input.disabled,input[type=password].p-input:disabled,input[type=password].p-input[disabled],input[type=tel].p-input.disabled,input[type=tel].p-input:disabled,input[type=tel].p-input[disabled],input[type=text].p-input.disabled,input[type=text].p-input:disabled,input[type=text].p-input[disabled],input[type=time].p-input.disabled,input[type=time].p-input:disabled,input[type=time].p-input[disabled]{
+input[type=date].p-input.disabled,input[type=date].p-input:disabled,input[type=date].p-input[disabled],input[type=datetime-local].p-input.disabled,input[type=datetime-local].p-input:disabled,input[type=datetime-local].p-input[disabled],input[type=email].p-input.disabled,input[type=email].p-input:disabled,input[type=email].p-input[disabled],input[type=month].p-input.disabled,input[type=month].p-input:disabled,input[type=month].p-input[disabled],input[type=number].p-input.disabled,input[type=number].p-input:disabled,input[type=number].p-input[disabled],input[type=password].p-input.disabled,input[type=password].p-input:disabled,input[type=password].p-input[disabled],input[type=tel].p-input.disabled,input[type=tel].p-input:disabled,input[type=tel].p-input[disabled],input[type=text].p-input.disabled,input[type=text].p-input:disabled,input[type=text].p-input[disabled],input[type=time].p-input.disabled,input[type=time].p-input:disabled,input[type=time].p-input[disabled],textarea.p-input.disabled,textarea.p-input:disabled,textarea.p-input[disabled]{
   opacity:.4
 }
 
-input[type=date].p-input.clean::-webkit-calendar-picker-indicator,input[type=datetime-local].p-input.clean::-webkit-calendar-picker-indicator,input[type=email].p-input.clean::-webkit-calendar-picker-indicator,input[type=month].p-input.clean::-webkit-calendar-picker-indicator,input[type=number].p-input.clean::-webkit-calendar-picker-indicator,input[type=password].p-input.clean::-webkit-calendar-picker-indicator,input[type=tel].p-input.clean::-webkit-calendar-picker-indicator,input[type=text].p-input.clean::-webkit-calendar-picker-indicator,input[type=time].p-input.clean::-webkit-calendar-picker-indicator{
+input[type=date].p-input.clean::-webkit-calendar-picker-indicator,input[type=datetime-local].p-input.clean::-webkit-calendar-picker-indicator,input[type=email].p-input.clean::-webkit-calendar-picker-indicator,input[type=month].p-input.clean::-webkit-calendar-picker-indicator,input[type=number].p-input.clean::-webkit-calendar-picker-indicator,input[type=password].p-input.clean::-webkit-calendar-picker-indicator,input[type=tel].p-input.clean::-webkit-calendar-picker-indicator,input[type=text].p-input.clean::-webkit-calendar-picker-indicator,input[type=time].p-input.clean::-webkit-calendar-picker-indicator,textarea.p-input.clean::-webkit-calendar-picker-indicator{
   display:none
 }
 
@@ -781,10 +785,10 @@ textarea.p-input{
   color:rgb(39 40 56/var(--tw-text-opacity));
   display:flex;
   font-size:1rem;
-  height:2.5rem!important;
   height:auto;
   justify-content:flex-start;
   line-height:1.5rem;
+  min-height:2.5rem;
   outline:2px solid transparent!important;
   outline-offset:2px!important;
   padding:.5rem 1rem;
@@ -814,8 +818,8 @@ textarea.p-input.active,textarea.p-input.focus,textarea.p-input:focus,textarea.p
 
 textarea.p-input.size-small{
   font-size:.875rem;
-  height:2rem!important;
-  line-height:1.25rem
+  line-height:1.25rem;
+  min-height:2rem
 }
 
 textarea.p-input.size-small::-moz-placeholder{
@@ -850,6 +854,28 @@ textarea.p-input.error::placeholder,textarea.p-input[error]::placeholder{
   color:rgb(255 204 211/var(--tw-text-opacity))
 }
 
+textarea.p-input.error.active,textarea.p-input.error.focus,textarea.p-input.error:focus,textarea.p-input.error:focus-visible,textarea.p-input.error:focus-within,textarea.p-input.error[active],textarea.p-input[error].active,textarea.p-input[error].focus,textarea.p-input[error]:focus,textarea.p-input[error]:focus-visible,textarea.p-input[error]:focus-within,textarea.p-input[error][active]{
+  --tw-text-opacity:1;
+  --tw-border-opacity:1!important;
+  border-color:rgb(185 30 40/var(--tw-border-opacity))!important;
+  color:rgb(138 15 29/var(--tw-text-opacity))
+}
+
+textarea.p-input.error.active::-moz-placeholder,textarea.p-input.error.focus::-moz-placeholder,textarea.p-input.error:focus-visible::-moz-placeholder,textarea.p-input.error:focus-within::-moz-placeholder,textarea.p-input.error:focus::-moz-placeholder,textarea.p-input.error[active]::-moz-placeholder,textarea.p-input[error].active::-moz-placeholder,textarea.p-input[error].focus::-moz-placeholder,textarea.p-input[error]:focus-visible::-moz-placeholder,textarea.p-input[error]:focus-within::-moz-placeholder,textarea.p-input[error]:focus::-moz-placeholder,textarea.p-input[error][active]::-moz-placeholder{
+  --tw-text-opacity:1;
+  color:rgb(255 204 211/var(--tw-text-opacity))
+}
+
+textarea.p-input.error.active::-moz-placeholder, textarea.p-input.error.focus::-moz-placeholder, textarea.p-input.error:focus-visible::-moz-placeholder, textarea.p-input.error:focus-within::-moz-placeholder, textarea.p-input.error:focus::-moz-placeholder, textarea.p-input.error[active]::-moz-placeholder, textarea.p-input[error].active::-moz-placeholder, textarea.p-input[error].focus::-moz-placeholder, textarea.p-input[error]:focus-visible::-moz-placeholder, textarea.p-input[error]:focus-within::-moz-placeholder, textarea.p-input[error]:focus::-moz-placeholder, textarea.p-input[error][active]::-moz-placeholder{
+  --tw-text-opacity:1;
+  color:rgb(255 204 211/var(--tw-text-opacity))
+}
+
+textarea.p-input.error.active::placeholder,textarea.p-input.error.focus::placeholder,textarea.p-input.error:focus-visible::placeholder,textarea.p-input.error:focus-within::placeholder,textarea.p-input.error:focus::placeholder,textarea.p-input.error[active]::placeholder,textarea.p-input[error].active::placeholder,textarea.p-input[error].focus::placeholder,textarea.p-input[error]:focus-visible::placeholder,textarea.p-input[error]:focus-within::placeholder,textarea.p-input[error]:focus::placeholder,textarea.p-input[error][active]::placeholder{
+  --tw-text-opacity:1;
+  color:rgb(255 204 211/var(--tw-text-opacity))
+}
+
 textarea.p-input.disabled,textarea.p-input:disabled,textarea.p-input[disabled]{
   opacity:.4
 }