@paperless/core 2.0.1-beta.21 → 2.0.1-beta.23

package/dist/components/p-table.js

@@ -3,20 +3,20 @@ import { f as isMobile, t as tableColumSizesOptions } from './screens.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
 import { a as defaultSize, b as defaultSizeOptions, d as defineCustomElement$d } from './page-size-select.component.js';
 import { c as cn } from './cn.js';
-import { d as defineCustomElement$s } from './button.component.js';
-import { d as defineCustomElement$r } from './checkbox.component.js';
-import { d as defineCustomElement$q } from './divider.component.js';
-import { d as defineCustomElement$p } from './dropdown.component.js';
-import { d as defineCustomElement$o } from './dropdown-menu-container.component.js';
-import { d as defineCustomElement$n } from './dropdown-menu-item.component.js';
-import { d as defineCustomElement$m } from './field.component.js';
-import { d as defineCustomElement$l } from './field-container.component.js';
-import { d as defineCustomElement$k } from './floating-menu-container.component.js';
-import { d as defineCustomElement$j } from './floating-menu-item.component.js';
-import { d as defineCustomElement$i } from './helper.component.js';
-import { d as defineCustomElement$h } from './icon.component.js';
-import { d as defineCustomElement$g } from './illustration.component.js';
-import { d as defineCustomElement$f } from './label.component.js';
+import { d as defineCustomElement$s } from './badge.component.js';
+import { d as defineCustomElement$r } from './button.component.js';
+import { d as defineCustomElement$q } from './checkbox.component.js';
+import { d as defineCustomElement$p } from './divider.component.js';
+import { d as defineCustomElement$o } from './dropdown.component.js';
+import { d as defineCustomElement$n } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$m } from './dropdown-menu-item.component.js';
+import { d as defineCustomElement$l } from './field.component.js';
+import { d as defineCustomElement$k } from './field-container.component.js';
+import { d as defineCustomElement$j } from './floating-menu-container.component.js';
+import { d as defineCustomElement$i } from './floating-menu-item.component.js';
+import { d as defineCustomElement$h } from './helper.component.js';
+import { d as defineCustomElement$g } from './icon.component.js';
+import { d as defineCustomElement$f } from './illustration.component.js';
 import { d as defineCustomElement$e } from './loader.component.js';
 import { d as defineCustomElement$c } from './pagination.component.js';
 import { d as defineCustomElement$b } from './pagination-item.component.js';
@@ -678,79 +678,79 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-table", "p-button", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-field", "p-field-container", "p-floating-menu-container", "p-floating-menu-item", "p-helper", "p-icon", "p-illustration", "p-label", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item", "p-portal", "p-segment-container", "p-segment-item", "p-table-cell", "p-table-container", "p-table-footer", "p-table-header", "p-table-row", "p-tooltip"];
+    const components = ["p-table", "p-badge", "p-button", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-field", "p-field-container", "p-floating-menu-container", "p-floating-menu-item", "p-helper", "p-icon", "p-illustration", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item", "p-portal", "p-segment-container", "p-segment-item", "p-table-cell", "p-table-container", "p-table-footer", "p-table-header", "p-table-row", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-table":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, Table);
             }
             break;
-        case "p-button":
+        case "p-badge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "p-checkbox":
+        case "p-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "p-divider":
+        case "p-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "p-dropdown":
+        case "p-divider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "p-dropdown-menu-container":
+        case "p-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "p-dropdown-menu-item":
+        case "p-dropdown-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "p-field":
+        case "p-dropdown-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "p-field-container":
+        case "p-field":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "p-floating-menu-container":
+        case "p-field-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "p-floating-menu-item":
+        case "p-floating-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "p-helper":
+        case "p-floating-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "p-icon":
+        case "p-helper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "p-illustration":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "p-label":
+        case "p-illustration":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }

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

