@paperless/core 0.1.0-alpha.49 → 0.1.0-alpha.51

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.
 
+# 0.1.0-alpha.51 (2022-08-10)
+
+
+### Features
+
+* **Atoms:** Add profile component ([6940b79](https://github.com/ionic-team/stencil-component-starter/commit/6940b79aa89a65e1da802c7a2bddcc79b4b5be7e))
+
+
+
+
+
+# 0.1.0-alpha.50 (2022-08-09)
+
+
+### Features
+
+* **Atoms:** Add avatar group component ([a5db706](https://github.com/ionic-team/stencil-component-starter/commit/a5db7063e414c37748efd63918a2590571d90a87))
+
+
+
+
+
 # 0.1.0-alpha.49 (2022-08-08)
 
 

package/dist/build/p-2c7eebe0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as a}from"./p-0100c1a2.js";const i=class{constructor(r){t(this,r)}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};i.style=".static{position:static!important}.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}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}";export{i as p_avatar_group}

package/dist/build/p-30026c58.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as a,g as i}from"./p-0100c1a2.js";const r=class{constructor(e){t(this,e)}render(){const t=this._generateAvatar();return e(a,{class:"p-profile"},t,e("div",{class:"name"},e("slot",{name:"title"}),e("slot",{name:"subtitle"})))}_generateAvatar(){var t,a;const i=this._el.querySelector('p-avatar[slot="avatar"]');return e("p-avatar",{class:"flex",src:null!==(t=i.src)&&void 0!==t?t:null,"default-image":null!==(a=i.defaultImage)&&void 0!==a?a:null,variant:i.variant,size:"small"})}get _el(){return i(this)}};r.style=".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}:host{align-items:center;display:flex;gap:1rem}:host .name{display:flex;flex-direction:column;justify-content:center}:host .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}";export{r as p_profile}

package/dist/build/p-a69581db.entry.js

@@ -0,0 +1 @@
+import{r as t,h as a,H as r}from"./p-0100c1a2.js";const i=class{constructor(a){t(this,a),this.variant="user",this.size="medium",this._src=this.src}render(){return this._src||this._setDefaultLink(),a(r,{class:"p-avatar"},a("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=null!==(t=this.defaultImage)&&void 0!==t?t:"user"===this.variant?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}};i.style=".static{position:static!important}.flex{display:flex!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]>img{height:5rem;width:5rem}p-avatar[size=large]>img{height:7rem;width:7rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";export{i as p_avatar}

package/dist/build/paperless.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./p-0100c1a2.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((e=>i([["p-19254809",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4]}]]],["p-2c23d197",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-fb1e33eb",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-ffeed7c6",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-27914eed",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-b68368f3",[[1,"p-dropdown",{placement:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-6e60b92a",[[1,"p-helper"]]],["p-4a85b858",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-3b491ca2",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-7784ee14",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-19d84fe7",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-ccbddcbb",[[4,"p-card-body",{inheritText:[4,"inherit-text"]}]]],["p-67fc89a6",[[1,"p-card-container",{hoverable:[4]}]]],["p-3f6d3736",[[1,"p-dropdown-menu-item",{active:[4]}]]],["p-d069673f",[[0,"p-illustration",{variant:[1]}]]],["p-864ac423",[[4,"p-segment-container"]]],["p-11d24001",[[1,"p-counter"]]],["p-c64e2313",[[4,"p-dropdown-menu-container"]]],["p-2120a0b7",[[1,"p-pagination-item",{active:[4]}]]],["p-f50c6e5b",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-7cf04cb4",[[1,"p-stepper-step",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-5438d70e",[[1,"p-divider"]]],["p-5101f35f",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}],[1,"p-modal-header"]]],["p-0fc4e043",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],chevron:[8],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));
+import{p as e,b as i}from"./p-0100c1a2.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((e=>i([["p-19254809",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4]}]]],["p-2c23d197",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-fb1e33eb",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-ffeed7c6",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-27914eed",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-b68368f3",[[1,"p-dropdown",{placement:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-6e60b92a",[[1,"p-helper"]]],["p-4a85b858",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-30026c58",[[1,"p-profile"]]],["p-3b491ca2",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-7784ee14",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-2c7eebe0",[[4,"p-avatar-group",{extra:[2]}]]],["p-ccbddcbb",[[4,"p-card-body",{inheritText:[4,"inherit-text"]}]]],["p-67fc89a6",[[1,"p-card-container",{hoverable:[4]}]]],["p-3f6d3736",[[1,"p-dropdown-menu-item",{active:[4]}]]],["p-d069673f",[[0,"p-illustration",{variant:[1]}]]],["p-864ac423",[[4,"p-segment-container"]]],["p-a69581db",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-11d24001",[[1,"p-counter"]]],["p-c64e2313",[[4,"p-dropdown-menu-container"]]],["p-2120a0b7",[[1,"p-pagination-item",{active:[4]}]]],["p-f50c6e5b",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-5438d70e",[[1,"p-divider"]]],["p-5101f35f",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}],[1,"p-modal-header"]]],["p-0fc4e043",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],chevron:[8],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-7cf04cb4",[[1,"p-stepper-step",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]]],e)));

package/dist/cjs/index-f9c302b6.js

@@ -1617,10 +1617,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './p-button_3.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'p-avatar.cjs':
+        case 'p-avatar-group.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
-            './p-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+            './p-avatar-group.cjs.entry.js')); }).then(processMod, consoleError);
         case 'p-card-body.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -1665,6 +1665,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './p-pagination.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-profile.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-profile.cjs.entry.js')); }).then(processMod, consoleError);
         case 'p-segment-container.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -1681,6 +1685,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './p-stepper.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-avatar.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-avatar.cjs.entry.js')); }).then(processMod, consoleError);
         case 'p-counter.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-stepper-line_2.cjs",[[1,"p-stepper-step",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-profile.cjs",[[1,"p-profile"]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar-group.cjs",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-avatar.cjs",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-stepper-line_2.cjs",[[1,"p-stepper-step",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]]], options);
   });
 };
 

package/dist/cjs/p-avatar-group.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9c302b6.js');
+
+const avatarGroupComponentCss = ".static{position:static!important}.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}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 AvatarGroup = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { class: "p-avatar-group" }, index.h("slot", null), this.extra && index.h("span", { class: "extra" }, "+", this.extra)));
+  }
+};
+AvatarGroup.style = avatarGroupComponentCss;
+
+exports.p_avatar_group = AvatarGroup;

package/dist/cjs/p-avatar.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9c302b6.js');
 
-const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}:host{display:inline-block}:host>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.size-small)>img{height:2.5rem;width:2.5rem}:host(.size-medium)>img{height:5rem;width:5rem}:host(.size-large)>img{height:7rem;width:7rem}:host(.variant-company)>img{border-radius:.25rem}:host(.variant-company.size-large),:host(.variant-company.size-medium){border-radius:.375rem}:host(.variant-user)>img{border-radius:100%}";
+const avatarComponentCss = ".static{position:static!important}.flex{display:flex!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]>img{height:5rem;width:5rem}p-avatar[size=large]>img{height:7rem;width:7rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
 
 const Avatar = class {
   constructor(hostRef) {
@@ -20,7 +20,10 @@ const Avatar = class {
     this._src = this.src;
   }
   render() {
-    return (index.h(index.Host, { class: `p-avatar size-${this.size} variant-${this.variant}` }, index.h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+    if (!this._src) {
+      this._setDefaultLink();
+    }
+    return (index.h(index.Host, { class: "p-avatar" }, index.h("img", { src: this._src, onError: () => this._setDefaultLink() })));
   }
   _setDefaultLink() {
     var _a;

package/dist/cjs/p-profile.cjs.entry.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9c302b6.js');
+
+const profileComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}:host{align-items:center;display:flex;gap:1rem}:host .name{display:flex;flex-direction:column;justify-content:center}:host .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}";
+
+const Profile = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    const avatar = this._generateAvatar();
+    return (index.h(index.Host, { class: "p-profile" }, avatar, index.h("div", { class: "name" }, index.h("slot", { name: "title" }), index.h("slot", { name: "subtitle" }))));
+  }
+  _generateAvatar() {
+    var _a, _b;
+    const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
+    return (index.h("p-avatar", { class: "flex", src: (_a = avatar.src) !== null && _a !== void 0 ? _a : null, "default-image": (_b = avatar.defaultImage) !== null && _b !== void 0 ? _b : null, variant: avatar.variant, size: "small" }));
+  }
+  get _el() { return index.getElement(this); }
+};
+Profile.style = profileComponentCss;
+
+exports.p_profile = Profile;

package/dist/cjs/paperless.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar.cjs",[[1,"p-avatar",{"variant":[1],"size":[1],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-stepper-line_2.cjs",[[1,"p-stepper-step",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]]], options);
+  return index.bootstrapLazy([["p-modal.cjs",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper.cjs",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-navigation-item.cjs",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination.cjs",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header.cjs",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown.cjs",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-helper.cjs",[[1,"p-helper"]]],["p-info-panel.cjs",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-profile.cjs",[[1,"p-profile"]]],["p-segment-item.cjs",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status.cjs",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-avatar-group.cjs",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body.cjs",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container.cjs",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item.cjs",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration.cjs",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container.cjs",[[4,"p-segment-container"]]],["p-avatar.cjs",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter.cjs",[[1,"p-counter"]]],["p-dropdown-menu-container.cjs",[[4,"p-dropdown-menu-container"]]],["p-pagination-item.cjs",[[1,"p-pagination-item",{"active":[4]}]]],["p-tooltip.cjs",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-divider.cjs",[[1,"p-divider"]]],["p-modal-backdrop_5.cjs",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]],["p-button_3.cjs",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-stepper-line_2.cjs",[[1,"p-stepper-step",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "./components/atoms/icon/icon.component.js",
     "./components/atoms/illustration/illustration.component.js",
     "./components/atoms/avatar/avatar.component.js",
+    "./components/atoms/avatar-group/avatar-group.component.js",
     "./components/atoms/button/button.component.js",
     "./components/atoms/card-body/card-body.component.js",
     "./components/atoms/card-container/card-container.component.js",
@@ -20,6 +21,7 @@
     "./components/atoms/modal-footer/modal-footer.component.js",
     "./components/atoms/modal-header/modal-header.component.js",
     "./components/atoms/pagination-item/pagination-item.component.js",
+    "./components/atoms/profile/profile.component.js",
     "./components/atoms/segment-container/segment-container.component.js",
     "./components/atoms/segment-item/segment-item.component.js",
     "./components/atoms/status/status.component.js",

package/dist/collection/components/atoms/avatar/avatar.component.css

@@ -1,31 +1,24 @@
-:host {
+p-avatar {
   @apply inline-block;
 }
-:host > img {
+p-avatar > img {
   @apply object-cover object-center;
 }
-
-:host(.size-small) > img {
+p-avatar[size=small] > img {
   @apply w-10 h-10;
 }
-
-:host(.size-medium) > img {
+p-avatar[size=medium] > img {
   @apply w-20 h-20;
 }
-
-:host(.size-large) > img {
+p-avatar[size=large] > img {
   @apply w-28 h-28;
 }
-
-:host(.variant-company) > img {
+p-avatar[variant=company] > img {
   @apply rounded;
 }
-
-:host(.variant-company.size-medium),
-:host(.variant-company.size-large) {
+p-avatar[variant=company][size=medium] > img, p-avatar[variant=company][size=large] > img {
   @apply rounded-large;
 }
-
-:host(.variant-user) > img {
+p-avatar[variant=user] > img {
   @apply rounded-round;
-} .static{position:static!important}
+} .static{position:static!important}.flex{display:flex!important}.static{position:static!important}

package/dist/collection/components/atoms/avatar/avatar.component.js

@@ -12,7 +12,10 @@ export class Avatar {
     this._src = this.src;
   }
   render() {
-    return (h(Host, { class: `p-avatar size-${this.size} variant-${this.variant}` },
+    if (!this._src) {
+      this._setDefaultLink();
+    }
+    return (h(Host, { class: "p-avatar" },
       h("img", { src: this._src, onError: () => this._setDefaultLink() })));
   }
   _setDefaultLink() {
@@ -23,7 +26,6 @@ export class Avatar {
         : '/assets/images/avatar/company-default.svg');
   }
   static get is() { return "p-avatar"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["avatar.component.scss"]
   }; }
@@ -46,7 +48,7 @@ export class Avatar {
         "text": "The variant of the avatar"
       },
       "attribute": "variant",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "'user'"
     },
     "size": {
@@ -64,7 +66,7 @@ export class Avatar {
         "text": "The size of the avatar"
       },
       "attribute": "size",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "'medium'"
     },
     "defaultImage": {

package/dist/collection/components/atoms/avatar-group/avatar-group.component.css

@@ -0,0 +1,18 @@
+p-avatar-group {
+  @apply flex -space-x-1 overflow-hidden items-center;
+}
+p-avatar-group p-avatar > img {
+  @apply ring-2 ring-white;
+}
+p-avatar-group p-avatar:nth-child(1) {
+  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 {
+  @apply text-sm text-storm-vague pl-4;
+} .static{position:static!important}

package/dist/collection/components/atoms/avatar-group/avatar-group.component.js

@@ -0,0 +1,36 @@
+import { Component, h, Host, Prop } from '@stencil/core';
+export class AvatarGroup {
+  render() {
+    return (h(Host, { class: "p-avatar-group" },
+      h("slot", null),
+      this.extra && h("span", { class: "extra" },
+        "+",
+        this.extra)));
+  }
+  static get is() { return "p-avatar-group"; }
+  static get originalStyleUrls() { return {
+    "$": ["avatar-group.component.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["avatar-group.component.css"]
+  }; }
+  static get properties() { return {
+    "extra": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The amount to show after the avatars"
+      },
+      "attribute": "extra",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/atoms/divider/divider.component.css

@@ -1,3 +1,3 @@
 :host {
   @apply block h-px bg-mystic-medium my-2 w-full;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}

package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css

@@ -2,4 +2,4 @@ p-dropdown-menu-container {
   @apply min-w-[222px];
   @apply flex flex-col py-2 bg-white rounded-xxlarge;
   @apply filter drop-shadow-4;
-} .visible{visibility:visible!important}.static{position:static!important}.static{position:static!important}
+} .visible{visibility:visible!important}.static{position:static!important}.static{position:static!important}.static{position:static!important}

package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.css

@@ -4,4 +4,4 @@
   @apply backdrop-blur-xs bg-storm/50;
   @apply flex justify-center items-center;
   @apply animate-fade-in;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}

package/dist/collection/components/atoms/modal-body/modal-body.component.css

@@ -4,4 +4,4 @@
 
 :host(.variant-table) {
   @apply px-6;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}

package/dist/collection/components/atoms/modal-container/modal-container.component.css

@@ -3,4 +3,4 @@ p-modal-container {
   @apply bg-white rounded-xxlarge;
   @apply overflow-hidden;
   @apply shadow-4 !important;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}

package/dist/collection/components/atoms/modal-footer/modal-footer.component.css

@@ -1,4 +1,4 @@
 :host {
   @apply flex flex-col;
   @apply pb-6 px-6;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}

package/dist/collection/components/atoms/modal-header/modal-header.component.css

@@ -3,4 +3,4 @@
   @apply block px-8 py-6;
   @apply text-storm-dark text-3xl font-bold;
   @apply border-b border-b-mystic-medium !important;
-} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}
+} .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.static{position:static!important}.static{position:static!important}.w-80{width:20rem!important}.w-\[33\.5rem\]{width:33.5rem!important}.w-\[38rem\]{width:38rem!important}.w-\[47\.5rem\]{width:47.5rem!important}.w-\[57\.5rem\]{width:57.5rem!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.static{position:static!important}.static{position:static!important}

package/dist/collection/components/atoms/profile/profile.component.css

@@ -0,0 +1,13 @@
+:host {
+  @apply flex gap-4 items-center;
+}
+:host .name {
+  @apply flex flex-col justify-center;
+}
+:host .name > *:nth-child(1) {
+  @apply text-sm text-storm-dark;
+  @apply font-semibold;
+}
+:host .name > *:nth-child(2) {
+  @apply text-sm text-storm-vague;
+} .static{position:static!important}.flex{display:flex!important}

package/dist/collection/components/atoms/profile/profile.component.js

@@ -0,0 +1,25 @@
+import { Component, Element, h, Host } from '@stencil/core';
+export class Profile {
+  render() {
+    const avatar = this._generateAvatar();
+    return (h(Host, { class: "p-profile" },
+      avatar,
+      h("div", { class: "name" },
+        h("slot", { name: "title" }),
+        h("slot", { name: "subtitle" }))));
+  }
+  _generateAvatar() {
+    var _a, _b;
+    const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
+    return (h("p-avatar", { class: "flex", src: (_a = avatar.src) !== null && _a !== void 0 ? _a : null, "default-image": (_b = avatar.defaultImage) !== null && _b !== void 0 ? _b : null, variant: avatar.variant, size: "small" }));
+  }
+  static get is() { return "p-profile"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["profile.component.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["profile.component.css"]
+  }; }
+  static get elementRef() { return "_el"; }
+}

package/dist/collection/components/molecules/dropdown/dropdown.component.css

@@ -6,4 +6,4 @@
 }
 :host p-dropdown-menu-container[data-show] {
   @apply flex;
-} .visible{visibility:visible!important}.static{position:static!important}
+} .visible{visibility:visible!important}.static{position:static!important}.static{position:static!important}

package/dist/components/avatar.component.js

@@ -0,0 +1,54 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const avatarComponentCss = ".static{position:static!important}.flex{display:flex!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]>img{height:5rem;width:5rem}p-avatar[size=large]>img{height:7rem;width:7rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
+
+const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * The variant of the avatar
+     */
+    this.variant = 'user';
+    /**
+     * The size of the avatar
+     */
+    this.size = 'medium';
+    this._src = this.src;
+  }
+  render() {
+    if (!this._src) {
+      this._setDefaultLink();
+    }
+    return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+  }
+  _setDefaultLink() {
+    var _a;
+    this._src =
+      (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
+        ? '/assets/images/avatar/user-default.svg'
+        : '/assets/images/avatar/company-default.svg');
+  }
+  static get style() { return avatarComponentCss; }
+}, [0, "p-avatar", {
+    "variant": [513],
+    "size": [513],
+    "defaultImage": [1, "default-image"],
+    "src": [1],
+    "_src": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-avatar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-avatar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Avatar);
+      }
+      break;
+  } });
+}
+
+export { Avatar as A, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 /* paperless custom elements */
 export { Avatar as PAvatar } from '../types/components/p-avatar/p-avatar';
+export { AvatarGroup as PAvatarGroup } from '../types/components/p-avatar-group/p-avatar-group';
 export { Button as PButton } from '../types/components/p-button/p-button';
 export { CardBody as PCardBody } from '../types/components/p-card-body/p-card-body';
 export { CardContainer as PCardContainer } from '../types/components/p-card-container/p-card-container';
@@ -23,6 +24,7 @@ export { ModalHeader as PModalHeader } from '../types/components/p-modal-header/
 export { NavigationItem as PNavigationItem } from '../types/components/p-navigation-item/p-navigation-item';
 export { Pagination as PPagination } from '../types/components/p-pagination/p-pagination';
 export { PaginationItem as PPaginationItem } from '../types/components/p-pagination-item/p-pagination-item';
+export { Profile as PProfile } from '../types/components/p-profile/p-profile';
 export { SegmentContainer as PSegmentContainer } from '../types/components/p-segment-container/p-segment-container';
 export { SegmentItem as PSegmentItem } from '../types/components/p-segment-item/p-segment-item';
 export { Status as PStatus } from '../types/components/p-status/p-status';

package/dist/components/index.js

@@ -1,5 +1,6 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 export { PAvatar, defineCustomElement as defineCustomElementPAvatar } from './p-avatar.js';
+export { PAvatarGroup, defineCustomElement as defineCustomElementPAvatarGroup } from './p-avatar-group.js';
 export { PButton, defineCustomElement as defineCustomElementPButton } from './p-button.js';
 export { PCardBody, defineCustomElement as defineCustomElementPCardBody } from './p-card-body.js';
 export { PCardContainer, defineCustomElement as defineCustomElementPCardContainer } from './p-card-container.js';
@@ -23,6 +24,7 @@ export { PModalHeader, defineCustomElement as defineCustomElementPModalHeader }
 export { PNavigationItem, defineCustomElement as defineCustomElementPNavigationItem } from './p-navigation-item.js';
 export { PPagination, defineCustomElement as defineCustomElementPPagination } from './p-pagination.js';
 export { PPaginationItem, defineCustomElement as defineCustomElementPPaginationItem } from './p-pagination-item.js';
+export { PProfile, defineCustomElement as defineCustomElementPProfile } from './p-profile.js';
 export { PSegmentContainer, defineCustomElement as defineCustomElementPSegmentContainer } from './p-segment-container.js';
 export { PSegmentItem, defineCustomElement as defineCustomElementPSegmentItem } from './p-segment-item.js';
 export { PStatus, defineCustomElement as defineCustomElementPStatus } from './p-status.js';

package/dist/components/p-avatar-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PAvatarGroup extends Components.PAvatarGroup, HTMLElement {}
+export const PAvatarGroup: {
+  prototype: PAvatarGroup;
+  new (): PAvatarGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;