@paperless/core 2.0.1-beta.112 → 2.0.1-beta.114

package/dist/components/p-stepper-item.js

@@ -1,8 +1,80 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
+import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { a as asBoolean } from './p-C5CTp9IA.js';
 
-const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.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-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(0 255 0/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(0 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(0 255 0/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){flex:0;height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(255 192 203/var(--tw-text-opacity,1))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(255 192 203/var(--tw-bg-opacity,1))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
+const stepperItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-row-reverse{flex-direction:row-reverse!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-50{--tw-bg-opacity:1!important;background-color:rgb(229 238 237/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
+const item = cva('flex gap-2', {
+    variants: {
+        align: {
+            start: 'items-start',
+            center: 'items-center',
+            end: 'items-end',
+        },
+        contentPosition: {
+            start: 'flex-row-reverse',
+            end: null
+        },
+    }
+});
+const circle = cva(['h-6 w-6 flex items-center justify-center', 'text-sm text-center font-medium', 'border border-solid border-dark-teal-400', 'rounded-full'], {
+    variants: {
+        finished: {
+            true: null,
+            false: null
+        },
+        active: {
+            true: null,
+            false: null
+        }
+    },
+    compoundVariants: [
+        {
+            finished: false,
+            active: false,
+            class: 'text-dark-teal-400 bg-dark-teal-50'
+        },
+        {
+            active: true,
+            finished: false,
+            class: 'text-white bg-dark-teal-400',
+        },
+        {
+            active: false,
+            finished: true,
+            class: 'text-white bg-dark-teal-400',
+        }
+    ]
+});
+const content = cva('text-sm font-medium', {
+    variants: {
+        finished: {
+            true: null,
+            false: null
+        },
+        active: {
+            true: null,
+            false: null
+        }
+    },
+    compoundVariants: [
+        {
+            finished: false,
+            active: false,
+            class: 'text-black-teal-400'
+        },
+        {
+            active: true,
+            finished: false,
+            class: 'text-black-teal-500',
+        },
+        {
+            active: false,
+            finished: true,
+            class: 'text-black-teal-500',
+        }
+    ]
+});
 const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H {
     constructor() {
         super();
@@ -10,13 +82,13 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
         this.__attachShadow();
     }
     /**
-     * The alignment of the step content
+     * The number of the step
      */
-    align = 'center';
+    number = 1;
     /**
-     * The direction of the stepper step
+     * The alignment of the content in case of vertical direction
      */
-    direction = 'horizontal';
+    align = 'center';
     /**
      * The position of the content in case of vertical direction
      */
@@ -30,32 +102,36 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     active = false;
     render() {
-        return (h(Host, { key: '00b12417594b4549a7cf81325c4cc96d8f0210c2', class: "p-stepper-item" }, h("div", { key: 'd0e45b771c701974859771fa1e785bd3ee70d4ea', class: "circle" }, this.finished && h("p-icon", { key: '7b911928983e885ad0cb8b589b50491f2c9bb917', variant: "checkmark" })), h("div", { key: 'e3be25a34e07e51c39d2a45e13a8678d32327c7c', class: "content" }, h("slot", { key: '684ab813c54847a46de04d0413af98b1c438b7ab', name: "content" }))));
+        return (h("div", { key: '735e108b939c47a411ae79ccb1e1232dd1043dc9', class: item({
+                align: this.align,
+                contentPosition: this.contentPosition
+            }) }, h("div", { key: '57da032e1162eac2f92b49ca7fea53af1fbede14', class: circle({
+                active: asBoolean(this.active),
+                finished: asBoolean(this.finished)
+            }) }, this.number), h("div", { key: 'c82c13a351fbeba0232d4094883e5008a12fd105', class: content({
+                active: asBoolean(this.active),
+                finished: asBoolean(this.finished)
+            }) }, h("slot", { key: 'd72d3471e83da48b1b1d2a2aeccce8f7acd98d99' }))));
     }
     static get style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {
-        "align": [513],
-        "direction": [513],
-        "contentPosition": [513, "content-position"],
-        "finished": [516],
-        "active": [516]
+        "number": [2],
+        "align": [1],
+        "contentPosition": [1, "content-position"],
+        "finished": [4],
+        "active": [4]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-stepper-item", "p-icon"];
+    const components = ["p-stepper-item"];
     components.forEach(tagName => { switch (tagName) {
         case "p-stepper-item":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, StepperItem);
             }
             break;
-        case "p-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
     } });
 }
 defineCustomElement$1();

package/dist/components/p-stepper-item.js.map

@@ -1 +1 @@
-{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,g2GAAg2G;;MCOn3G,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,KAAK,GAA+B,QAAQ;AAErE;;AAEG;IACsB,SAAS,GACjC,YAAY;AAEb;;AAEG;IACsB,eAAe,GAAoB,KAAK;AAEjE;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,MAAM,GAAY,KAAK;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,IAAI,CAAC,QAAQ,IAAI,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/deprecated/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center flex-shrink-0;\n\t\t@apply h-4 w-4 rounded-full;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\tflex: 0;\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-stepper-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t'flex gap-2',\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\tstart: 'items-start',\n\t\t\t\tcenter: 'items-center',\n\t\t\t\tend: 'items-end',\n\t\t\t},\n\t\t\tcontentPosition: {\n\t\t\t\tstart: 'flex-row-reverse',\n\t\t\t\tend: null\n\t\t\t},\n\t\t}\n\t}\n);\n\nconst circle = cva(['h-6 w-6 flex items-center justify-center', 'text-sm text-center font-medium', 'border border-solid border-dark-teal-400', 'rounded-full'], {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t}\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-400 bg-dark-teal-50'\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-white bg-dark-teal-400',\n\n\t\t}\n\t]\n})\n\nconst content = cva('text-sm font-medium', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t}\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-black-teal-400'\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-black-teal-500',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-black-teal-500',\n\n\t\t}\n\t]\n})\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({\n\t\t\t\talign: this.align,\n\t\t\t\tcontentPosition: this.contentPosition\n\t\t\t})}>\n\t\t\t\t<div class={circle({\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tfinished: asBoolean(this.finished)\n\t\t\t\t})}>\n\t\t\t\t\t{this.number}\n\t\t\t\t</div>\n\t\t\t\t<div class={content({\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tfinished: asBoolean(this.finished)\n\t\t\t\t})}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-stepper-line.js