@@ -11,7 +11,7 @@ const ToastContainer = /*@__PURE__*/ proxyCustomElement(class ToastContainer ext
         this.placement = 'top-end';
     }
     render() {
-        return (h(Host, { key: 'ab81aa8f5275de30e45826d232f2c551aded8cbe', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '82cd3e00ce8242aaf2acdbe393fe4058949b73fe' })));
+        return (h(Host, { key: '7ca829b625cb054e8d78fefdf89ecb42fc0b16e1', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8f2bbca37514fbb8db6e60e24c96e32320ebee8d' })));
     }
     static get style() { return PToastContainerStyle0; }
 }, [1, "p-toast-container", {

package/dist/components/p-toast.js

@@ -25,7 +25,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
      */
     action;
     render() {
-        return (h(Host, { key: '5e4d83ec435671553c45eeda6da3e0eca5abd816', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'cb8b4792e9911b09a0a75dad80df62180029b6d7', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '058db9e698fbbffa1206c9b55251e8452008c9b5', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '4d52640787c919fa2d2b7e0c18a0443b0ab3a554', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '69c6b038b1ea91492d77fc55144ca7d95fc00116', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '45995dbf55e1f5da083853de2a84a8b2fabecae3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '21cc758c734909d3ac31b57174ac48117086ea8b', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '6d9e38a1ff99eb3cca01492a1b23b1855d47e6c2', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'e9cb052a385dc14e0485944518548365f743a3e4', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '3622337e6595749610b400498a5c8860adc9ab32', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/components/p-toggle.js

@@ -112,13 +112,13 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
      */
     indeterminateChange;
     render() {
-        return (h(Host, { key: '665a9617a9ab6f36f84bb2431a1aae0b873acfab', class: 'p-checkbox' }, h("label", { key: 'f9090b0b5cc6ca14c09a43e53f01bef33e411e5f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '9a47bbc17f2efb2cf196c558b67837b73531f02f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'aead176166d2cc5799d3756076d9ed4085d67637', class: checkbox({
+        return (h(Host, { key: '1f27b7358ddfe7998b7353f8365b728e9fb576cd', class: 'p-checkbox' }, h("label", { key: 'b055b9953c464554baf6c2c958806ae6995a6359', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'd8da28b8229fba7a35af8a57c5dec386a93b543f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '275d3d8e8f0cad0bb62c6c7b19cb8553f08e27c0', class: checkbox({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'f73eab7f22090288618a5e71f1a0ca9d7aa92733', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'b0c8d090f118586f92e88f3c9eac715ee7c8da7d', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'dbd72bce56cdad804076b3a51c921a877530ec8a' }))));
+            }) })), h("slot", { key: '8e0571323057af097c6bf41a5ac7c0f0dc9dd71a' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/components/pagination-item.component.js

@@ -11,7 +11,7 @@ const PaginationItem = /*@__PURE__*/ proxyCustomElement(class PaginationItem ext
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '6a4e7f7bf424e158a087b7ba5e165f0f79293157', class: `p-pagination-item ${this.active && 'active'}` }, h("slot", { key: '5fc864a64664a7ea8d45228c25b6c3fb909515ad' })));
+        return (h(Host, { key: '7057240b7a1e8ad095e9c3414b03060f6f63bef2', class: `p-pagination-item ${this.active && 'active'}` }, h("slot", { key: 'd55228d72fcf51a6c7bf9f848c401553b86e40d6' })));
     }
     static get style() { return PPaginationItemStyle0; }
 }, [1, "p-pagination-item", {

package/dist/components/pagination.component.js

@@ -25,7 +25,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         this._generate();
     }
     render() {
-        return (h(Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (h(Host, { key: 'b78ab074e0cbaf260070e2ae6689c58d44474132', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
                 return (h("p-pagination-item", { onClick: () => p.type === 'previous'
                         ? this._previousClick()

package/dist/components/portal.component.js

@@ -17,7 +17,7 @@ const Portal = /*@__PURE__*/ proxyCustomElement(class Portal extends HTMLElement
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: '04f9a6ddfe5756fff19f51575ed4869d85c756d5' }, h("slot", { key: 'ad0bd91e83e2b35f2bdb10ed17a1d77be095782d' })));
+        return (h(Host, { key: 'ec6767f9ed9924ff88643c804db7c0e9687a9cc2' }, h("slot", { key: '21ebee452f0f173c88840da9a190e4a7b072cd48' })));
     }
 }, [4, "p-portal"]);
 function defineCustomElement() {

package/dist/components/segment-container.component.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const segmentContainerComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(218 230 240/var(--tw-border-opacity,1));border-radius:.5rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
+const segmentContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}";
 const PSegmentContainerStyle0 = segmentContainerComponentCss;
 
 const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer extends HTMLElement {
@@ -9,7 +9,7 @@ const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class SegmentContainer
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+        return (h(Host, { key: '13dd4ad8e37de0c55abcc3748746bccd628da688', class: 'p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'c006b5f0ad06aa1f2d8a54faf2d1f6dcc97a7d83' })));
     }
     static get style() { return PSegmentContainerStyle0; }
 }, [4, "p-segment-container"]);

package/dist/components/segment-container.component.js.map

@@ -1 +1 @@
-{"file":"segment-container.component.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,2lBAA2lB,CAAC;AACjoB,gCAAe,4BAA4B;;MCK9B,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB,IAChC,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx"],"sourcesContent":["p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-lg;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"segment-container.component.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,4dAA4d,CAAC;AAClgB,gCAAe,4BAA4B;;MCK9B,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qGAAqG,IAChH,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-container/segment-container.component.css?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/segment-item.component.js

@@ -1,40 +1,47 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as cva } from './index2.js';
 import { d as defineCustomElement$1 } from './icon.component.js';
 
-const segmentItemComponentCss = ".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.5rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";
+const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";
 const PSegmentItemStyle0 = segmentItemComponentCss;
 
+const segmentItem = cva([
+    'p-segment-item',
+    'flex items-center justify-center',
+    'h-6 gap-2 rounded-full',
+    'cursor-pointer text-sm',
+], {
+    variants: {
+        active: {
+            false: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',
+            true: 'bg-dark-teal-600 text-white',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'w-6',
+        },
+    },
+});
 const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.active = false;
         this.iconOnly = false;
-        this.size = 'small';
         this.icon = undefined;
         this.iconFlip = undefined;
         this.iconRotate = undefined;
     }
-    get _el() { return this; }
-    _hasDescriptionSlot = false;
-    componentWillLoad() {
-        this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
-    }
     render() {
-        return (h(Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, h("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
-    }
-    _getIcon() {
-        if (!this.icon) {
-            return;
-        }
-        return (h("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+        return (h(Host, { key: 'af4c3783e2791d61632bdb598682ad2f4f95539a', class: segmentItem({
+                active: this.active,
+                iconOnly: this.iconOnly,
+            }) }, this.icon && (h("p-icon", { key: 'a554a9b7a78e0b4dba9b967b97cb98b49e28c9cf', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), h("slot", { key: '17306fa82a398b6b7bc613f78197b425fd376af9' })));
     }
     static get style() { return PSegmentItemStyle0; }
-}, [1, "p-segment-item", {
+}, [4, "p-segment-item", {
         "active": [4],
         "iconOnly": [4, "icon-only"],
-        "size": [513],
         "icon": [1],
         "iconFlip": [1, "icon-flip"],
         "iconRotate": [2, "icon-rotate"]

package/dist/components/segment-item.component.js.map

@@ -1 +1 @@
-{"file":"segment-item.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,m2DAAm2D,CAAC;AACp4D,2BAAe,uBAAuB;;MCQzB,WAAW;;;;;sBAIG,KAAK;wBAKH,KAAK;oBAKgB,OAAO;;;;;;IAsBhD,mBAAmB,GAAG,KAAK,CAAC;IAEpC,iBAAiB;QAChB,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAClD,+BAA+B,CAC/B,CAAC;KACF;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,0BACN,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAC1B,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,EAC7B,8DAAQ,EACP,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,mBAAmB,KAC/C,6DAAM,KAAK,EAAC,aAAa,IACxB,6DAAM,IAAI,EAAC,aAAa,GAAG,CACrB,CACP,CACK,EACN;KACF;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,OAAO;SACP;QAED,QACC,cACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,EACD;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-6 items-center gap-2 rounded-lg px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"segment-item.component.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,65BAA65B,CAAC;AAC97B,2BAAe,uBAAuB;;ACItC,MAAM,WAAW,GAAG,GAAG,CACtB;IACC,gBAAgB;IAChB,kCAAkC;IAClC,wBAAwB;IACxB,wBAAwB;CACxB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,2DAA2D;YAClE,IAAI,EAAE,6BAA6B;SACnC;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,KAAK;SACX;KACD;CACD,CACD,CAAC;MAMW,WAAW;;;;sBAIG,KAAK;wBAKH,KAAK;;;;;IAiBjC,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,WAAW,CAAC;gBAClB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC,IAED,IAAI,CAAC,IAAI,KACT,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EACD,8DAAQ,CACF,EACN;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'h-6 gap-2 rounded-full',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/slider-indicator.component.js

@@ -11,7 +11,7 @@ const SliderIndicator = /*@__PURE__*/ proxyCustomElement(class SliderIndicator e
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'b881e676d31e9db8b09093c2ad767467584194aa', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: '4525154d8a2fa45a67c9194601c038ce4d68d93c', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get style() { return PSliderIndicatorStyle0; }
 }, [1, "p-slider-indicator", {

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

@@ -12,7 +12,7 @@ const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends H
         this.direction = 'horizontal';
     }
     render() {
-        return h(Host, { key: 'a098b7140c582af2edc9cdd7b4f8c37f5396223f', class: "p-stepper-line" });
+        return h(Host, { key: '9c523b4c1c77f12e65b9e8e97e447682089c6259', class: "p-stepper-line" });
     }
     static get style() { return PStepperLineStyle0; }
 }, [1, "p-stepper-line", {

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

@@ -33,7 +33,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         };
     }
     render() {
-        return (h(Host, { key: '9d0c40d23049e13123b42e026cf617abe4e5f5f0', class: {
+        return (h(Host, { key: 'e9622200c7747ae2dd3611252f87c1781ecfc0c0', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

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

@@ -11,7 +11,7 @@ const TableContainer = /*@__PURE__*/ proxyCustomElement(class TableContainer ext
         this.shadow = true;
     }
     render() {
-        return (h(Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
+        return (h(Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
     }
     static get style() { return PTableContainerStyle0; }
 }, [1, "p-table-container", {

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

@@ -52,7 +52,7 @@ const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends H
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: '5d741b128761060367791b642d9105ab84b85fbd', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'f2cd843ef2002d2c5efeeb6e0b0cc19e9ddcc459', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'ba98725795479f4394f389af953a3691bc652504', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: 'a450cb9a2b7fcbb0ee63cd33466d4df2a34938e6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'ae71744adf3ed536d30570e69d7f54f6bd411028', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '16588e28b4c1a74e0d8fd1324ad0ca5f3d9764ec', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'a09d397cc4f1792809aa2226280baf00db625b51', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '949f8e777163603ad66142ec7da8957c8eeb4600', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: '296c3e4d342def9fd72fff8c6d27561b3fbab522', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'be27ba3f224e267b80f43d03d07be3359f22ef76', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

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

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { d as defineCustomElement$b } from './button.component.js';
-import { d as defineCustomElement$a } from './field.component.js';
-import { d as defineCustomElement$9 } from './field-container.component.js';
-import { d as defineCustomElement$8 } from './helper.component.js';
-import { d as defineCustomElement$7 } from './icon.component.js';
-import { d as defineCustomElement$6 } from './label.component.js';
+import { d as defineCustomElement$b } from './badge.component.js';
+import { d as defineCustomElement$a } from './button.component.js';
+import { d as defineCustomElement$9 } from './field.component.js';
+import { d as defineCustomElement$8 } from './field-container.component.js';
+import { d as defineCustomElement$7 } from './helper.component.js';
+import { d as defineCustomElement$6 } from './icon.component.js';
 import { d as defineCustomElement$5 } from './loader.component.js';
 import { d as defineCustomElement$4 } from './portal.component.js';
 import { d as defineCustomElement$3 } from './segment-container.component.js';
@@ -1006,7 +1006,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
-        return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+        return (h("p-badge", { class: `ml-1 ${variant === 'default'
                 ? 'hidden desktop-xs:flex'
                 : 'flex desktop-xs:hidden'}` }, amount));
     }
@@ -1034,39 +1034,39 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-table-header", "p-button", "p-field", "p-field-container", "p-helper", "p-icon", "p-label", "p-loader", "p-portal", "p-segment-container", "p-segment-item", "p-tooltip"];
+    const components = ["p-table-header", "p-badge", "p-button", "p-field", "p-field-container", "p-helper", "p-icon", "p-loader", "p-portal", "p-segment-container", "p-segment-item", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-table-header":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, TableHeader);
             }
             break;
-        case "p-button":
+        case "p-badge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "p-field":
+        case "p-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "p-field-container":
+        case "p-field":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "p-helper":
+        case "p-field-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "p-icon":
+        case "p-helper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "p-label":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }