@paperless/core 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.9.2](https://github.com/ionic-team/stencil-component-starter/compare/v1.9.1...v1.9.2) (2023-10-16)
+
+
+### Bug Fixes
+
+* **Molecules/Datepicker & Calendar:** Fix typings & `minDate` ([358119a](https://github.com/ionic-team/stencil-component-starter/commit/358119a104e8470747b76a698457fd16ccb8c706))
+
+
+
+
+
+## [1.9.1](https://github.com/ionic-team/stencil-component-starter/compare/v1.9.0...v1.9.1) (2023-10-09)
+
+
+### Bug Fixes
+
+* **Molecules/Datepicker:** Catch invalid user input ([ae39506](https://github.com/ionic-team/stencil-component-starter/commit/ae39506a88476cec5a374b648e25f4bab87f0f60))
+
+
+
+
+
 # [1.9.0](https://github.com/ionic-team/stencil-component-starter/compare/v1.8.0...v1.9.0) (2023-10-09)
 
 

package/dist/build/{p-6a7ea2a1.entry.js → p-03090f03.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as e}from"./p-e4d5e7a7.js";const r=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;gap:1.5rem;height:100vh;left:0;padding-bottom:1rem;padding-top:calc(env(safe-area-inset-top, 0) + 1rem);position:fixed;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:300}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}}:host .sidebar .company,:host .sidebar .content,:host .sidebar .header,:host .sidebar .user{padding-left:1rem;padding-right:1rem}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{overflow-y:auto;scrollbar-color:#528afa #dae6f0;scrollbar-width:thin}:host .sidebar .content::-webkit-scrollbar{width:.25rem}:host .sidebar .content::-webkit-scrollbar-track{background:#dae6f0}:host .sidebar .content::-webkit-scrollbar-thumb{background:#528afa}:host .sidebar .content::-webkit-scrollbar-thumb:hover{background:#528afa}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host p-backdrop{display:none}:host p-backdrop.show{display:block}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}";const o=class{constructor(a){t(this,a);this.closeText="Close";this.menuText="Menu";this._showMenu=false}render(){return a(e,{class:"p-navbar"},a("p-backdrop",{applyBlur:true,class:`z-navbar-backdrop desktop-xs:hidden ${this._showMenu&&"show"}`,onClicked:()=>this._showMenu=false}),a("div",{class:`sidebar ${this._showMenu&&"show"}`},a("div",{class:"header"},a("p",{class:"text-xl m-0 font-semibold text-storm-dark"},this.menuText),a("p-button",{variant:"secondary",icon:"negative",iconPosition:"end",size:"small",onClick:()=>this._showMenu=false},this.closeText)),a("div",{class:"company"},a("slot",{name:"company"})),a("div",{class:"content"},a("slot",{name:"content"})),a("div",{class:"user"},a("slot",{name:"user"}))),a("div",{class:"top-bar"},a("p-button",{variant:"secondary",icon:"menu",size:"small",onClick:()=>this._showMenu=true},this.menuText),a("slot",{name:"topbar"})))}handleCloseNavbar(){this._showMenu=false}handleOpenNavbar(){this._showMenu=true}};o.style=r;export{o as p_navbar};
-//# sourceMappingURL=p-6a7ea2a1.entry.js.map
+import{r as t,h as a,H as e}from"./p-e4d5e7a7.js";const r=".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;gap:1.5rem;height:100vh;left:0;padding-bottom:1rem;padding-top:calc(env(safe-area-inset-top, 0) + 1rem);position:fixed;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:300}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}}:host .sidebar .company,:host .sidebar .content,:host .sidebar .header,:host .sidebar .user{padding-left:1rem;padding-right:1rem}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{overflow-y:auto;scrollbar-color:#528afa #dae6f0;scrollbar-width:thin}:host .sidebar .content::-webkit-scrollbar{width:.25rem}:host .sidebar .content::-webkit-scrollbar-track{background:#dae6f0}:host .sidebar .content::-webkit-scrollbar-thumb{background:#528afa}:host .sidebar .content::-webkit-scrollbar-thumb:hover{background:#528afa}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host p-backdrop{display:none}:host p-backdrop.show{display:block}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}.static{position:static!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}";const o=class{constructor(a){t(this,a);this.closeText="Close";this.menuText="Menu";this._showMenu=false}render(){return a(e,{class:"p-navbar"},a("p-backdrop",{applyBlur:true,class:`z-navbar-backdrop desktop-xs:hidden ${this._showMenu&&"show"}`,onClicked:()=>this._showMenu=false}),a("div",{class:`sidebar ${this._showMenu&&"show"}`},a("div",{class:"header"},a("p",{class:"text-xl m-0 font-semibold text-storm-dark"},this.menuText),a("p-button",{variant:"secondary",icon:"negative",iconPosition:"end",size:"small",onClick:()=>this._showMenu=false},this.closeText)),a("div",{class:"company"},a("slot",{name:"company"})),a("div",{class:"content"},a("slot",{name:"content"})),a("div",{class:"user"},a("slot",{name:"user"}))),a("div",{class:"top-bar"},a("p-button",{variant:"secondary",icon:"menu",size:"small",onClick:()=>this._showMenu=true},this.menuText),a("slot",{name:"topbar"})))}handleCloseNavbar(){this._showMenu=false}handleOpenNavbar(){this._showMenu=true}};o.style=r;export{o as p_navbar};
+//# sourceMappingURL=p-03090f03.entry.js.map

package/dist/build/{p-6a7ea2a1.entry.js.map → p-03090f03.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["navbarComponentCss","Navbar","render","h","Host","class","applyBlur","this","_showMenu","onClicked","menuText","variant","icon","iconPosition","size","onClick","closeText","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":["@import '../../../style/mixins';\n\n:host {\n    @apply w-full max-h-screen-safe;\n    @apply desktop-xs:w-60;\n\n    .sidebar,\n    .sidebar .company,\n    .sidebar .content,\n    .sidebar .user,\n    .userbar {\n        @apply flex w-full flex-col;\n    }\n\n    .sidebar,\n    .top-bar {\n        @apply bg-white;\n        @apply border-0  border-solid border-mystic-dark #{!important};\n    }\n\n    .sidebar {\n        @apply fixed top-0 left-0 z-navbar h-screen w-60 bg-white;\n        @apply desktop-xs:relative desktop-xs:h-full desktop-xs:w-full;\n        @apply gap-6;\n\n        @apply will-change-transform;\n        @apply -translate-x-full transform-gpu desktop-xs:translate-x-0;\n\n        @apply py-4;\n\n        padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n        @apply border-r #{!important};\n\n        @apply transition-all;\n\n        .company,\n        .content,\n        .user,\n        .header {\n            @apply px-4;\n        }\n\n        .header {\n            @apply flex w-full items-center justify-between;\n            @apply desktop-xs:hidden;\n        }\n\n        .content {\n            @apply overflow-y-auto;\n\n            @include scrollbarY();\n        }\n\n        .user {\n            @apply mt-auto hidden;\n            @apply desktop-xs:flex;\n        }\n\n        &.show {\n            --tw-translate-x: env(safe-area-inset-left, 0);\n        }\n    }\n\n    .top-bar {\n        @apply flex w-full justify-between px-4 py-2;\n\n        padding-top: calc(env(safe-area-inset-top, 0) + 0.5rem);\n        height: calc(env(safe-area-inset-top, 0) + 3rem);\n\n        @apply border-b #{!important};\n\n        @apply desktop-xs:hidden;\n    }\n\n    p-backdrop {\n        @apply hidden;\n\n        &.show {\n            @apply block;\n        }\n    }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-navbar',\n    styleUrl: 'navbar.component.scss',\n    shadow: true,\n})\nexport class Navbar {\n    /**\n     * The text to display for the close button\n     */\n    @Prop() closeText = 'Close';\n\n    /**\n     * The text to display for the menu button & sidebar title\n     */\n    @Prop() menuText = 'Menu';\n\n    @State() private _showMenu = false;\n\n    render() {\n        return (\n            <Host class=\"p-navbar\">\n                <p-backdrop\n                    applyBlur={true}\n                    class={`z-navbar-backdrop desktop-xs:hidden ${\n                        this._showMenu && 'show'\n                    }`}\n                    onClicked={() => (this._showMenu = false)}\n                ></p-backdrop>\n                <div class={`sidebar ${this._showMenu && 'show'}`}>\n                    <div class=\"header\">\n                        <p class=\"text-xl m-0 font-semibold text-storm-dark\">\n                            {this.menuText}\n                        </p>\n\n                        <p-button\n                            variant=\"secondary\"\n                            icon=\"negative\"\n                            iconPosition=\"end\"\n                            size=\"small\"\n                            onClick={() => (this._showMenu = false)}\n                        >\n                            {this.closeText}\n                        </p-button>\n                    </div>\n                    <div class=\"company\">\n                        <slot name=\"company\" />\n                    </div>\n                    <div class=\"content\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div class=\"user\">\n                        <slot name=\"user\" />\n                    </div>\n                </div>\n\n                <div class=\"top-bar\">\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"menu\"\n                        size=\"small\"\n                        onClick={() => (this._showMenu = true)}\n                    >\n                        {this.menuText}\n                    </p-button>\n\n                    <slot name=\"topbar\" />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('closeNavbar', { target: 'window' })\n    handleCloseNavbar() {\n        this._showMenu = false;\n    }\n\n    @Listen('openNavbar', { target: 'window' })\n    handleOpenNavbar() {\n        this._showMenu = true;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,u7I,MCOdC,EAAM,M,wCAIK,Q,cAKD,O,eAEU,K,CAE7B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,cACIG,UAAW,KACXD,MAAO,uCACHE,KAAKC,WAAa,SAEtBC,UAAW,IAAOF,KAAKC,UAAY,QAEvCL,EAAA,OAAKE,MAAO,WAAWE,KAAKC,WAAa,UACrCL,EAAA,OAAKE,MAAM,UACPF,EAAA,KAAGE,MAAM,6CACJE,KAAKG,UAGVP,EAAA,YACIQ,QAAQ,YACRC,KAAK,WACLC,aAAa,MACbC,KAAK,QACLC,QAAS,IAAOR,KAAKC,UAAY,OAEhCD,KAAKS,YAGdb,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMc,KAAK,aAEfd,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMc,KAAK,aAGfd,EAAA,OAAKE,MAAM,QACPF,EAAA,QAAMc,KAAK,WAInBd,EAAA,OAAKE,MAAM,WACPF,EAAA,YACIQ,QAAQ,YACRC,KAAK,OACLE,KAAK,QACLC,QAAS,IAAOR,KAAKC,UAAY,MAEhCD,KAAKG,UAGVP,EAAA,QAAMc,KAAK,Y,CAO3B,iBAAAC,GACIX,KAAKC,UAAY,K,CAIrB,gBAAAW,GACIZ,KAAKC,UAAY,I"}
+{"version":3,"names":["navbarComponentCss","Navbar","render","h","Host","class","applyBlur","this","_showMenu","onClicked","menuText","variant","icon","iconPosition","size","onClick","closeText","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":["@import '../../../style/mixins';\n\n:host {\n    @apply w-full max-h-screen-safe;\n    @apply desktop-xs:w-60;\n\n    .sidebar,\n    .sidebar .company,\n    .sidebar .content,\n    .sidebar .user,\n    .userbar {\n        @apply flex w-full flex-col;\n    }\n\n    .sidebar,\n    .top-bar {\n        @apply bg-white;\n        @apply border-0  border-solid border-mystic-dark #{!important};\n    }\n\n    .sidebar {\n        @apply fixed top-0 left-0 z-navbar h-screen w-60 bg-white;\n        @apply desktop-xs:relative desktop-xs:h-full desktop-xs:w-full;\n        @apply gap-6;\n\n        @apply will-change-transform;\n        @apply -translate-x-full transform-gpu desktop-xs:translate-x-0;\n\n        @apply py-4;\n\n        padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n        @apply border-r #{!important};\n\n        @apply transition-all;\n\n        .company,\n        .content,\n        .user,\n        .header {\n            @apply px-4;\n        }\n\n        .header {\n            @apply flex w-full items-center justify-between;\n            @apply desktop-xs:hidden;\n        }\n\n        .content {\n            @apply overflow-y-auto;\n\n            @include scrollbarY();\n        }\n\n        .user {\n            @apply mt-auto hidden;\n            @apply desktop-xs:flex;\n        }\n\n        &.show {\n            --tw-translate-x: env(safe-area-inset-left, 0);\n        }\n    }\n\n    .top-bar {\n        @apply flex w-full justify-between px-4 py-2;\n\n        padding-top: calc(env(safe-area-inset-top, 0) + 0.5rem);\n        height: calc(env(safe-area-inset-top, 0) + 3rem);\n\n        @apply border-b #{!important};\n\n        @apply desktop-xs:hidden;\n    }\n\n    p-backdrop {\n        @apply hidden;\n\n        &.show {\n            @apply block;\n        }\n    }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-navbar',\n    styleUrl: 'navbar.component.scss',\n    shadow: true,\n})\nexport class Navbar {\n    /**\n     * The text to display for the close button\n     */\n    @Prop() closeText = 'Close';\n\n    /**\n     * The text to display for the menu button & sidebar title\n     */\n    @Prop() menuText = 'Menu';\n\n    @State() private _showMenu = false;\n\n    render() {\n        return (\n            <Host class=\"p-navbar\">\n                <p-backdrop\n                    applyBlur={true}\n                    class={`z-navbar-backdrop desktop-xs:hidden ${\n                        this._showMenu && 'show'\n                    }`}\n                    onClicked={() => (this._showMenu = false)}\n                ></p-backdrop>\n                <div class={`sidebar ${this._showMenu && 'show'}`}>\n                    <div class=\"header\">\n                        <p class=\"text-xl m-0 font-semibold text-storm-dark\">\n                            {this.menuText}\n                        </p>\n\n                        <p-button\n                            variant=\"secondary\"\n                            icon=\"negative\"\n                            iconPosition=\"end\"\n                            size=\"small\"\n                            onClick={() => (this._showMenu = false)}\n                        >\n                            {this.closeText}\n                        </p-button>\n                    </div>\n                    <div class=\"company\">\n                        <slot name=\"company\" />\n                    </div>\n                    <div class=\"content\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div class=\"user\">\n                        <slot name=\"user\" />\n                    </div>\n                </div>\n\n                <div class=\"top-bar\">\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"menu\"\n                        size=\"small\"\n                        onClick={() => (this._showMenu = true)}\n                    >\n                        {this.menuText}\n                    </p-button>\n\n                    <slot name=\"topbar\" />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('closeNavbar', { target: 'window' })\n    handleCloseNavbar() {\n        this._showMenu = false;\n    }\n\n    @Listen('openNavbar', { target: 'window' })\n    handleOpenNavbar() {\n        this._showMenu = true;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,y9I,MCOdC,EAAM,M,wCAIK,Q,cAKD,O,eAEU,K,CAE7B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,cACIG,UAAW,KACXD,MAAO,uCACHE,KAAKC,WAAa,SAEtBC,UAAW,IAAOF,KAAKC,UAAY,QAEvCL,EAAA,OAAKE,MAAO,WAAWE,KAAKC,WAAa,UACrCL,EAAA,OAAKE,MAAM,UACPF,EAAA,KAAGE,MAAM,6CACJE,KAAKG,UAGVP,EAAA,YACIQ,QAAQ,YACRC,KAAK,WACLC,aAAa,MACbC,KAAK,QACLC,QAAS,IAAOR,KAAKC,UAAY,OAEhCD,KAAKS,YAGdb,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMc,KAAK,aAEfd,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMc,KAAK,aAGfd,EAAA,OAAKE,MAAM,QACPF,EAAA,QAAMc,KAAK,WAInBd,EAAA,OAAKE,MAAM,WACPF,EAAA,YACIQ,QAAQ,YACRC,KAAK,OACLE,KAAK,QACLC,QAAS,IAAOR,KAAKC,UAAY,MAEhCD,KAAKG,UAGVP,EAAA,QAAMc,KAAK,Y,CAO3B,iBAAAC,GACIX,KAAKC,UAAY,K,CAIrB,gBAAAW,GACIZ,KAAKC,UAAY,I"}

package/dist/{paperless/p-b7893a63.entry.js → build/p-3fcb9f40.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as o,c as i}from"./p-e4d5e7a7.js";const a=".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}";const e=class{constructor(r){t(this,r);this.variant="default";this.rounded=false}render(){return r(o,{class:`p-modal-body variant-${this.variant} ${this.rounded&&"is-rounded"}`},r("slot",null))}};e.style=a;const m=".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";const n={xs:"tablet:w-80",sm:"tablet:w-[33.5rem]",md:"tablet:w-[38rem]",lg:"tablet:w-[47.5rem]",xl:"tablet:w-[57.5rem]"};const d=class{constructor(r){t(this,r);this.size="md";this.closing=false}render(){const t=n[this.size];return r(o,{class:`p-modal-container ${this.closing&&"closing"} ${t}`},r("slot",null))}};d.style=m;const s=".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const l=class{constructor(r){t(this,r)}render(){return r(o,{class:"p-modal-footer"},r("p-divider",{class:"mb-6 mt-0 hidden desktop-xs:flex"}),r("slot",null))}};l.style=s;const p=".flex{display:flex!important}.justify-between{justify-content:space-between!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}.static{position:static!important}";const b=class{constructor(r){t(this,r);this.close=i(this,"close",3);this.showClose=true}render(){return r(o,{class:"p-modal-header"},r("span",null,r("slot",null)),this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t),size:"small"}))}};b.style=p;export{e as p_modal_body,d as p_modal_container,l as p_modal_footer,b as p_modal_header};
-//# sourceMappingURL=p-b7893a63.entry.js.map
+import{r as t,h as r,H as o,c as e}from"./p-e4d5e7a7.js";const i=".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}";const a=class{constructor(r){t(this,r);this.variant="default";this.rounded=false}render(){return r(o,{class:`p-modal-body variant-${this.variant} ${this.rounded&&"is-rounded"}`},r("slot",null))}};a.style=i;const m=".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";const d={xs:"tablet:w-80",sm:"tablet:w-[33.5rem]",md:"tablet:w-[38rem]",lg:"tablet:w-[47.5rem]",xl:"tablet:w-[57.5rem]"};const n=class{constructor(r){t(this,r);this.size="md";this.closing=false}render(){const t=d[this.size];return r(o,{class:`p-modal-container ${this.closing&&"closing"} ${t}`},r("slot",null))}};n.style=m;const s=".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const l=class{constructor(r){t(this,r)}render(){return r(o,{class:"p-modal-footer"},r("p-divider",{class:"mb-6 mt-0 hidden desktop-xs:flex"}),r("slot",null))}};l.style=s;const p=".flex{display:flex!important}.justify-between{justify-content:space-between!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}";const b=class{constructor(r){t(this,r);this.close=e(this,"close",3);this.showClose=true}render(){return r(o,{class:"p-modal-header"},r("span",null,r("slot",null)),this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t),size:"small"}))}};b.style=p;export{a as p_modal_body,n as p_modal_container,l as p_modal_footer,b as p_modal_header};
+//# sourceMappingURL=p-3fcb9f40.entry.js.map

package/dist/build/{p-b7893a63.entry.js.map → p-3fcb9f40.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n    @apply bg-white;\n    @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n    @apply px-6;\n}\n\n:host(.is-rounded) {\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-body',\n    styleUrl: 'modal-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * Wether the modal body should be rounded at the bottom\n     */\n    @Prop() rounded: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-modal-body variant-${this.variant} ${\n                    this.rounded && 'is-rounded'\n                }`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-modal-container {\n    @apply flex flex-col w-full tablet:w-auto z-modal;\n    @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n    @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n    xs: 'tablet:w-80',\n    sm: 'tablet:w-[33.5rem]',\n    md: 'tablet:w-[38rem]',\n    lg: 'tablet:w-[47.5rem]',\n    xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n    tag: 'p-modal-container',\n    styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        const sizeClass = modalSizes[this.size];\n\n        return (\n            <Host\n                class={`p-modal-container ${\n                    this.closing && 'closing'\n                } ${sizeClass}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply flex flex-col;\n    @apply pb-6 px-6;\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-footer',\n    styleUrl: 'modal-footer.component.scss',\n    shadow: true,\n})\nexport class ModalFooter {\n    render() {\n        return (\n            <Host class=\"p-modal-footer\">\n                <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-mystic rounded-t-xxlarge;\n    @apply flex justify-between items-center;\n    @apply p-4 desktop-xs:p-6;\n\n    @apply text-storm-dark text-xl font-semibold;\n    @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-header',\n    styleUrl: 'modal-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-modal-header\">\n                <span>\n                    <slot />\n                </span>\n\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={(ev) => this.close.emit(ev)}\n                        size=\"small\"\n                    ></p-button>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k8B,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,0gFCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3B,MAAAd,GACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,+sB,MCOnBC,EAAW,M,yBACpB,MAAAnB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,49B,MCOnBC,EAAW,M,qEAIA,I,CASpB,MAAArB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAUC,GAAOtB,KAAKuB,MAAMC,KAAKF,GACjCV,KAAK,U"}
+{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n    @apply bg-white;\n    @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n    @apply px-6;\n}\n\n:host(.is-rounded) {\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-body',\n    styleUrl: 'modal-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * Wether the modal body should be rounded at the bottom\n     */\n    @Prop() rounded: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-modal-body variant-${this.variant} ${\n                    this.rounded && 'is-rounded'\n                }`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-modal-container {\n    @apply flex flex-col w-full tablet:w-auto z-modal;\n    @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n    @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n    xs: 'tablet:w-80',\n    sm: 'tablet:w-[33.5rem]',\n    md: 'tablet:w-[38rem]',\n    lg: 'tablet:w-[47.5rem]',\n    xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n    tag: 'p-modal-container',\n    styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        const sizeClass = modalSizes[this.size];\n\n        return (\n            <Host\n                class={`p-modal-container ${\n                    this.closing && 'closing'\n                } ${sizeClass}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply flex flex-col;\n    @apply pb-6 px-6;\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-footer',\n    styleUrl: 'modal-footer.component.scss',\n    shadow: true,\n})\nexport class ModalFooter {\n    render() {\n        return (\n            <Host class=\"p-modal-footer\">\n                <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-mystic rounded-t-xxlarge;\n    @apply flex justify-between items-center;\n    @apply p-4 desktop-xs:p-6;\n\n    @apply text-storm-dark text-xl font-semibold;\n    @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-header',\n    styleUrl: 'modal-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-modal-header\">\n                <span>\n                    <slot />\n                </span>\n\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={(ev) => this.close.emit(ev)}\n                        size=\"small\"\n                    ></p-button>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k8B,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,0gFCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3B,MAAAd,GACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,6qB,MCOnBC,EAAW,M,yBACpB,MAAAnB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,07B,MCOnBC,EAAW,M,qEAIA,I,CASpB,MAAArB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAUC,GAAOtB,KAAKuB,MAAMC,KAAKF,GACjCV,KAAK,U"}

package/dist/build/{p-4fc9c129.entry.js → p-415c5040.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as e}from"./p-e4d5e7a7.js";const o=".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";const a=class{constructor(r){t(this,r);this.header=undefined;this.arrow=false}render(){var t,o;return r(e,{class:"p-card-header"},r("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&r("div",{class:"title"},(o=this.header)!==null&&o!==void 0?o:"",this.arrow&&r("p-icon",{variant:"arrow"})),r("slot",{name:"suffix"}))}};a.style=o;export{a as p_card_header};
-//# sourceMappingURL=p-4fc9c129.entry.js.map
+import{r as t,h as r,H as e}from"./p-e4d5e7a7.js";const o=".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const a=class{constructor(r){t(this,r);this.header=undefined;this.arrow=false}render(){var t,o;return r(e,{class:"p-card-header"},r("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&r("div",{class:"title"},(o=this.header)!==null&&o!==void 0?o:"",this.arrow&&r("p-icon",{variant:"arrow"})),r("slot",{name:"suffix"}))}};a.style=o;export{a as p_card_header};
+//# sourceMappingURL=p-415c5040.entry.js.map

package/dist/{paperless/p-4fc9c129.entry.js.map → build/p-415c5040.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardHeaderComponentCss","CardHeader","render","h","Host","class","name","_a","this","header","length","arrow","_b","variant"],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n    @apply mx-4 h-14;\n    @apply flex gap-3 items-center;\n    @apply text-storm-medium;\n    @apply border-b border-b-mystic-medium #{!important};\n\n    .title {\n        @apply order-2;\n        @apply flex items-center text-storm;\n        @apply font-semibold;\n\n        > p-icon {\n            @apply ml-2 text-mystic-dark;\n        }\n    }\n\n    [slot='prefix'] {\n        @apply order-1;\n    }\n\n    [slot='suffix'] {\n        @apply order-3;\n    }\n}\n\np-card-container.has-hover:hover {\n    p-card-header {\n        .title > p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-card-header',\n    styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n    /**\n     * Content of the card header\n     */\n    @Prop() header: string;\n\n    /**\n     * Enable the title arrow\n     */\n    @Prop() arrow: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-card-header\">\n                <slot name=\"prefix\" />\n\n                {(this.header?.length || this.arrow) && (\n                    <div class=\"title\">\n                        {this.header ?? ''}\n                        {this.arrow && <p-icon variant=\"arrow\" />}\n                    </div>\n                )}\n\n                <slot name=\"suffix\" />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,moC,MCMlBC,EAAU,M,0DASM,K,CAEzB,MAAAC,G,QACI,OACIC,EAACC,EAAI,CAACC,MAAM,iBACRF,EAAA,QAAMG,KAAK,cAETC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,SAAUF,KAAKG,QAC1BR,EAAA,OAAKE,MAAM,UACNO,EAAAJ,KAAKC,UAAM,MAAAG,SAAA,EAAAA,EAAI,GACfJ,KAAKG,OAASR,EAAA,UAAQU,QAAQ,WAIvCV,EAAA,QAAMG,KAAK,W"}
+{"version":3,"names":["cardHeaderComponentCss","CardHeader","render","h","Host","class","name","_a","this","header","length","arrow","_b","variant"],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n    @apply mx-4 h-14;\n    @apply flex gap-3 items-center;\n    @apply text-storm-medium;\n    @apply border-b border-b-mystic-medium #{!important};\n\n    .title {\n        @apply order-2;\n        @apply flex items-center text-storm;\n        @apply font-semibold;\n\n        > p-icon {\n            @apply ml-2 text-mystic-dark;\n        }\n    }\n\n    [slot='prefix'] {\n        @apply order-1;\n    }\n\n    [slot='suffix'] {\n        @apply order-3;\n    }\n}\n\np-card-container.has-hover:hover {\n    p-card-header {\n        .title > p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-card-header',\n    styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n    /**\n     * Content of the card header\n     */\n    @Prop() header: string;\n\n    /**\n     * Enable the title arrow\n     */\n    @Prop() arrow: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-card-header\">\n                <slot name=\"prefix\" />\n\n                {(this.header?.length || this.arrow) && (\n                    <div class=\"title\">\n                        {this.header ?? ''}\n                        {this.arrow && <p-icon variant=\"arrow\" />}\n                    </div>\n                )}\n\n                <slot name=\"suffix\" />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,qqC,MCMlBC,EAAU,M,0DASM,K,CAEzB,MAAAC,G,QACI,OACIC,EAACC,EAAI,CAACC,MAAM,iBACRF,EAAA,QAAMG,KAAK,cAETC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,SAAUF,KAAKG,QAC1BR,EAAA,OAAKE,MAAM,UACNO,EAAAJ,KAAKC,UAAM,MAAAG,SAAA,EAAAA,EAAI,GACfJ,KAAKG,OAASR,EAAA,UAAQU,QAAQ,WAIvCV,EAAA,QAAMG,KAAK,W"}

package/dist/build/{p-014b177a.entry.js → p-46a939e2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i}from"./p-e4d5e7a7.js";const n='.relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19.5rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}';const r=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};r.style=n;export{r as p_layout};
-//# sourceMappingURL=p-014b177a.entry.js.map
+import{r as t,h as e,H as i}from"./p-e4d5e7a7.js";const n='.relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19.5rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}.static{position:static!important}';const r=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};r.style=n;export{r as p_layout};
+//# sourceMappingURL=p-46a939e2.entry.js.map

package/dist/{paperless/p-014b177a.entry.js.map → build/p-46a939e2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n    @apply grid h-screen w-screen content-start overflow-hidden;\n\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(1fr, 3);\n    gap: 0;\n    grid-template-areas:\n        'sidebar'\n        'topbar'\n        'content';\n\n    @screen desktop-xs {\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n        grid-template-areas:\n            'topbar topbar'\n            'sidebar content';\n    }\n\n    .topbar,\n    .sidebar,\n    .content {\n        @apply self-start;\n    }\n\n    .topbar {\n        grid-area: topbar;\n\n        @apply sticky w-full;\n        @apply order-2 desktop-sm:order-1;\n    }\n\n    .sidebar {\n        grid-area: sidebar;\n\n        @apply box-border flex h-full;\n        @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n        @apply order-1 desktop-sm:order-2;\n    }\n\n    .content {\n        grid-area: content;\n\n        @apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n        @apply order-3;\n\n        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n            env(safe-area-inset-left);\n\n        .inner-content {\n            @apply relative pb-24;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n            @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n        }\n    }\n}\n\n:host(.variant-default) {\n    .content {\n        @apply flex-1;\n    }\n}\n\n:host(.variant-login) {\n    grid-template-areas:\n        'topbar topbar'\n        'content content';\n\n    @screen desktop-xs {\n        grid-template-areas:\n            'topbar topbar'\n            'content sidebar';\n    }\n\n    .sidebar {\n        @apply hidden w-unset desktop-xs:flex;\n        @apply order-3 p-2;\n        @apply flex-1 overflow-hidden;\n\n        .inner-content {\n            @apply p-2;\n        }\n    }\n\n    .content {\n        @apply order-3 desktop-xs:order-2;\n        @apply items-center desktop-xs:justify-center;\n\n        .inner-content {\n            @apply box-border;\n            @apply desktop-xs:px-18 desktop-xs:py-0;\n            @apply w-full tablet:w-content-desktop-login;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n            @screen desktop-xs {\n                @apply pt-content-mobile-y;\n            }\n        }\n    }\n}\n\n:host(.variant-office) {\n    .sidebar {\n        @apply desktop-sm:w-sidebar-office-desktop;\n    }\n}","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-layout',\n    styleUrl: 'layout.component.scss',\n    shadow: true,\n})\nexport class Layout {\n    /**\n     * Variant of the layout\n     */\n    @Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-layout variant-${this.variant}`}>\n                <div class=\"topbar\">\n                    <slot name=\"topbar\" />\n                </div>\n                <div class=\"sidebar\">\n                    <slot name=\"sidebar\" />\n                </div>\n                <div class=\"content\">\n                    <div class=\"inner-content\">\n                        <slot name=\"content\" />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,ulH,MCOdC,EAAM,M,sCAImC,S,CAElD,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WAClCJ,EAAA,OAAKE,MAAM,UACPF,EAAA,QAAMK,KAAK,YAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMK,KAAK,aAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAM,iBACPF,EAAA,QAAMK,KAAK,c"}
+{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n    @apply grid h-screen w-screen content-start overflow-hidden;\n\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(1fr, 3);\n    gap: 0;\n    grid-template-areas:\n        'sidebar'\n        'topbar'\n        'content';\n\n    @screen desktop-xs {\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n        grid-template-areas:\n            'topbar topbar'\n            'sidebar content';\n    }\n\n    .topbar,\n    .sidebar,\n    .content {\n        @apply self-start;\n    }\n\n    .topbar {\n        grid-area: topbar;\n\n        @apply sticky w-full;\n        @apply order-2 desktop-sm:order-1;\n    }\n\n    .sidebar {\n        grid-area: sidebar;\n\n        @apply box-border flex h-full;\n        @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n        @apply order-1 desktop-sm:order-2;\n    }\n\n    .content {\n        grid-area: content;\n\n        @apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n        @apply order-3;\n\n        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n            env(safe-area-inset-left);\n\n        .inner-content {\n            @apply relative pb-24;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n            @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n        }\n    }\n}\n\n:host(.variant-default) {\n    .content {\n        @apply flex-1;\n    }\n}\n\n:host(.variant-login) {\n    grid-template-areas:\n        'topbar topbar'\n        'content content';\n\n    @screen desktop-xs {\n        grid-template-areas:\n            'topbar topbar'\n            'content sidebar';\n    }\n\n    .sidebar {\n        @apply hidden w-unset desktop-xs:flex;\n        @apply order-3 p-2;\n        @apply flex-1 overflow-hidden;\n\n        .inner-content {\n            @apply p-2;\n        }\n    }\n\n    .content {\n        @apply order-3 desktop-xs:order-2;\n        @apply items-center desktop-xs:justify-center;\n\n        .inner-content {\n            @apply box-border;\n            @apply desktop-xs:px-18 desktop-xs:py-0;\n            @apply w-full tablet:w-content-desktop-login;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n            @screen desktop-xs {\n                @apply pt-content-mobile-y;\n            }\n        }\n    }\n}\n\n:host(.variant-office) {\n    .sidebar {\n        @apply desktop-sm:w-sidebar-office-desktop;\n    }\n}","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-layout',\n    styleUrl: 'layout.component.scss',\n    shadow: true,\n})\nexport class Layout {\n    /**\n     * Variant of the layout\n     */\n    @Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-layout variant-${this.variant}`}>\n                <div class=\"topbar\">\n                    <slot name=\"topbar\" />\n                </div>\n                <div class=\"sidebar\">\n                    <slot name=\"sidebar\" />\n                </div>\n                <div class=\"content\">\n                    <div class=\"inner-content\">\n                        <slot name=\"content\" />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,ynH,MCOdC,EAAM,M,sCAImC,S,CAElD,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WAClCJ,EAAA,OAAKE,MAAM,UACPF,EAAA,QAAMK,KAAK,YAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMK,KAAK,aAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAM,iBACPF,EAAA,QAAMK,KAAK,c"}

package/dist/build/{p-15436226.entry.js → p-682db916.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as o}from"./p-e4d5e7a7.js";const r=".inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--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))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";const e=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.counter=undefined;this.href=undefined;this.target=undefined}render(){return i(o,{class:`p-navigation-item ${this.active&&"active"}`},i("a",{href:this.href,target:this.target},this.icon&&i("p-icon",{variant:this.icon}),i("span",{class:this.counter&&"has-counter"},i("slot",null)),this.counter&&i("p-counter",{variant:"negative"},this.counter)))}};e.style=r;export{e as p_navigation_item};
-//# sourceMappingURL=p-15436226.entry.js.map
+import{r as t,h as i,H as o}from"./p-e4d5e7a7.js";const r=".inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--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))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const a=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.counter=undefined;this.href=undefined;this.target=undefined}render(){return i(o,{class:`p-navigation-item ${this.active&&"active"}`},i("a",{href:this.href,target:this.target},this.icon&&i("p-icon",{variant:this.icon}),i("span",{class:this.counter&&"has-counter"},i("slot",null)),this.counter&&i("p-counter",{variant:"negative"},this.counter)))}};a.style=r;export{a as p_navigation_item};
+//# sourceMappingURL=p-682db916.entry.js.map

package/dist/build/{p-15436226.entry.js.map → p-682db916.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["navigationItemComponentCss","NavigationItem","render","h","Host","class","this","active","href","target","icon","variant","counter"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n    @apply w-full inline-block mb-1;\n\n    > a {\n        @apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n        @apply flex items-center gap-2;\n        @apply text-storm font-semibold;\n\n        @apply hover:bg-indigo-light;\n\n        > p-icon {\n            @apply text-storm;\n        }\n\n        > p-counter {\n            @apply ml-auto;\n        }\n    }\n}\n\n:host(.active) {\n    > a {\n        @apply text-indigo bg-indigo-light;\n\n        > p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-navigation-item',\n    styleUrl: 'navigation-item.component.scss',\n    shadow: true,\n})\nexport class NavigationItem {\n    /**\n     * Wether the navigation item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() counter: number | string;\n\n    /**\n     * The href of the navigation item\n     */\n    @Prop() href: string;\n\n    /**\n     * The target of the navigation item\n     */\n    @Prop() target: string;\n\n    render() {\n        return (\n            <Host class={`p-navigation-item ${this.active && 'active'}`}>\n                <a href={this.href} target={this.target}>\n                    {this.icon && <p-icon variant={this.icon} />}\n                    <span class={this.counter && 'has-counter'}>\n                        <slot />\n                    </span>\n                    {this.counter && (\n                        <p-counter variant=\"negative\">{this.counter}</p-counter>\n                    )}\n                </a>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,qxC,MCQtBC,EAAc,M,qCAIG,M,qFAsB1B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,QAAU,YAC7CJ,EAAA,KAAGK,KAAMF,KAAKE,KAAMC,OAAQH,KAAKG,QAC5BH,KAAKI,MAAQP,EAAA,UAAQQ,QAASL,KAAKI,OACpCP,EAAA,QAAME,MAAOC,KAAKM,SAAW,eACzBT,EAAA,cAEHG,KAAKM,SACFT,EAAA,aAAWQ,QAAQ,YAAYL,KAAKM,U"}
+{"version":3,"names":["navigationItemComponentCss","NavigationItem","render","h","Host","class","this","active","href","target","icon","variant","counter"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n    @apply w-full inline-block mb-1;\n\n    > a {\n        @apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n        @apply flex items-center gap-2;\n        @apply text-storm font-semibold;\n\n        @apply hover:bg-indigo-light;\n\n        > p-icon {\n            @apply text-storm;\n        }\n\n        > p-counter {\n            @apply ml-auto;\n        }\n    }\n}\n\n:host(.active) {\n    > a {\n        @apply text-indigo bg-indigo-light;\n\n        > p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-navigation-item',\n    styleUrl: 'navigation-item.component.scss',\n    shadow: true,\n})\nexport class NavigationItem {\n    /**\n     * Wether the navigation item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() counter: number | string;\n\n    /**\n     * The href of the navigation item\n     */\n    @Prop() href: string;\n\n    /**\n     * The target of the navigation item\n     */\n    @Prop() target: string;\n\n    render() {\n        return (\n            <Host class={`p-navigation-item ${this.active && 'active'}`}>\n                <a href={this.href} target={this.target}>\n                    {this.icon && <p-icon variant={this.icon} />}\n                    <span class={this.counter && 'has-counter'}>\n                        <slot />\n                    </span>\n                    {this.counter && (\n                        <p-counter variant=\"negative\">{this.counter}</p-counter>\n                    )}\n                </a>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,uzC,MCQtBC,EAAc,M,qCAIG,M,qFAsB1B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,QAAU,YAC7CJ,EAAA,KAAGK,KAAMF,KAAKE,KAAMC,OAAQH,KAAKG,QAC5BH,KAAKI,MAAQP,EAAA,UAAQQ,QAASL,KAAKI,OACpCP,EAAA,QAAME,MAAOC,KAAKM,SAAW,eACzBT,EAAA,cAEHG,KAAKM,SACFT,EAAA,aAAWQ,QAAQ,YAAYL,KAAKM,U"}

package/dist/build/p-699e0b35.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as e}from"./p-e4d5e7a7.js";const r=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";const o=class{constructor(a){t(this,a);this.download=i(this,"download",3);this.delete=i(this,"delete",3);this.mode="read";this.loading=false;this.error=undefined;this.downloading=false}render(){var t,i;let r=a("p-icon",{variant:"attachment"});if(this.loading){r=a("p-loader",null)}if(this.error){r=a("p-icon",{variant:"warning",class:"text-negative"})}return a(e,{class:"p-attachment flex items-start gap-4"},a("div",{class:`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${((t=this.error)===null||t===void 0?void 0:t.length)?"text-negative":"text-storm-medium"}`},r,a("span",{class:"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap"},a("slot",null)),((i=this.error)===null||i===void 0?void 0:i.length)&&a("p-input-error",{error:this.error})),a("p-button",{variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":"trash",disabled:this.loading,loading:this.mode==="read"&&this.downloading,size:"small",onOnClick:()=>(this.mode==="read"?this.download:this.delete).emit()}))}};o.style=r;export{o as p_attachment};
+//# sourceMappingURL=p-699e0b35.entry.js.map

package/dist/build/{p-7fee50ef.entry.js.map → p-699e0b35.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n    @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-attachment',\n    styleUrl: 'attachment.component.scss',\n    shadow: true,\n})\nexport class Attachment {\n    /**\n     * The variant of the button\n     */\n    @Prop() mode: 'read' | 'write' = 'read';\n\n    /**\n     * Wether the attachment is uploading/loading\n     */\n    @Prop() loading = false;\n\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Event when download is pressed\n     */\n    @Event({\n        bubbles: false\n    }) download: EventEmitter<any>;\n\n    /**\n     * Wether the attachment is downloading\n     */\n    @Prop() downloading = false;\n\n    /**\n     * Event when delete is pressed\n     */\n    @Event({\n        bubbles: false\n    }) delete: EventEmitter<any>;\n\n    render() {\n        let prefix = <p-icon variant=\"attachment\" />;\n\n        if (this.loading) {\n            prefix = <p-loader />;\n        }\n\n        if (this.error) {\n            prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n        }\n\n        return (\n            <Host class=\"p-attachment flex items-start gap-4\">\n                <div\n                    class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n                        this.error?.length\n                            ? 'text-negative'\n                            : 'text-storm-medium'\n                    }`}\n                >\n                    {prefix}\n\n                    <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                        <slot />\n                    </span>\n\n                    {this.error?.length && <p-input-error error={this.error} />}\n                </div>\n\n                <p-button\n                    variant=\"secondary\"\n                    iconOnly={true}\n                    icon={this.mode === 'read' ? 'download' : 'trash'}\n                    disabled={this.loading}\n                    loading={this.mode === 'read' && this.downloading}\n                    size=\"small\"\n                    onOnClick={() =>\n                        (this.mode === 'read'\n                            ? this.download\n                            : this.delete\n                        ).emit()\n                    }\n                />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,+7B,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAiBI,K,CAStB,MAAAC,G,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}
+{"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n    @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-attachment',\n    styleUrl: 'attachment.component.scss',\n    shadow: true,\n})\nexport class Attachment {\n    /**\n     * The variant of the button\n     */\n    @Prop() mode: 'read' | 'write' = 'read';\n\n    /**\n     * Wether the attachment is uploading/loading\n     */\n    @Prop() loading = false;\n\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Event when download is pressed\n     */\n    @Event({\n        bubbles: false\n    }) download: EventEmitter<any>;\n\n    /**\n     * Wether the attachment is downloading\n     */\n    @Prop() downloading = false;\n\n    /**\n     * Event when delete is pressed\n     */\n    @Event({\n        bubbles: false\n    }) delete: EventEmitter<any>;\n\n    render() {\n        let prefix = <p-icon variant=\"attachment\" />;\n\n        if (this.loading) {\n            prefix = <p-loader />;\n        }\n\n        if (this.error) {\n            prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n        }\n\n        return (\n            <Host class=\"p-attachment flex items-start gap-4\">\n                <div\n                    class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n                        this.error?.length\n                            ? 'text-negative'\n                            : 'text-storm-medium'\n                    }`}\n                >\n                    {prefix}\n\n                    <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                        <slot />\n                    </span>\n\n                    {this.error?.length && <p-input-error error={this.error} />}\n                </div>\n\n                <p-button\n                    variant=\"secondary\"\n                    iconOnly={true}\n                    icon={this.mode === 'read' ? 'download' : 'trash'}\n                    disabled={this.loading}\n                    loading={this.mode === 'read' && this.downloading}\n                    size=\"small\"\n                    onOnClick={() =>\n                        (this.mode === 'read'\n                            ? this.download\n                            : this.delete\n                        ).emit()\n                    }\n                />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,i+B,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAiBI,K,CAStB,MAAAC,G,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}

package/dist/{paperless/p-e193e319.entry.js → build/p-6ac7f2a2.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))}.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
+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

package/dist/{paperless/p-e193e319.entry.js.map → build/p-6ac7f2a2.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,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"}
+{"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"}

package/dist/build/{p-18ccf493.entry.js → p-7793ba3a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as o}from"./p-e4d5e7a7.js";const a=".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";const e=class{constructor(r){t(this,r);this.active=false}render(){return r(o,{class:`p-tab-item ${this.active&&"active"}`},r("slot",null))}};e.style=a;export{e as p_tab_item};
-//# sourceMappingURL=p-18ccf493.entry.js.map
+import{r as t,h as r,H as o}from"./p-e4d5e7a7.js";const i=".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}.static{position:static!important}";const a=class{constructor(r){t(this,r);this.active=false}render(){return r(o,{class:`p-tab-item ${this.active&&"active"}`},r("slot",null))}};a.style=i;export{a as p_tab_item};
+//# sourceMappingURL=p-7793ba3a.entry.js.map

package/dist/build/{p-18ccf493.entry.js.map → p-7793ba3a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tabItemComponentCss","TabItem","render","h","Host","class","this","active"],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex h-10 items-center;\n    @apply whitespace-nowrap font-semibold text-storm-medium;\n    @apply cursor-pointer;\n    @apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n    @apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-tab-item',\n    styleUrl: 'tab-item.component.scss',\n    shadow: true,\n})\nexport class TabItem {\n    /**\n     * Wether the tab item is active\n     */\n    @Prop() active: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-tab-item ${this.active && 'active'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,s7B,MCOfC,EAAO,M,qCAIU,K,CAE1B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,cAAcC,KAAKC,QAAU,YACtCJ,EAAA,a"}
+{"version":3,"names":["tabItemComponentCss","TabItem","render","h","Host","class","this","active"],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex h-10 items-center;\n    @apply whitespace-nowrap font-semibold text-storm-medium;\n    @apply cursor-pointer;\n    @apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n    @apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-tab-item',\n    styleUrl: 'tab-item.component.scss',\n    shadow: true,\n})\nexport class TabItem {\n    /**\n     * Wether the tab item is active\n     */\n    @Prop() active: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-tab-item ${this.active && 'active'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,w9B,MCOfC,EAAO,M,qCAIU,K,CAE1B,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,cAAcC,KAAKC,QAAU,YACtCJ,EAAA,a"}

package/dist/build/p-7d15ff9a.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,H as e,g as r}from"./p-e4d5e7a7.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}";const h=class{constructor(i){s(this,i);this.closeClicked=t(this,"closeClicked",3);this.closed=t(this,"closed",3);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var s;if(!this.show){return}const t=i("slot",{name:"header"});const r=i("slot",{name:"content"});return i(e,{class:"p-drawer"},i("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:s=>this._backdropClick(s.detail),closing:this._closing,scrollLock:this.scrollLock},i("p-drawer-container",{closing:this._closing},(((s=this.header)===null||s===void 0?void 0:s.length)||this._hasHeaderSlot)&&i("p-drawer-header",{"show-close":this.showClose,onClose:s=>this.close(s.detail)},this._hasHeaderSlot?t:this.header),i("p-drawer-body",null,r))))}_backdropClick(s){if(!this.backdropClickClose){return}this.close(s)}close(s){this.closeClicked.emit({event:s,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return r(this)}};h.style=o;export{h as p_drawer};
+//# sourceMappingURL=p-7d15ff9a.entry.js.map

package/dist/build/{p-72f5d89f.entry.js.map → p-7d15ff9a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false\n    }) closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,8E,MCgBdC,EAAM,M,mGA0DPC,KAAAC,eAAiB,M,gCAjDD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cA0BF,K,CAE5B,iBAAAC,GACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIR,MAAAC,G,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5B,cAAAO,CAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGR,KAAAW,CAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}
+{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false\n    }) closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,gH,MCgBdC,EAAM,M,mGA0DPC,KAAAC,eAAiB,M,gCAjDD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cA0BF,K,CAE5B,iBAAAC,GACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIR,MAAAC,G,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5B,cAAAO,CAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGR,KAAAW,CAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}

package/dist/build/{p-530c4e2b.entry.js → p-97bcf0b5.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as i,g as r}from"./p-e4d5e7a7.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";const e=class{constructor(o){t(this,o);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return o(i,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},o("div",{class:"header"},o("slot",{name:"header"})),o("div",{class:"content"},o("slot",{name:"content"})),this.closeable&&o("div",{class:"close",onClick:()=>this._close()},o("p-icon",{variant:"negative"})))}_close(){this._el.remove()}get _el(){return r(this)}};e.style=a;export{e as p_info_panel};
-//# sourceMappingURL=p-530c4e2b.entry.js.map
+import{r as t,h as o,H as i,g as r}from"./p-e4d5e7a7.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const e=class{constructor(o){t(this,o);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return o(i,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},o("div",{class:"header"},o("slot",{name:"header"})),o("div",{class:"content"},o("slot",{name:"content"})),this.closeable&&o("div",{class:"close",onClick:()=>this._close()},o("p-icon",{variant:"negative"})))}_close(){this._el.remove()}get _el(){return r(this)}};e.style=a;export{e as p_info_panel};
+//# sourceMappingURL=p-97bcf0b5.entry.js.map

package/dist/build/{p-530c4e2b.entry.js.map → p-97bcf0b5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n  @apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n  .header {\n    @apply font-semibold text-storm-dark;\n  }\n\n  .content {\n    @apply text-sm;\n  }\n\n  .close {\n    @apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n  }\n}\n\n:host(.variant-positive) {\n  @apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n  @apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n  @apply bg-negative-light;\n}\n\n:host(.has-close) {\n  @apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'p-info-panel',\n  styleUrl: 'info-panel.component.scss',\n  shadow: true,\n})\nexport class InfoPanel {\n  /**\n   * The variant of the info panel\n   */\n  @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n  /**\n   * The header of the info panel\n   */\n  @Prop() header: string;\n\n  /**\n   * The content of the info panel\n   */\n  @Prop() content: string;\n\n  /**\n   * Wether the panel can be closed\n   */\n  @Prop() closeable: boolean = false;\n\n  /**\n   * The host element\n   */\n  @Element() private _el: HTMLElement;\n\n  render() {\n    return (\n      <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n        <div class=\"header\">\n          <slot name=\"header\" />\n        </div>\n        <div class=\"content\">\n          <slot name=\"content\" />\n        </div>\n\n        {this.closeable && (\n          <div class=\"close\" onClick={() => this._close()}>\n            <p-icon variant=\"negative\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private _close() {\n    this._el.remove();\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,svC,MCOjBC,EAAS,M,sCAI6C,O,4DAepC,K,CAO7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAO,wBAAwBC,KAAKC,WAAWD,KAAKE,WAAa,eACrEL,EAAA,OAAKE,MAAM,UACTF,EAAA,QAAMM,KAAK,YAEbN,EAAA,OAAKE,MAAM,WACTF,EAAA,QAAMM,KAAK,aAGZH,KAAKE,WACJL,EAAA,OAAKE,MAAM,QAAQK,QAAS,IAAMJ,KAAKK,UACrCR,EAAA,UAAQI,QAAQ,c,CAOlB,MAAAI,GACNL,KAAKM,IAAIC,Q"}
+{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n  @apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n  .header {\n    @apply font-semibold text-storm-dark;\n  }\n\n  .content {\n    @apply text-sm;\n  }\n\n  .close {\n    @apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n  }\n}\n\n:host(.variant-positive) {\n  @apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n  @apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n  @apply bg-negative-light;\n}\n\n:host(.has-close) {\n  @apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'p-info-panel',\n  styleUrl: 'info-panel.component.scss',\n  shadow: true,\n})\nexport class InfoPanel {\n  /**\n   * The variant of the info panel\n   */\n  @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n  /**\n   * The header of the info panel\n   */\n  @Prop() header: string;\n\n  /**\n   * The content of the info panel\n   */\n  @Prop() content: string;\n\n  /**\n   * Wether the panel can be closed\n   */\n  @Prop() closeable: boolean = false;\n\n  /**\n   * The host element\n   */\n  @Element() private _el: HTMLElement;\n\n  render() {\n    return (\n      <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n        <div class=\"header\">\n          <slot name=\"header\" />\n        </div>\n        <div class=\"content\">\n          <slot name=\"content\" />\n        </div>\n\n        {this.closeable && (\n          <div class=\"close\" onClick={() => this._close()}>\n            <p-icon variant=\"negative\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  private _close() {\n    this._el.remove();\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,wxC,MCOjBC,EAAS,M,sCAI6C,O,4DAepC,K,CAO7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAO,wBAAwBC,KAAKC,WAAWD,KAAKE,WAAa,eACrEL,EAAA,OAAKE,MAAM,UACTF,EAAA,QAAMM,KAAK,YAEbN,EAAA,OAAKE,MAAM,WACTF,EAAA,QAAMM,KAAK,aAGZH,KAAKE,WACJL,EAAA,OAAKE,MAAM,QAAQK,QAAS,IAAMJ,KAAKK,UACrCR,EAAA,UAAQI,QAAQ,c,CAOlB,MAAAI,GACNL,KAAKM,IAAIC,Q"}

package/dist/build/{p-dd8532ab.entry.js → p-af6b813e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as a}from"./p-e4d5e7a7.js";const e=".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";const i=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};i.style=e;export{i as p_avatar_group};
-//# sourceMappingURL=p-dd8532ab.entry.js.map
+import{r as t,h as r,H as a}from"./p-e4d5e7a7.js";const i=".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};e.style=i;export{e as p_avatar_group};
+//# sourceMappingURL=p-af6b813e.entry.js.map

package/dist/build/{p-dd8532ab.entry.js.map → p-af6b813e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","class","this","extra"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n    @apply flex -space-x-1 overflow-hidden items-center;\n\n    p-avatar > img {\n        @apply ring-2 ring-white;\n    }\n\n    p-avatar:nth-child(1) {\n        z-index: 3;\n    }\n\n    p-avatar:nth-child(2) {\n        z-index: 2;\n    }\n\n    p-avatar:nth-child(3) {\n        z-index: 1;\n    }\n\n    .extra {\n        @apply text-sm text-storm-vague pl-4;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar-group',\n    styleUrl: 'avatar-group.component.scss',\n    // shadow: true,\n})\nexport class AvatarGroup {\n    /**\n     * The amount to show after the avatars\n     */\n    @Prop() extra: number;\n\n    render() {\n        return (\n            <Host class=\"p-avatar-group\">\n                <slot />\n\n                {this.extra && <span class=\"extra\">+{this.extra}</span>}\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,ktD,MCOnBC,EAAW,M,8CAMpB,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}
+{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","class","this","extra"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n    @apply flex -space-x-1 overflow-hidden items-center;\n\n    p-avatar > img {\n        @apply ring-2 ring-white;\n    }\n\n    p-avatar:nth-child(1) {\n        z-index: 3;\n    }\n\n    p-avatar:nth-child(2) {\n        z-index: 2;\n    }\n\n    p-avatar:nth-child(3) {\n        z-index: 1;\n    }\n\n    .extra {\n        @apply text-sm text-storm-vague pl-4;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar-group',\n    styleUrl: 'avatar-group.component.scss',\n    // shadow: true,\n})\nexport class AvatarGroup {\n    /**\n     * The amount to show after the avatars\n     */\n    @Prop() extra: number;\n\n    render() {\n        return (\n            <Host class=\"p-avatar-group\">\n                <slot />\n\n                {this.extra && <span class=\"extra\">+{this.extra}</span>}\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,ovD,MCOnBC,EAAW,M,8CAMpB,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}