@paperless/core 0.1.0-alpha.43 → 0.1.0-alpha.430

package/dist/components/p-avatar.js

@@ -1,24 +1,28 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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}.inline-block{display:inline-block!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}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 {
+const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.__attachShadow();
-    /**
-     * The variant of the avatar
-     */
     this.variant = 'user';
-    /**
-     * The size of the avatar
-     */
     this.size = 'medium';
-    this._src = this.src;
+    this.defaultImage = undefined;
+    this.src = undefined;
+    this._src = undefined;
+  }
+  onSrchChange(src) {
+    this._src = src;
+  }
+  componentWillLoad() {
+    this.onSrchChange(this.src);
+    if (!this._src) {
+      this._setDefaultLink();
+    }
   }
   render() {
-    return (h(Host, { class: `p-avatar size-${this.size} variant-${this.variant}` }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
+    return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
   }
   _setDefaultLink() {
     var _a;
@@ -27,10 +31,13 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         ? '/assets/images/avatar/user-default.svg'
         : '/assets/images/avatar/company-default.svg');
   }
+  static get watchers() { return {
+    "src": ["onSrchChange"]
+  }; }
   static get style() { return avatarComponentCss; }
-}, [1, "p-avatar", {
-    "variant": [1],
-    "size": [1],
+}, [0, "p-avatar", {
+    "variant": [513],
+    "size": [513],
     "defaultImage": [1, "default-image"],
     "src": [1],
     "_src": [32]
@@ -53,3 +60,5 @@ const PAvatar = Avatar;
 const defineCustomElement = defineCustomElement$1;
 
 export { PAvatar, defineCustomElement };
+
+//# sourceMappingURL=p-avatar.js.map

package/dist/components/p-avatar.js.map

@@ -0,0 +1 @@
+{"file":"p-avatar.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,o+BAAo+B;;MCOl/B,MAAM;;;;mBAIwC,MAAM;gBAMzD,QAAQ;;;;;EAeZ,YAAY,CAAC,GAAW;IACpB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GACnB;EAED,iBAAiB;IACb,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,WAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAAI,CAC3D,EACT;GACL;EAEO,eAAe;;IACnB,IAAI,CAAC,IAAI;MACL,MAAA,IAAI,CAAC,YAAY,oCAChB,IAAI,CAAC,OAAO,KAAK,MAAM;UAClB,wCAAwC;UACxC,2CAA2C,CAAC,CAAC;GAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","./src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n    @apply inline-block flex-shrink-0;\n\n    > img {\n        @apply object-cover object-center;\n    }\n\n    &[size='small'] > img {\n        @apply w-8 h-8;\n    }\n\n    &[size='medium'] > img {\n        @apply w-[3.125rem] h-[3.125rem];\n    }\n\n    &[size='large'] > img {\n        @apply w-16 h-16;\n    }\n\n    &[size='xlarge'] > img {\n        @apply w-[6.5rem] h-[6.5rem];\n    }\n\n    &[variant='company'] {\n        > img {\n            @apply rounded;\n        }\n\n        &[size='medium'],\n        &[size='large'] {\n            > img {\n                @apply rounded-large;\n            }\n        }\n    }\n\n    &[variant='user'] > img {\n        @apply rounded-round;\n    }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar',\n    styleUrl: 'avatar.component.scss',\n    // shadow: true,\n})\nexport class Avatar {\n    /**\n     * The variant of the avatar\n     */\n    @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n    /**\n     * The size of the avatar\n     */\n    @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | 'xlarge' =\n        'medium';\n\n    /**\n     * The default image to show on errors\n     */\n    @Prop() defaultImage: string;\n\n    /**\n     * The image used for the avatar\n     */\n    @Prop() src!: string;\n\n    @State() private _src: string;\n\n    @Watch('src')\n    onSrchChange(src: string) {\n        this._src = src;\n    }\n\n    componentWillLoad() {\n        this.onSrchChange(this.src);\n        if (!this._src) {\n            this._setDefaultLink();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-avatar\">\n                <img src={this._src} onError={() => this._setDefaultLink()} />\n            </Host>\n        );\n    }\n\n    private _setDefaultLink() {\n        this._src =\n            this.defaultImage ??\n            (this.variant === 'user'\n                ? '/assets/images/avatar/user-default.svg'\n                : '/assets/images/avatar/company-default.svg');\n    }\n}\n"],"version":3}

package/dist/components/p-backdrop.d.ts

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

package/dist/components/p-backdrop.js

@@ -0,0 +1,8 @@
+import { B as Backdrop, d as defineCustomElement$1 } from './backdrop.component.js';
+
+const PBackdrop = Backdrop;
+const defineCustomElement = defineCustomElement$1;
+
+export { PBackdrop, defineCustomElement };
+
+//# sourceMappingURL=p-backdrop.js.map

package/dist/components/p-backdrop.js.map

@@ -0,0 +1 @@
+{"file":"p-backdrop.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-button.js

@@ -1,117 +1,8 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './icon.component.js';
-import { d as defineCustomElement$2 } from './loader.component.js';
-
-const buttonComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.border{border-width:1px!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm-light\\/5{background-color:rgba(176,178,203,.05)!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!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}p-button{display:inline-block}p-button>a,p-button>button{align-items:center;border:0;border-radius:.375rem;cursor:pointer;display:flex;font-weight:600;height:2.5rem;justify-content:center;line-height:1rem;outline:0}p-button>a.icon-position-end>p-icon,p-button>a>p-loader,p-button>button.icon-position-end>p-icon,p-button>button>p-loader{margin-left:.5rem}p-button>a.icon-position-start>p-icon,p-button>button.icon-position-start>p-icon{margin-right:.5rem}p-button>a.variant-primary,p-button>a.variant-secondary,p-button>button.variant-primary,p-button>button.variant-secondary{padding-left:1rem;padding-right:1rem}p-button>a.variant-primary,p-button>button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button>a.variant-primary:hover,p-button>button.variant-primary:hover{background-color:rgba(82,138,250,.95)}p-button>a.variant-primary:active,p-button>button.variant-primary:active{--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}p-button>a.variant-secondary,p-button>button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;--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));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity));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)}p-button>a.variant-secondary:hover,p-button>button.variant-secondary:hover{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}p-button>a.variant-secondary:active,p-button>button.variant-secondary:active{background-color:rgba(176,178,203,.05);border-color:rgba(176,178,203,.2)}p-button>a.variant-text,p-button>button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.variant-text:hover,p-button>button.variant-text:hover{--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button>a.size-small,p-button>button.size-small{font-size:.875rem;height:2rem;line-height:1.25rem}p-button>a[disabled],p-button>button[disabled]{opacity:.5}p-button>a.has-chevron,p-button>button.has-chevron{padding-right:.5rem}p-button>a.has-chevron.variant-secondary:hover p-icon:last-child,p-button>button.has-chevron.variant-secondary:hover p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button>a.has-icon-only,p-button>button.has-icon-only{padding-left:.5rem;padding-right:.5rem}p-button>a.has-icon-only>p-icon:first-child,p-button>button.has-icon-only>p-icon:first-child{margin-left:0;margin-right:0}p-button>a.should-inherit-text,p-button>button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
-
-const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.onClick = createEvent(this, "onClick", 7);
-    /**
-     * The variant of the button
-     */
-    this.variant = 'primary';
-    /**
-     * The size of the button
-     */
-    this.size = 'medium';
-    /**
-     * Wether to show a loader or not
-     */
-    this.loading = false;
-    /**
-     * Wether to show a chevron or not
-     */
-    this.chevron = false;
-    /**
-     * Wether the button is disabled
-     */
-    this.disabled = false;
-    /**
-     * Wether the button is icon only
-     */
-    this.iconOnly = false;
-    /**
-     * Icon position
-     */
-    this.iconPosition = 'end';
-    /**
-     * Wether the button should inherit text styles
-     */
-    this.inheritText = false;
-  }
-  render() {
-    let loaderColor = 'white';
-    switch (this.variant) {
-      case 'secondary':
-        loaderColor = 'storm';
-        break;
-      case 'text':
-        loaderColor = 'indigo';
-        break;
-    }
-    const VariableTag = this.variant === 'text' ? 'a' : 'button';
-    return (h(Host, { class: "p-button" }, h(VariableTag, { class: `variant-${this.variant} size-${this.size} icon-position-${this.iconPosition} ${this.chevron && 'has-chevron'} ${this.iconOnly && 'has-icon-only'} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.icon &&
-      this.iconPosition === 'start' &&
-      this._getIcon(), h("slot", null), this.icon &&
-      this.iconPosition === 'end' &&
-      this._getIcon(), this.loading && h("p-loader", { color: loaderColor }), this.chevron && (h("p-icon", { variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })))));
-  }
-  handleClick(ev) {
-    if (this.loading || this.disabled) {
-      return;
-    }
-    this.onClick.emit(ev);
-  }
-  _getIcon() {
-    if (!this.icon) {
-      return;
-    }
-    return (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
-  }
-  static get style() { return buttonComponentCss; }
-}, [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"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-button", "p-icon", "p-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Button);
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { B as Button, d as defineCustomElement$1 } from './button.component.js';
 
 const PButton = Button;
 const defineCustomElement = defineCustomElement$1;
 
 export { PButton, defineCustomElement };
+
+//# sourceMappingURL=p-button.js.map

package/dist/components/p-button.js.map

@@ -0,0 +1 @@
+{"file":"p-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-calendar.d.ts

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

package/dist/components/p-calendar.js

@@ -0,0 +1,8 @@
+import { C as Calendar, d as defineCustomElement$1 } from './calendar.component.js';
+
+const PCalendar = Calendar;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCalendar, defineCustomElement };
+
+//# sourceMappingURL=p-calendar.js.map

package/dist/components/p-calendar.js.map

@@ -0,0 +1 @@
+{"file":"p-calendar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-card-body.js

@@ -1,22 +1,19 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const cardBodyComponentCss = ".static{position:static!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1rem 1.5rem}p-card-body.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";
+const cardBodyComponentCss = ".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));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}";
 
-const CardBody = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const CardBody = /*@__PURE__*/ proxyCustomElement(class CardBody extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * Wether the button should inherit text styles
-     */
     this.inheritText = false;
   }
   render() {
-    return (h(Host, { class: `p-card-body ${this.inheritText && 'should-inherit-text'}` }, h("slot", null)));
+    return (h(Host, { class: "p-card-body" }, h("slot", null)));
   }
   static get style() { return cardBodyComponentCss; }
 }, [4, "p-card-body", {
-    "inheritText": [4, "inherit-text"]
+    "inheritText": [516, "inherit-text"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -36,3 +33,5 @@ const PCardBody = CardBody;
 const defineCustomElement = defineCustomElement$1;
 
 export { PCardBody, defineCustomElement };
+
+//# sourceMappingURL=p-card-body.js.map

package/dist/components/p-card-body.js.map

@@ -0,0 +1 @@
+{"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,kbAAkb;;MCMlc,QAAQ;;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","./src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n    @apply px-4 py-6;\n    @apply text-sm text-storm-vague;\n\n    &[inherit-text] {\n        color: inherit #{!important};\n        font-size: inherit #{!important};\n        font-weight: inherit #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-card-body',\n    styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n    /**\n     * Wether the button should inherit text styles\n     */\n    @Prop({ reflect: true }) inheritText: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-card-body\">\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/p-card-container.js

@@ -1,23 +1,22 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important}.shadow-4,.shadow-5{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-5{--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important}:host{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%}:host(.has-hover){cursor:pointer}:host(.has-hover:hover){--tw-shadow:0px 0.1875rem 1rem rgba(0,24,98,.3)!important;--tw-shadow-colored:0px 0.1875rem 1rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}";
+const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!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}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.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}.drop-shadow-4,.drop-shadow-5,.drop-shadow-transparent,.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}:host{--tw-bg-opacity:1;--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;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;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;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([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!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}";
 
-const CardContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Wether the card should be hoverable
-     */
     this.hoverable = false;
+    this.shadow = true;
   }
   render() {
-    return (h(Host, { class: `p-card-container ${this.hoverable && 'has-hover'}` }, h("slot", null)));
+    return (h(Host, { class: "p-card-container" }, h("slot", null)));
   }
   static get style() { return cardContainerComponentCss; }
 }, [1, "p-card-container", {
-    "hoverable": [4]
+    "hoverable": [516],
+    "shadow": [516]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -37,3 +36,5 @@ const PCardContainer = CardContainer;
 const defineCustomElement = defineCustomElement$1;
 
 export { PCardContainer, defineCustomElement };
+
+//# sourceMappingURL=p-card-container.js.map

package/dist/components/p-card-container.js.map

@@ -0,0 +1 @@
+{"file":"p-card-container.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,6uEAA6uE;;MCOlwE,aAAa;;;;;qBAIwB,KAAK;kBAKR,IAAI;;EAE/C,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC1B,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/card-container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","./src/components/atoms/card-container/card-container.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col w-full;\n    @apply bg-white rounded-large;\n    @apply filter drop-shadow-4 #{!important};\n}\n\n:host([hoverable]) {\n    @apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n    @apply drop-shadow-5 #{!important};\n}\n\n:host([shadow='false']) {\n    @apply drop-shadow-transparent #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-card-container',\n    styleUrl: 'card-container.component.scss',\n    shadow: true,\n})\nexport class CardContainer {\n    /**\n     * Wether the card should be hoverable\n     */\n    @Prop({ reflect: true }) hoverable: boolean = false;\n\n    /**\n     * Wether the card should have shadow\n     */\n    @Prop({ reflect: true }) shadow: boolean = true;\n\n    render() {\n        return (\n            <Host class=\"p-card-container\">\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/p-card-header.js

@@ -1,24 +1,22 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './icon.component.js';
 
-const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.justify-between{justify-content:space-between!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}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}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;justify-content:space-between;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}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))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
+const cardHeaderComponentCss = ".static{position:static!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
 
-const CardHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * Enable the title arrow
-     */
+    this.header = undefined;
     this.arrow = false;
   }
   render() {
     var _a, _b;
-    return (h(Host, { class: "p-card-header" }, (((_a = this.title) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (h("div", { class: "title" }, (_b = this.title) !== null && _b !== void 0 ? _b : '', this.arrow && h("p-icon", { variant: "arrow" }))), h("slot", null)));
+    return (h(Host, { class: "p-card-header" }, h("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (h("div", { class: "title" }, (_b = this.header) !== null && _b !== void 0 ? _b : '', this.arrow && h("p-icon", { variant: "arrow" }))), h("slot", { name: "suffix" })));
   }
   static get style() { return cardHeaderComponentCss; }
 }, [4, "p-card-header", {
-    "title": [1],
+    "header": [1],
     "arrow": [4]
   }]);
 function defineCustomElement$1() {
@@ -44,3 +42,5 @@ const PCardHeader = CardHeader;
 const defineCustomElement = defineCustomElement$1;
 
 export { PCardHeader, defineCustomElement };
+
+//# sourceMappingURL=p-card-header.js.map

package/dist/components/p-card-header.js.map

@@ -0,0 +1 @@
+{"file":"p-card-header.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,m9KAAm9K;;MCMr+K,UAAU;;;;;iBASM,KAAK;;EAE9B,MAAM;;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACvB,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,KAAK,MAC/B,WAAK,KAAK,EAAC,OAAO,IACb,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,EACjB,IAAI,CAAC,KAAK,IAAI,cAAQ,OAAO,EAAC,OAAO,GAAG,CACvC,CACT,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CACnB,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","./src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n    @apply mx-4 h-14;\n    @apply flex gap-3 items-center;\n    @apply text-storm-medium;\n    @apply border-b border-b-mystic-medium #{!important};\n\n    .title {\n        @apply order-2;\n        @apply flex items-center text-storm;\n        @apply font-semibold;\n\n        > p-icon {\n            @apply ml-2 text-mystic-dark;\n        }\n    }\n\n    [slot='prefix'] {\n        @apply order-1;\n    }\n\n    [slot='suffix'] {\n        @apply order-3;\n    }\n}\n\np-card-container.has-hover:hover {\n    p-card-header {\n        .title > p-icon {\n            @apply text-indigo;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-card-header',\n    styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n    /**\n     * Content of the card header\n     */\n    @Prop() header: string;\n\n    /**\n     * Enable the title arrow\n     */\n    @Prop() arrow: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-card-header\">\n                <slot name=\"prefix\" />\n\n                {(this.header?.length || this.arrow) && (\n                    <div class=\"title\">\n                        {this.header ?? ''}\n                        {this.arrow && <p-icon variant=\"arrow\" />}\n                    </div>\n                )}\n\n                <slot name=\"suffix\" />\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/dist/components/{p-modal-backdrop.d.ts → p-content-slider.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface PModalBackdrop extends Components.PModalBackdrop, HTMLElement {}
-export const PModalBackdrop: {
-  prototype: PModalBackdrop;
-  new (): PModalBackdrop;
+interface PContentSlider extends Components.PContentSlider, HTMLElement {}
+export const PContentSlider: {
+  prototype: PContentSlider;
+  new (): PContentSlider;
 };
 /**
  * Used to define this component and all nested components recursively.