@@ -1,4 +1,4 @@
-import { S as StepperLine, d as defineCustomElement$1 } from './p-RLs2w_87.js';
+import { S as StepperLine, d as defineCustomElement$1 } from './p-B4MNLDXF.js';
 
 const PStepperLine = StepperLine;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-stepper.js

@@ -1,8 +1,26 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-RLs2w_87.js';
+import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { d as defineCustomElement$2 } from './p-B4MNLDXF.js';
 
-const stepperComponentCss = ".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";
+const stepperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
 
+const stepper = cva(['flex gap-2'], {
+    variants: {
+        direction: {
+            vertical: 'w-full flex-col flex-wrap items-start',
+            horizontal: 'h-auto items-center'
+        },
+        contentPosition: {
+            start: null,
+            end: null
+        }
+    },
+    compoundVariants: [{
+            direction: 'vertical',
+            contentPosition: 'start',
+            class: 'items-end'
+        }]
+});
 const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
     constructor() {
         super();
@@ -21,6 +39,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
      * The direction of the stepper
      */
     direction = 'horizontal';
+    /**
+     * The alignment of the content in case of vertical direction
+     */
+    align = 'center';
     /**
      * The position of the content in case of vertical direction
      */
@@ -59,15 +81,9 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
             if (item.direction !== this.direction && !directionChanged) {
                 directionChanged = true;
             }
+            item.number = i + 1;
             item.direction = this.direction;
-            item.align =
-                this.direction === 'vertical'
-                    ? 'start'
-                    : i === 0
-                        ? 'start'
-                        : i === items?.length - 1
-                            ? 'end'
-                            : 'center';
+            item.align = this.direction === 'vertical' ? this.align : 'start';
             item.contentPosition = this.contentPosition;
         }
         if (directionChanged) {
@@ -112,14 +128,27 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         }
     };
     _setStepperLineData = (stepperLine, item, nextItem, i, activeStep) => {
-        const heightDiff = item.clientHeight / 2;
-        const heightDiffNext = nextItem.clientHeight / 2;
+        let heightDiff = item.clientHeight - 24;
+        let heightDiffNext = nextItem.clientHeight - 24;
+        if (this.align === 'center') {
+            heightDiff = heightDiff / 2;
+            heightDiffNext = heightDiffNext / 2;
+        }
         stepperLine.direction = this.direction;
         stepperLine.active = i < activeStep;
         if (heightDiff > 0 && this.direction === 'vertical') {
-            stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
-            stepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;
-            stepperLine.style.minHeight = `calc(1rem + ${(heightDiff + heightDiffNext) / 16}rem)`;
+            let totalHeight = 0;
+            stepperLine.style.marginTop = "0";
+            stepperLine.style.marginBottom = "0";
+            if (this.align === 'start' || this.align === 'center') {
+                stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
+                totalHeight += heightDiff;
+            }
+            if (this.align === 'center' || this.align === "end") {
+                stepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;
+                totalHeight += heightDiffNext;
+            }
+            stepperLine.style.minHeight = `calc(${(totalHeight / 16)}rem)`;
         }
     };
     componentDidLoad() {
@@ -132,21 +161,32 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         }
     }
     render() {
-        return (h(Host, { key: 'b28e2468eadad29e85e2201f95c83a57e545821f', class: 'p-stepper' }, h("slot", { key: 'c6b310552a73de9351ea74ac406f876a91f3cf46', onSlotchange: () => this._generateStepsOnce() })));
+        return (h("div", { key: '7a7c2fc8d0219978c3d09370e3170d7134bc8a58', class: stepper({ direction: this.direction }) }, h("slot", { key: '9e11a4b4be955918ed8bbc7714a4c693ed978941', onSlotchange: () => this._generateStepsOnce() })));
+    }
+    _onAlignChange() {
+        this._generateStepsOnce();
+    }
+    _onDirectionChange() {
+        this._generateStepsOnce();
     }
     _onActiveStepChange() {
         this._generateStepsOnce();
     }
     static get watchers() { return {
+        "align": ["_onAlignChange"],
+        "direction": ["_onDirectionChange"],
         "activeStep": ["_onActiveStepChange"]
     }; }
     static get style() { return stepperComponentCss; }
 }, [1, "p-stepper", {
         "activeStep": [2, "active-step"],
         "enableAutoStatus": [4, "enable-auto-status"],
-        "direction": [513],
-        "contentPosition": [513, "content-position"]
+        "direction": [1],
+        "align": [1],
+        "contentPosition": [1, "content-position"]
     }, undefined, {
+        "align": ["_onAlignChange"],
+        "direction": ["_onDirectionChange"],
         "activeStep": ["_onActiveStepChange"]
     }]);
 function defineCustomElement$1() {

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

@@ -1 +1 @@
-{"file":"p-stepper.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/deprecated/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\tthis.direction === 'vertical'\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === 0\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === items?.length - 1\n\t\t\t\t\t? 'end'\n\t\t\t\t\t: 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tconst heightDiff = item.clientHeight / 2;\n\t\tconst heightDiffNext = nextItem.clientHeight / 2;\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t(heightDiff + heightDiffNext) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"version":3}
+{"file":"p-stepper.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/stepper/stepper.component.css?tag=p-stepper&encapsulation=shadow","src/components/organisms/stepper/stepper.component.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst stepper = cva(\n\t['flex gap-2'],\n\t{\n\t\tvariants: {\n\t\t\tdirection: {\n\t\t\t\tvertical: 'w-full flex-col flex-wrap items-start',\n\t\t\t\thorizontal: 'h-auto items-center'\n\t\t\t},\n\t\t\tcontentPosition: {\n\t\t\t\tstart: null,\n\t\t\t\tend: null\n\t\t\t}\n\t\t},\n\t\tcompoundVariants: [{\n\t\t\tdirection: 'vertical',\n\t\t\tcontentPosition: 'start',\n\t\t\tclass: 'items-end'\n\t\t}]\n\t}\n);\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.css',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.number = i + 1;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tlet heightDiff = item.clientHeight - 24;\n\t\tlet heightDiffNext = nextItem.clientHeight - 24;\n\n\t\tif(this.align === 'center') {\n\t\t\theightDiff = heightDiff / 2;\n\t\t\theightDiffNext = heightDiffNext / 2;\n\t\t}\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tlet totalHeight = 0;\n\n\t\t\tstepperLine.style.marginTop = \"0\";\n\t\t\tstepperLine.style.marginBottom= \"0\";\n\n\t\t\tif(this.align === 'start' || this.align === 'center') {\n\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\ttotalHeight += heightDiff;\n\t\t\t}\n\n\t\t\tif(this.align === 'center' ||  this.align===\"end\") {\n\t\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\t\ttotalHeight += heightDiffNext;\n\t\t\t}\n\n\t\t\tstepperLine.style.minHeight = `calc(${\n\t\t\t\t(totalHeight / 16)\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={stepper({ direction: this.direction })}>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"version":3}

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$2 } from './p-CEoo55FK.js';
+import { d as defineCustomElement$2 } from './p-Cv1xoKQ6.js';
 
 const tabContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-10{z-index:10!important}.m-0{margin:0!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}.overflow-x-auto{overflow-x:auto!important}.scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}.scrollbar-hide::-webkit-scrollbar{display:none!important}";
 
@@ -10,7 +10,7 @@ const TabContainer = /*@__PURE__*/ proxyCustomElement(class TabContainer extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '4a2e2570b95ab186cdfc9455214da22f0d8e8586', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'aede988de21568e57f2da16f525dae6e01682bcb', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '939368f3230c1b3c18e391277b3a99c27a2a6854' })), h("p-divider", { key: '413e9cd32408d6b93c9822c696467e88850d45ab', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '781f7894a5712017eef71823e79733238883886d', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '6fa4400c066ebff6e41300ade5b2acc959ec04c3', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '19cc6d03006a7b4ed128e7744064c4d884284c96' })), h("p-divider", { key: 'f98a284109b5ddd342b997b5b897199c1aed588d', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get style() { return tabContainerComponentCss; }
 }, [1, "p-tab-container"]);

package/dist/components/p-tab-item.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
+import { c as cva } from './p-CBWjHURv.js';
 
 const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(255 192 203/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(255 192 203/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-content:\" \"}.static{position:static!important}.h-8{height:2rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.after\\:h-\\[2px\\]:after{content:var(--tw-content)!important;height:2px!important}.after\\:bg-dark-teal-600:after{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:bg-transparent:after{background-color:transparent!important;content:var(--tw-content)!important}.hover\\:after\\:bg-dark-teal-100:hover:after{--tw-bg-opacity:1!important;background-color:rgb(204 220 218/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}";
 
@@ -26,7 +26,7 @@ const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends H {
      */
     active = false;
     render() {
-        return (h("div", { key: '5b23a1e6e66054110f2fef1efd9efe378f57e226', class: item({ active: this.active }) }, h("slot", { key: '589556fe51d37d17a634a7478b49ce4a576e83fc' })));
+        return (h("div", { key: 'd47f34b14077fc1bce5eb4ba1d8c1b2a598acf97', class: item({ active: this.active }) }, h("slot", { key: '9206e9c13fda77b710762cfff3cba5898d72cfe4' })));
     }
     static get style() { return tabItemComponentCss; }
 }, [1, "p-tab-item", {

package/dist/components/p-table-cell.js

@@ -1,4 +1,4 @@
-import { T as TableCell, d as defineCustomElement$1 } from './p-DPhqMOrK.js';
+import { T as TableCell, d as defineCustomElement$1 } from './p-BPXS3EM8.js';
 
 const PTableCell = TableCell;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableContainer, d as defineCustomElement$1 } from './p-DPJZQYRZ.js';
+import { T as TableContainer, d as defineCustomElement$1 } from './p-DB4h1B2U.js';
 
 const PTableContainer = TableContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-footer.js

@@ -1,4 +1,4 @@
-import { T as TableFooter, d as defineCustomElement$1 } from './p-CzS_7d0-.js';
+import { T as TableFooter, d as defineCustomElement$1 } from './p-b3Miuuib.js';
 
 const PTableFooter = TableFooter;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableHeader, d as defineCustomElement$1 } from './p-DzrmryZi.js';
+import { T as TableHeader, d as defineCustomElement$1 } from './p-DwUkFgs3.js';
 
 const PTableHeader = TableHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-row-actions-container.js

@@ -1,4 +1,4 @@
-import { T as TableRowActionsContainer, d as defineCustomElement$1 } from './p-CgZvkWTt.js';
+import { T as TableRowActionsContainer, d as defineCustomElement$1 } from './p-2DRqcElr.js';
 
 const PTableRowActionsContainer = TableRowActionsContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-row.js

@@ -1,4 +1,4 @@
-import { T as TableRow, d as defineCustomElement$1 } from './p-C1YLcCva.js';
+import { T as TableRow, d as defineCustomElement$1 } from './p-BSAVV_6x.js';
 
 const PTableRow = TableRow;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table.js

@@ -1,38 +1,38 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { f as isMobile, t as tableColumSizesOptions } from './p-LsrP-Unv.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
-import { f as floatingMenuContainerClass } from './p-DXsCtVm-.js';
-import { c as cn } from './p-Cb5QxFb_.js';
-import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-CScTNJWS.js';
-import { d as defineCustomElement$v } from './p-BEuvmIBQ.js';
-import { d as defineCustomElement$u } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$t } from './p-B-dtByez.js';
-import { d as defineCustomElement$s } from './p-CEoo55FK.js';
-import { d as defineCustomElement$r } from './p-DW90RovU.js';
-import { d as defineCustomElement$q } from './p-D09jozUL.js';
-import { d as defineCustomElement$p } from './p-DlFumKvb.js';
-import { d as defineCustomElement$o } from './p-DdhFjzWp.js';
-import { d as defineCustomElement$n } from './p-Y_DTiNRB.js';
-import { d as defineCustomElement$m } from './p-BbqAQmy1.js';
-import { d as defineCustomElement$l } from './p-DJzH_A-R.js';
-import { d as defineCustomElement$k } from './p-CmzpquGH.js';
-import { d as defineCustomElement$j } from './p-8rB2Q4yP.js';
-import { d as defineCustomElement$i } from './p-CQcp92mr.js';
-import { d as defineCustomElement$h } from './p-BpWSyLrS.js';
-import { d as defineCustomElement$g } from './p-BFBKoX9I.js';
-import { d as defineCustomElement$f } from './p-DRQQENvx.js';
-import { d as defineCustomElement$e } from './p-BDTPyUsH.js';
-import { d as defineCustomElement$d } from './p-BMeOy477.js';
-import { d as defineCustomElement$b } from './p-BUxcWSGM.js';
-import { d as defineCustomElement$a } from './p-wcD-x4l2.js';
-import { d as defineCustomElement$9 } from './p-CFdbv-t4.js';
-import { d as defineCustomElement$8 } from './p-DPhqMOrK.js';
-import { d as defineCustomElement$7 } from './p-DPJZQYRZ.js';
-import { d as defineCustomElement$6 } from './p-CzS_7d0-.js';
-import { d as defineCustomElement$5 } from './p-DzrmryZi.js';
-import { d as defineCustomElement$4 } from './p-C1YLcCva.js';
-import { d as defineCustomElement$3 } from './p-CgZvkWTt.js';
-import { d as defineCustomElement$2 } from './p-CmfFRlg6.js';
+import { f as floatingMenuContainerClass } from './p-BFKshVEl.js';
+import { c as cn } from './p-CT54OXR2.js';
+import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-Cp8IEnaB.js';
+import { d as defineCustomElement$v } from './p-BE9wqNth.js';
+import { d as defineCustomElement$u } from './p-A5puW8KH.js';
+import { d as defineCustomElement$t } from './p-192xXCKV.js';
+import { d as defineCustomElement$s } from './p-Cv1xoKQ6.js';
+import { d as defineCustomElement$r } from './p-BP1aeBcW.js';
+import { d as defineCustomElement$q } from './p-CA6-0EkK.js';
+import { d as defineCustomElement$p } from './p-Bxt_h1P2.js';
+import { d as defineCustomElement$o } from './p-Hj0dtQOu.js';
+import { d as defineCustomElement$n } from './p-BnyZAlkn.js';
+import { d as defineCustomElement$m } from './p-DlGX7eAs.js';
+import { d as defineCustomElement$l } from './p-C2CsD_zr.js';
+import { d as defineCustomElement$k } from './p-Cs06wZSM.js';
+import { d as defineCustomElement$j } from './p-DNHN-J6Y.js';
+import { d as defineCustomElement$i } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$h } from './p-CKTvcFFn.js';
+import { d as defineCustomElement$g } from './p-C-1aZ7t0.js';
+import { d as defineCustomElement$f } from './p-CgHBpaJ2.js';
+import { d as defineCustomElement$e } from './p-Cr5nmZn3.js';
+import { d as defineCustomElement$d } from './p-D7OHNXA8.js';
+import { d as defineCustomElement$b } from './p-DfRQHBer.js';
+import { d as defineCustomElement$a } from './p-CS8aLBBd.js';
+import { d as defineCustomElement$9 } from './p-OY7iMMA5.js';
+import { d as defineCustomElement$8 } from './p-BPXS3EM8.js';
+import { d as defineCustomElement$7 } from './p-DB4h1B2U.js';
+import { d as defineCustomElement$6 } from './p-b3Miuuib.js';
+import { d as defineCustomElement$5 } from './p-DwUkFgs3.js';
+import { d as defineCustomElement$4 } from './p-BSAVV_6x.js';
+import { d as defineCustomElement$3 } from './p-2DRqcElr.js';
+import { d as defineCustomElement$2 } from './p-DO22qLlU.js';
 
 const tableComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.z-0{z-index:0!important}.my-16{margin-bottom:4rem!important;margin-top:4rem!important}.mb-8{margin-bottom:2rem!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.opacity-0{opacity:0!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}";
 
@@ -302,7 +302,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         this.hasRendered.emit();
     }
     render() {
-        return (h(Host, { key: '417db9b9383d45f84d0f83df2deac668766f9406', class: 'z-0 flex flex-col' }, h("p-table-container", { key: 'dee4908706c95a6f2d19a950f4fcd141c6f1c0db' }, this.enableHeader && (h("p-table-header", { key: '447114b0dcf47f5f94afff0443c2b60110acb0ff', class: 'mb-8',
+        return (h(Host, { key: 'aff2178e8b10a013ad81a1531e0f8328d0a450f8', class: 'z-0 flex flex-col' }, h("p-table-container", { key: '964e4a949fbd872c56896182256297cfba9282e3' }, this.enableHeader && (h("p-table-header", { key: '38dabb784a7bd800e5bda13ee20e2a39301d6101', class: 'mb-8',
             // quick filters
             quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
             // search
@@ -314,7 +314,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             //export
             enableExport: this.enableExport, onExport: () => this.export.emit(),
             //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: 'a70a30599aba0386657aa0743130077c2573d845', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: 'd36fd49793d1ca5656982efec6cccf888fe0c230', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), h("div", { key: '6928a3da1d520951bba177f3f7e63a9b80e90d84', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
+            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: '103f6b3de27b2701d1db6cc8893eb30e5be6b982', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: '12f0a5e6f9616366994a5b4e0723b2bd8de85597', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), h("div", { key: 'a611b876f701edfaf6edcc2ccb3e86190a017252', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
                 hasFooter: this.enableFooter && !this._footerHidden,
                 active: !!this.selectedRows?.length,
                 shown: this._floatingMenuShown,
@@ -324,7 +324,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: '254d2514b5f512a762294424d774436b57a686c5',
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: 'b9a6f34b4a447bcd60905d42db1583cb47806361',
             // overall
             hideOnSinglePage: this.hideOnSinglePage,
             // page size select

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
+import { c as cva } from './p-CBWjHURv.js';
 
 const toastContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-\\[calc\\(env\\(safe-area-inset-bottom\\2c 0\\)\\+1rem\\)\\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)!important}.left-\\[calc\\(env\\(safe-area-inset-left\\2c 0\\)\\+1rem\\)\\]{left:calc(env(safe-area-inset-left,0) + 1rem)!important}.right-\\[calc\\(env\\(safe-area-inset-right\\2c 0\\)\\+1rem\\)\\]{right:calc(env(safe-area-inset-right,0) + 1rem)!important}.top-\\[calc\\(env\\(safe-area-inset-top\\2c 0\\)\\+1rem\\)\\]{top:calc(env(safe-area-inset-top,0) + 1rem)!important}.z-\\[600\\]{z-index:600!important}.z-toast{z-index:700!important}.flex{display:flex!important}.max-w-\\[calc\\(100\\%-\\(env\\(safe-area-inset-left\\2c 0\\)\\+env\\(safe-area-inset-right\\2c 0\\)\\+2rem\\)\\)\\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem!important}}";
 
@@ -42,9 +42,9 @@ const ToastContainer = /*@__PURE__*/ proxyCustomElement(class ToastContainer ext
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: 'f8f9fc362daa164c4be7591c1920ebe508faa557', class: container({
+        return (h("div", { key: '3ddb223cccee3e5feca0fe79874976aa47fb0122', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '0f2ffda058016b40ffd001412bdbaf3b172f7340' })));
+            }) }, h("slot", { key: '318593ccb906592c5a2e48c63be6db785550736a' })));
     }
     static get style() { return toastContainerComponentCss; }
 }, [1, "p-toast-container", {