@paperless/core 2.0.1-beta.0 → 2.0.1-beta.10

package/dist/collection/assets/icons/time/clock.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 4.5V8h3.5"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/female.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 0V15m-2.5-2h5"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/id-two.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm5-4h5.5M10 8h5.5m-4 3h4M1 12c.444-1.725 2.136-3 4-3 1.864 0 3.556 1.275 4 3"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/id.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5 12a3.75 3.75 0 0 1 6 0"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5ZM6 4h4"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/male.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.5 14a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm3.182-7.682L13.5 2.5m-3 0h3v3"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/user.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-6 3.5C3.21 11.408 5.41 10 8 10s4.79 1.408 6 3.5"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/assets/icons/users/users.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M.64 12.5a5.5 5.5 0 0 1 9.22 0m.89-2.5a5.496 5.496 0 0 1 4.61 2.5"/>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.25 10a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5Zm4.293-6.269A3.25 3.25 0 1 1 10.75 10"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h16v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/collection/collection-manifest.json

@@ -1,6 +1,7 @@
 {
   "entries": [
     "components/atoms/icon/icon.component.js",
+    "components/atoms/icon-deprecated/icon.component.js",
     "components/atoms/illustration/illustration.component.js",
     "components/molecules/page-size-select/page-size-select.component.js",
     "components/helpers/table-column/table-column.component.js",
@@ -10,7 +11,7 @@
     "components/atoms/avatar/avatar.component.js",
     "components/atoms/avatar-group/avatar-group.component.js",
     "components/atoms/backdrop/backdrop.component.js",
-    "components/atoms/button/button.component.js",
+    "components/atoms/badge/badge.component.js",
     "components/atoms/card-body/card-body.component.js",
     "components/atoms/card-container/card-container.component.js",
     "components/atoms/card-header/card-header.component.js",
@@ -24,6 +25,7 @@
     "components/atoms/floating-menu-container/floating-menu-container.component.js",
     "components/atoms/floating-menu-item/floating-menu-item.component.js",
     "components/atoms/helper/helper.component.js",
+    "components/atoms/iban-icon/iban-icon.component.js",
     "components/atoms/info-panel/info-panel.component.js",
     "components/atoms/label/label.component.js",
     "components/atoms/layout/layout.component.js",
@@ -32,6 +34,7 @@
     "components/atoms/modal-container/modal-container.component.js",
     "components/atoms/modal-footer/modal-footer.component.js",
     "components/atoms/modal-header/modal-header.component.js",
+    "components/atoms/navigation-title/navigation-title.component.js",
     "components/atoms/pagination-item/pagination-item.component.js",
     "components/atoms/segment-container/segment-container.component.js",
     "components/atoms/segment-item/segment-item.component.js",
@@ -46,6 +49,7 @@
     "components/atoms/tooltip/tooltip.component.js",
     "components/molecules/accordion/accordion.component.js",
     "components/molecules/attachment/attachment.component.js",
+    "components/molecules/button/button.component.js",
     "components/molecules/button-group/button-group.component.js",
     "components/molecules/calendar/calendar.component.js",
     "components/molecules/content-slider/content-slider.component.js",
@@ -55,6 +59,7 @@
     "components/molecules/input-error/input-error.component.js",
     "components/molecules/input-group/input-group.component.js",
     "components/molecules/navigation-item/navigation-item.component.js",
+    "components/molecules/navigation-section/navigation-section.component.js",
     "components/molecules/pagination/pagination.component.js",
     "components/molecules/profile/profile.component.js",
     "components/molecules/select/select.component.js",

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

@@ -1 +1 @@
-.inline-flex{display:inline-flex!important}.table{display:table!important}.h-10{height:2.5rem!important}.h-16{height:4rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\[3\.125rem\]{height:3.125rem!important}.h-\[6\.5rem\]{height:6.5rem!important}.w-10{width:2.5rem!important}.w-16{width:4rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-\[3\.125rem\]{width:3.125rem!important}.w-\[6\.5rem\]{width:6.5rem!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.object-cover{object-fit:cover!important}.text-\[0\.625rem\]{font-size:.625rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}*{box-sizing:border-box}p-avatar{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(176 178 203/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden;text-transform:uppercase}p-avatar>img{object-fit:cover;object-position:center}p-avatar[size=xsmall]{font-size:.625rem}p-avatar[size=xsmall],p-avatar[size=xsmall]>img{height:1.5rem;width:1.5rem}p-avatar[size=small]{font-size:.75rem;line-height:1rem}p-avatar[size=small],p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=table]{font-size:.75rem;line-height:1rem}p-avatar[size=table],p-avatar[size=table]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]{font-size:1rem;line-height:1.5rem}p-avatar[size=medium],p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]{font-size:1rem;line-height:1.5rem}p-avatar[size=large],p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]{font-size:1rem;line-height:1.5rem}p-avatar[size=xlarge],p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]{border-radius:.25rem}p-avatar[variant=company][size=large],p-avatar[variant=company][size=medium],p-avatar[variant=company][size=xlarge]{border-radius:.375rem}p-avatar[variant=user]{border-radius:100%}.static{position:static!important}
+*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\[6\.5rem\]{height:6.5rem!important}.h-\[8\.5rem\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\[1px\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\[3\.5rem\]{font-size:3.5rem!important}.text-\[4\.5rem\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\[4rem\]{line-height:4rem!important}.leading-\[5rem\]{line-height:5rem!important}.leading-none{line-height:1!important}.ring-1{--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(1px + 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}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\/20{--tw-ring-color:rgba(3,42,36,.2)!important}

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

@@ -1,8 +1,24 @@
 import { h, Host } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const avatar = cva([
+  'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none',
+], {
+  variants: {
+    size: {
+      xs: 'h-4 text-xxs',
+      sm: 'h-6 text-xs',
+      base: 'h-8 text-base',
+      lg: 'h-10 text-xl',
+      xl: 'h-14 text-xl',
+      '2xl': 'h-20 text-4xl',
+      '3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',
+      '4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',
+    },
+  },
+});
 export class Avatar {
   constructor() {
-    this.variant = 'user';
-    this.size = 'medium';
+    this.size = 'base';
     this.defaultImage = undefined;
     this.src = undefined;
     this.letters = undefined;
@@ -16,20 +32,18 @@ export class Avatar {
   componentWillLoad() {
     this.onSrchChange(this.src);
     if (!this._src) {
-      this._setDefaultLink();
+      this._setFailed();
     }
   }
   render() {
-    var _a;
-    return (h(Host, { class: "p-avatar" }, this._failed && ((_a = this.letters) === null || _a === void 0 ? void 0 : _a.length) ? (this.letters) : (h("img", { src: this._src, onError: () => this._setDefaultLink() }))));
+    var _a, _b;
+    return (h(Host, { class: avatar({
+        size: this.size,
+      }) }, this._failed ? ((_b = (_a = this.letters) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : ' ') : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
   }
-  _setDefaultLink() {
-    var _a;
+  _setFailed() {
     this._failed = true;
-    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');
+    this._src = undefined;
   }
   static get is() { return "p-avatar"; }
   static get originalStyleUrls() {
@@ -44,30 +58,12 @@ export class Avatar {
   }
   static get properties() {
     return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'user' | 'company'",
-          "resolved": "\"company\" | \"user\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of the avatar"
-        },
-        "attribute": "variant",
-        "reflect": true,
-        "defaultValue": "'user'"
-      },
       "size": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| 'xsmall'\n\t\t| 'small'\n    | 'table'\n\t\t| 'medium'\n\t\t| 'large'\n\t\t| 'xlarge'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"table\" | \"xlarge\" | \"xsmall\"",
+          "original": "| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl'",
+          "resolved": "\"2xl\" | \"3xl\" | \"4xl\" | \"base\" | \"lg\" | \"sm\" | \"xl\" | \"xs\"",
           "references": {}
         },
         "required": false,
@@ -78,7 +74,7 @@ export class Avatar {
         },
         "attribute": "size",
         "reflect": true,
-        "defaultValue": "'medium'"
+        "defaultValue": "'base'"
       },
       "defaultImage": {
         "type": "string",

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/avatar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvE,MAAM,OAAO,MAAM;;mBAIqC,MAAM;gBAW/C,QAAQ;;;;;mBAkBc,KAAK;;EAGzC,YAAY,CAAC,GAAW;IACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;EACjB,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACvB;EACF,CAAC;EAED,MAAM;;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IACpB,IAAI,CAAC,OAAO,KAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CACvC,IAAI,CAAC,OAAO,CACZ,CAAC,CAAC,CAAC,CACH,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GACpC,CACF,CACK,CACP,CAAC;EACH,CAAC;EAEO,eAAe;;IACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI;MACR,MAAA,IAAI,CAAC,YAAY,mCACjB,CAAC,IAAI,CAAC,OAAO,KAAK,MAAM;QACvB,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,2CAA2C,CAAC,CAAC;EAClD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar\n\t */\n\t@Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xsmall'\n\t\t| 'small'\n    | 'table'\n\t\t| 'medium'\n\t\t| 'large'\n\t\t| 'xlarge' = 'medium';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setDefaultLink();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-avatar\">\n\t\t\t\t{this._failed && this.letters?.length ? (\n\t\t\t\t\tthis.letters\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tonError={() => this._setDefaultLink()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setDefaultLink() {\n\t\tthis._failed = true;\n\t\tthis._src =\n\t\t\tthis.defaultImage ??\n\t\t\t(this.variant === 'user'\n\t\t\t\t? '/assets/images/avatar/user-default.svg'\n\t\t\t\t: '/assets/images/avatar/company-default.svg');\n\t}\n}\n"]}
+{"version":3,"file":"avatar.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/avatar/avatar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CACjB;EACC,0JAA0J;CAC1J,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,aAAa;MACjB,IAAI,EAAE,eAAe;MACrB,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,cAAc;MAClB,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE,yCAAyC;MAChD,KAAK,EAAE,yCAAyC;KAChD;GACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,MAAM;;gBAYP,MAAM;;;;;mBAkBmB,KAAK;;EAGzC,YAAY,CAAC,GAAW;IACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;EACjB,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;EACF,CAAC;EAED,MAAM;;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;OACf,CAAC,IAED,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAG,CAAC,CAAC,mCAAI,GAAG,CACxB,CAAC,CAAC,CAAC,CACH,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAC/B,CACF,CACK,CACP,CAAC;EACH,CAAC;EAEO,UAAU;IACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters?.[0] ?? ' '\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"]}

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

@@ -1 +1 @@
-.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}
+*{box-sizing:border-box}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}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!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}.pl-3{padding-left:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}

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

@@ -4,7 +4,7 @@ export class AvatarGroup {
     this.extra = undefined;
   }
   render() {
-    return (h(Host, { class: "p-avatar-group" }, h("slot", null), this.extra && h("span", { class: "extra" }, "+", this.extra)));
+    return (h(Host, { class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, h("slot", null), this.extra && (h("span", { class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
   }
   static get is() { return "p-avatar-group"; }
   static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/avatar-group/avatar-group.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;;;;EAMvB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB;MAC3B,eAAQ;MAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO;;QAAG,IAAI,CAAC,KAAK,CAAQ,CACjD,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n\t// shadow: true,\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-avatar-group\">\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && <span class=\"extra\">+{this.extra}</span>}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"avatar-group.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/avatar-group/avatar-group.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMzD,MAAM,OAAO,WAAW;;;;EAMvB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,6DAA6D;MACxE,eAAQ;MAEP,IAAI,CAAC,KAAK,IAAI,CACd,YAAM,KAAK,EAAC,kCAAkC;;QAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

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

@@ -1 +1 @@
-.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}.pt-16{padding-top:4rem!important}.max-h-screen{max-height:100vh!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding-top:4rem;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:stretch;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){:host(.variant-drawer) .content-container{align-items:flex-start;padding:0}}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\:p-0{padding:0!important}.tablet\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.static{position:static!important}
+*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\/40{background-color:rgba(0,2,2,.4)!important}.p-0{padding:0!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\:p-0{padding:0!important}.tablet\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\:items-start{align-items:flex-start!important}.desktop-xs\:items-stretch{align-items:stretch!important}.desktop-xs\:p-0{padding:0!important}.desktop-xs\:p-16{padding:4rem!important}}

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

@@ -1,10 +1,51 @@
 import { h, Host, } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const backdrop = cva([
+  'flex',
+  'fixed left-0 top-0 z-backdrop',
+  'h-full w-full',
+  'overflow-hidden',
+  'bg-black-teal-800/40',
+  'max-h-screen max-w-screen',
+], {
+  variants: {
+    blur: {
+      false: null,
+      true: 'backdrop-blur-sm',
+    },
+    closing: {
+      false: 'animate-fade-in',
+      true: 'animate-fade-out pointer-events-none',
+    },
+  },
+});
+const contentContainer = cva([
+  'h-full w-full overflow-y-auto overflow-x-hidden',
+  'pt-16 tablet:px-16 desktop-xs:p-16',
+  'flex items-end justify-center desktop-xs:items-stretch',
+  'max-h-screen max-w-screen',
+], {
+  variants: {
+    variant: {
+      modal: null,
+      drawer: [
+        'items-start justify-end desktop-xs:items-start',
+        'p-0 tablet:p-0 desktop-xs:p-0',
+      ],
+    },
+    closing: {
+      false: null,
+      true: 'overflow-hidden',
+    },
+  },
+});
 export class Backdrop {
   constructor() {
     this.variant = 'modal';
     this.applyBlur = false;
     this.closing = false;
     this.scrollLock = true;
+    this.class = undefined;
   }
   componentWillLoad() {
     if (this.scrollLock) {
@@ -16,17 +57,27 @@ export class Backdrop {
       document.querySelector(':root').classList.remove('scroll-lock');
     }
   }
+  componentWillUpdate() {
+    if (!this.scrollLock) {
+      document.querySelector(':root').classList.remove('scroll-lock');
+    }
+    if (this.scrollLock) {
+      document.querySelector(':root').classList.add('scroll-lock');
+    }
+  }
   render() {
-    return (h(Host, { class: `p-backdrop variant-${this.variant} ${this.applyBlur && 'blurred'} ${this.closing && 'closing'}` }, h("div", { class: "content-container" }, h("slot", null))));
+    return (h(Host, { class: backdrop({ blur: this.applyBlur, closing: this.closing }) }, h("div", { class: contentContainer({
+        variant: this.variant,
+        closing: this.closing,
+      }) }, h("slot", null))));
   }
   handleClick(ev) {
-    if (ev.target !== this._el) {
+    if (ev.target !== this._el && !this._el.contains(ev.target)) {
       return;
     }
     this.clicked.emit(ev);
   }
   static get is() { return "p-backdrop"; }
-  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
       "$": ["backdrop.component.scss"]
@@ -110,6 +161,23 @@ export class Backdrop {
         "attribute": "scroll-lock",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "class": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The class passed to the component"
+        },
+        "attribute": "class",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/atoms/backdrop/backdrop.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/backdrop/backdrop.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,GACJ,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,QAAQ;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAelC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;EACF,CAAC;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACxC,IAAI,CAAC,SAAS,IAAI,SACnB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;MAE/B,WAAK,KAAK,EAAC,mBAAmB;QAC7B,eAAQ,CACH,CACA,CACP,CAAC;EACH,CAAC;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MAC3B,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-backdrop variant-${this.variant} ${\n\t\t\t\t\tthis.applyBlur && 'blurred'\n\t\t\t\t} ${this.closing && 'closing'}`}\n\t\t\t>\n\t\t\t\t<div class=\"content-container\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"]}
+{"version":3,"file":"backdrop.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/backdrop/backdrop.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,QAAQ,GAAG,GAAG,CACnB;EACC,MAAM;EACN,+BAA+B;EAC/B,eAAe;EACf,iBAAiB;EACjB,sBAAsB;EACtB,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,kBAAkB;KACxB;IACD,OAAO,EAAE;MACR,KAAK,EAAE,iBAAiB;MACxB,IAAI,EAAE,sCAAsC;KAC5C;GACD;CACD,CACD,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAC3B;EACC,iDAAiD;EACjD,oCAAoC;EACpC,wDAAwD;EACxD,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,MAAM,EAAE;QACP,gDAAgD;QAChD,+BAA+B;OAC/B;KACD;IACD,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,iBAAiB;KACvB;GACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,QAAQ;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;;EAoBlC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;EACF,CAAC;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;EACF,CAAC;EAED,mBAAmB;IAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACrB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;IAED,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;MACrE,WACC,KAAK,EAAE,gBAAgB,CAAC;UACvB,OAAO,EAAE,IAAI,CAAC,OAAO;UACrB,OAAO,EAAE,IAAI,CAAC,OAAO;SACrB,CAAC;QAEF,eAAQ,CACH,CACA,CACP,CAAC;EACH,CAAC;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;MACpE,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t'flex items-end justify-center desktop-xs:items-stretch',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: null,\n\t\t\t\tdrawer: [\n\t\t\t\t\t'items-start justify-end desktop-xs:items-start',\n\t\t\t\t\t'p-0 tablet:p-0 desktop-xs:p-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"]}

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

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\[1\.5rem\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}

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

@@ -0,0 +1,18 @@
+import { h, Host } from "@stencil/core";
+export class Badge {
+  render() {
+    return (h(Host, { class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, h("slot", null)));
+  }
+  static get is() { return "p-badge"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["badge.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["badge.component.css"]
+    };
+  }
+}
+//# sourceMappingURL=badge.component.js.map

package/dist/collection/components/atoms/badge/badge.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,KAAK;EACjB,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,2IAA2I;MACtJ,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/badge/test/badge.component.e2e.js

@@ -0,0 +1,26 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('p-badge', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-badge></p-badge>');
+    const element = await page.find('p-badge');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('renders changes to the content', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<p-badge></p-badge>');
+    // const component = await page.find('p-button');
+    const element = await page.find('p-badge');
+    expect(element.textContent).toEqual(``);
+    // component.setProperty('name', 'World');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, World!`);
+    // component.setProperty('name', 'Bob');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Bob!`);
+    // component.setProperty('name', 'Earl');
+    // await page.waitForChanges();
+    // expect(element.textContent).toEqual(`Hello, Earl!`);
+  });
+});
+//# sourceMappingURL=badge.component.e2e.js.map

package/dist/collection/components/atoms/badge/test/badge.component.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/badge/test/badge.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-badge', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-badge></p-badge>');\n\t\tconst element = await page.find('p-badge');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-badge></p-badge>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-badge');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/atoms/badge/test/badge.component.spec.js

@@ -0,0 +1,17 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Badge } from "../badge.component";
+describe('p-badge', () => {
+  it('renders', async () => {
+    const { root } = await newSpecPage({
+      components: [Badge],
+      html: '<p-badge></p-badge>',
+    });
+    expect(root).toEqualHtml(`
+      <p-badge class="p-badge">
+        <mock:shadow-root>
+        </mock:shadow-root>
+      </p-badge>
+    `);
+  });
+});
+//# sourceMappingURL=badge.component.spec.js.map

package/dist/collection/components/atoms/badge/test/badge.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/atoms/badge/test/badge.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC3B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Badge } from '../badge.component';\n\ndescribe('p-badge', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Badge],\n\t\t\thtml: '<p-badge></p-badge>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-badge class=\"p-badge\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-badge>\n    `);\n\t});\n});\n"]}

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

@@ -1 +1 @@
-.px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}
+.px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}

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

@@ -1 +1 @@
-.flex{display:flex!important}.w-full{width:100%!important}.rounded-large{border-radius:.375rem!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.drop-shadow-5{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host(:not([shadow=false])),:host([shadow=true]){--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.static{position:static!important}
+.flex{display:flex!important}.w-full{width:100%!important}.rounded-lg{border-radius:.5rem!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.drop-shadow-3,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host(:not([shadow=false])),:host([shadow=true]){--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.static{position:static!important}

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

@@ -1 +1 @@
-.mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!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;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity))}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}.group:hover .group-hover\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}
+.mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!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,1))!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,1))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity,1));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity,1));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity,1))}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,1))}.static{position:static!important}.group:hover .group-hover\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}

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

@@ -1 +1 @@
-.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\[1rem\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-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 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}
+.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-0{min-width:0!important}.min-w-\[1rem\]{min-width:1rem!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(29 163 96/var(--tw-text-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 162 49/var(--tw-text-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(138 15 29/var(--tw-text-opacity,1))}:host(.size-mini){border-radius:9999px;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}

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

@@ -1 +1 @@
-.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-full{height:100%!important}.h-px{height:1px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-px{width:1px!important}.flex-1{flex:1 1 0%!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;color:rgb(227 236 243/var(--tw-text-opacity));display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{background-color:currentColor;content:"";flex:1 1 0%;height:1px}:host([variant=vertical]){display:block;height:100%;margin:0 .5rem;width:auto}:host([variant=vertical]) .content{flex-direction:column;height:100%;width:auto}:host([variant=vertical]) .content:after,:host([variant=vertical]) .content:before{background-color:currentColor;content:"";flex:1 1 0%;width:1px}.static{position:static!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-light{--tw-text-opacity:1!important;color:rgb(176 178 203/var(--tw-text-opacity))!important}
+.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-full{height:100%!important}.h-px{height:1px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-px{width:1px!important}.flex-1{flex:1 1 0%!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;color:rgb(227 236 243/var(--tw-text-opacity,1));display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{background-color:currentColor;content:"";flex:1 1 0%;height:1px}:host([variant=vertical]){display:block;height:100%;margin:0 .5rem;width:auto}:host([variant=vertical]) .content{flex-direction:column;height:100%;width:auto}:host([variant=vertical]) .content:after,:host([variant=vertical]) .content:before{background-color:currentColor;content:"";flex:1 1 0%;width:1px}.static{position:static!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-light{--tw-text-opacity:1!important;color:rgb(176 178 203/var(--tw-text-opacity,1))!important}

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

@@ -6,7 +6,7 @@ export class Divider {
   render() {
     var _a;
     const hasSlotted = !!((_a = this._el.innerHTML) === null || _a === void 0 ? void 0 : _a.length);
-    return (h(Host, { class: "p-divider" }, h("div", { class: "content" }, h("div", { class: `flex items-center ${hasSlotted && 'px-2'} text-xxs font-semibold uppercase text-storm-light` }, h("slot", null)))));
+    return (h(Host, { class: 'p-divider' }, h("div", { class: 'content' }, h("div", { class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, h("slot", null)))));
   }
   static get is() { return "p-divider"; }
   static get encapsulation() { return "shadow"; }