@paperless/core 1.11.1 → 1.12.0

package/dist/types/components/atoms/button/button.component.d.ts

@@ -6,6 +6,10 @@ export declare class Button {
    * The variant of the button
    */
   variant: 'primary' | 'secondary' | 'text';
+  /**
+   * Wether the text variant has underline
+   */
+  underline: boolean;
   /**
    * Href in case of "text" version
    */

package/dist/types/components/atoms/label/label.component.d.ts

@@ -4,11 +4,15 @@ export declare class Label {
   /**
    * Variant of the label
    */
-  variant: 'neutral' | 'positive' | 'unbiased' | 'negative' | 'info';
+  variant: 'neutral' | 'positive' | 'unbiased' | 'negative' | 'special' | 'info';
   /**
    * Define the behavior of the label
    */
   behavior: 'icon' | 'circle' | 'combination' | 'text' | 'icon-only';
+  /**
+   * Icon position
+   */
+  iconPosition: 'start' | 'end';
   /**
    * Icon to show on the label
    */

package/dist/types/components/atoms/segment-item/segment-item.component.d.ts

@@ -5,6 +5,14 @@ export declare class SegmentItem {
    * Wether the segment item is active
    */
   active: boolean;
+  /**
+   * Wether the segment item is icon only
+   */
+  iconOnly: boolean;
+  /**
+   * Size of the segment item
+   */
+  size: 'small' | 'big';
   /**
    * Icon to show on the segment item
    */
@@ -17,6 +25,12 @@ export declare class SegmentItem {
    * Icon rotate
    */
   iconRotate: RotateOptions;
+  /**
+   * The host element
+   */
+  private _el;
+  private _hasDescriptionSlot;
+  componentWillLoad(): void;
   render(): any;
   private _getIcon;
 }

package/dist/types/components.d.ts

@@ -75,10 +75,18 @@ export namespace Components {
           * The default image to show on errors
          */
         "defaultImage": string;
+        /**
+          * The letters to show on the empty state variant
+         */
+        "letters": string;
         /**
           * The size of the avatar
          */
-        "size": 'small' | 'medium' | 'large' | 'xlarge';
+        "size": | 'xsmall'
+        | 'small'
+        | 'medium'
+        | 'large'
+        | 'xlarge';
         /**
           * The image used for the avatar
          */
@@ -165,6 +173,10 @@ export namespace Components {
           * Target in case of "text" version
          */
         "target": string;
+        /**
+          * Wether the text variant has underline
+         */
+        "underline": boolean;
         /**
           * The variant of the button
          */
@@ -595,6 +607,10 @@ export namespace Components {
           * Icon flip
          */
         "iconFlip": IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition": 'start' | 'end';
         /**
           * Icon rotate
          */
@@ -614,6 +630,7 @@ export namespace Components {
         | 'positive'
         | 'unbiased'
         | 'negative'
+        | 'special'
         | 'info';
     }
     interface PLayout {
@@ -833,10 +850,18 @@ export namespace Components {
           * Icon flip
          */
         "iconFlip": IconFlipOptions;
+        /**
+          * Wether the segment item is icon only
+         */
+        "iconOnly": boolean;
         /**
           * Icon rotate
          */
         "iconRotate": RotateOptions;
+        /**
+          * Size of the segment item
+         */
+        "size": 'small' | 'big';
     }
     interface PSelect {
         /**
@@ -1980,10 +2005,18 @@ declare namespace LocalJSX {
           * The default image to show on errors
          */
         "defaultImage"?: string;
+        /**
+          * The letters to show on the empty state variant
+         */
+        "letters"?: string;
         /**
           * The size of the avatar
          */
-        "size"?: 'small' | 'medium' | 'large' | 'xlarge';
+        "size"?: | 'xsmall'
+        | 'small'
+        | 'medium'
+        | 'large'
+        | 'xlarge';
         /**
           * The image used for the avatar
          */
@@ -2078,6 +2111,10 @@ declare namespace LocalJSX {
           * Target in case of "text" version
          */
         "target"?: string;
+        /**
+          * Wether the text variant has underline
+         */
+        "underline"?: boolean;
         /**
           * The variant of the button
          */
@@ -2539,6 +2576,10 @@ declare namespace LocalJSX {
           * Icon flip
          */
         "iconFlip"?: IconFlipOptions;
+        /**
+          * Icon position
+         */
+        "iconPosition"?: 'start' | 'end';
         /**
           * Icon rotate
          */
@@ -2558,6 +2599,7 @@ declare namespace LocalJSX {
         | 'positive'
         | 'unbiased'
         | 'negative'
+        | 'special'
         | 'info';
     }
     interface PLayout {
@@ -2797,10 +2839,18 @@ declare namespace LocalJSX {
           * Icon flip
          */
         "iconFlip"?: IconFlipOptions;
+        /**
+          * Wether the segment item is icon only
+         */
+        "iconOnly"?: boolean;
         /**
           * Icon rotate
          */
         "iconRotate"?: RotateOptions;
+        /**
+          * Size of the segment item
+         */
+        "size"?: 'small' | 'big';
     }
     interface PSelect {
         /**

package/dist/types/utils/icons.d.ts

@@ -8,11 +8,13 @@ declare const _default: {
   checklist: string;
   checkmark: string;
   chevron: string;
+  chevrons: string;
   clock: string;
   colleagues: string;
   cogs: string;
   comment: string;
   companies: string;
+  deactivate: string;
   document: string;
   download: string;
   envelope: string;
@@ -24,6 +26,7 @@ declare const _default: {
   folder: string;
   formula: string;
   grid: string;
+  hashtag: string;
   headset: string;
   integration: string;
   list: string;

package/hydrate/index.js

@@ -5851,7 +5851,7 @@ class Attachment {
   }; }
 }
 
-const avatarComponentCss = ".inline-block{display:inline-block!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}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%}.static{position:static!important}";
+const avatarComponentCss = ".inline-flex{display:inline-flex!important}.h-16{height:4rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.text-\\[0\\.625rem\\]{font-size:.625rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}*{box-sizing:border-box}p-avatar{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(176 178 203/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden;text-transform:uppercase}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=xsmall]{font-size:.625rem}p-avatar[size=xsmall],p-avatar[size=xsmall]>img{height:1.5rem;width:1.5rem}p-avatar[size=small]{font-size:.75rem;line-height:1rem}p-avatar[size=small],p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]{font-size:1rem;line-height:1.5rem}p-avatar[size=medium],p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]{font-size:1rem;line-height:1.5rem}p-avatar[size=large],p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]{font-size:1rem;line-height:1.5rem}p-avatar[size=xlarge],p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]{border-radius:.25rem}p-avatar[variant=company][size=large],p-avatar[variant=company][size=medium],p-avatar[variant=company][size=xlarge]{border-radius:.375rem}p-avatar[variant=user]{border-radius:100%}.static{position:static!important}";
 
 class Avatar {
   constructor(hostRef) {
@@ -5860,9 +5860,12 @@ class Avatar {
     this.size = 'medium';
     this.defaultImage = undefined;
     this.src = undefined;
+    this.letters = undefined;
     this._src = undefined;
+    this._failed = false;
   }
   onSrchChange(src) {
+    this._failed = false;
     this._src = src;
   }
   componentWillLoad() {
@@ -5872,10 +5875,12 @@ class Avatar {
     }
   }
   render() {
-    return (hAsync(Host, { class: "p-avatar" }, hAsync("img", { src: this._src, onError: () => this._setDefaultLink() })));
+    var _a;
+    return (hAsync(Host, { class: "p-avatar" }, this._failed && ((_a = this.letters) === null || _a === void 0 ? void 0 : _a.length) ? (this.letters) : (hAsync("img", { src: this._src, onError: () => this._setDefaultLink() }))));
   }
   _setDefaultLink() {
     var _a;
+    this._failed = true;
     this._src =
       (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
         ? '/assets/images/avatar/user-default.svg'
@@ -5893,7 +5898,9 @@ class Avatar {
       "size": [513],
       "defaultImage": [1, "default-image"],
       "src": [1],
-      "_src": [32]
+      "letters": [1],
+      "_src": [32],
+      "_failed": [32]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -5971,13 +5978,14 @@ class Backdrop {
   }; }
 }
 
-const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!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}.px-4{padding-left:1rem!important;padding-right:1rem!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}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{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);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);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-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.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));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,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));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-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:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
+const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!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}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.underline{text-decoration-line:underline!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}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{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);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);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-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.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));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,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));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-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text.has-underline,p-button button.variant-text.has-underline{text-decoration-line:underline;text-underline-offset:1px}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
 
 class Button {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.onClick = createEvent(this, "onClick", 3);
     this.variant = 'primary';
+    this.underline = false;
     this.href = undefined;
     this.target = undefined;
     this.size = 'medium';
@@ -6003,7 +6011,7 @@ class Button {
         break;
     }
     const VariableTag = this.variant === 'text' ? 'a' : 'button';
-    return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant}  icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+    return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant}  icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'} ${this.underline && 'has-underline'}`, disabled: this.disabled, href: this.href, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
       this.iconPosition === 'start' &&
       !(this.iconOnly && this.loading) &&
       this._getIcon(), hAsync("slot", null), this.icon &&
@@ -6030,6 +6038,7 @@ class Button {
     "$tagName$": "p-button",
     "$members$": {
       "variant": [1],
+      "underline": [4],
       "href": [1],
       "target": [1],
       "size": [1],
@@ -15202,6 +15211,22 @@ var chevron = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+var chevrons = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/Chevrons</title>
+    <defs>
+        <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
+    </defs>
+    <g id="⚛️-Atoms/icons/Chevrons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <g id="Bounding-box"></g>
+        <path d="M7.04443749,15.1075877 L3.71288307,11.9962056 C3.34547391,11.6530774 3.32579031,11.077073 3.66891852,10.7096639 C3.6832292,10.6943405 3.69806505,10.6795162 3.7133995,10.6652174 C4.11755563,10.2883575 4.74228617,10.2815126 5.15460242,10.6494268 L8,13.1884058 L8,13.1884058 L10.8453976,10.6494268 C11.2577138,10.2815126 11.8824444,10.2883575 12.2866005,10.6652174 C12.6542758,11.0080604 12.6744064,11.5840493 12.3315634,11.9517246 C12.3172646,11.9670591 12.3024403,11.9818949 12.2871169,11.9962056 L8.95556251,15.1075877 C8.41758445,15.6100124 7.58241555,15.6100124 7.04443749,15.1075877 Z" id="Chevron" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)"></path>
+        <path d="M7.04443749,5.10758771 L3.71288307,1.99620558 C3.34547391,1.65307738 3.32579031,1.07707303 3.66891852,0.709663874 C3.6832292,0.694340517 3.69806505,0.679516179 3.7133995,0.665217391 C4.11755563,0.288357469 4.74228617,0.281512603 5.15460242,0.649426839 L8,3.1884058 L8,3.1884058 L10.8453976,0.649426839 C11.2577138,0.281512603 11.8824444,0.288357469 12.2866005,0.665217391 C12.6542758,1.00806038 12.6744064,1.58404927 12.3315634,1.95172459 C12.3172646,1.96705905 12.3024403,1.9818949 12.2871169,1.99620558 L8.95556251,5.10758771 C8.41758445,5.61001243 7.58241555,5.61001243 7.04443749,5.10758771 Z" id="Chevron" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)" transform="translate(8, 3) scale(1, -1) translate(-8, -3)"></path>
+    </g>
+</svg>`;
+
 var clock = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
@@ -15286,6 +15311,21 @@ var companies = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+var deactivate = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/deactivate</title>
+    <defs>
+        <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
+    </defs>
+    <g id="⚛️-Atoms/icons/deactivate" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <g id="Bounding-box"></g>
+        <path d="M4.46446609,3.28708828 C4.85499039,3.66987265 4.85499039,4.29048873 4.46446609,4.6732731 C3.53218703,5.58707504 3,6.82036922 3,8.13873517 C3,10.8454294 5.23857625,13.0396386 8,13.0396386 C10.7614237,13.0396386 13,10.8454294 13,8.13873517 C13,6.82036922 12.467813,5.58707504 11.5355339,4.6732731 C11.1450096,4.29048873 11.1450096,3.66987265 11.5355339,3.28708828 C11.9260582,2.90430391 12.5592232,2.90430391 12.9497475,3.28708828 C14.2533811,4.56488479 15,6.29510497 15,8.13873517 C15,11.9281071 11.8659932,15 8,15 C4.13400675,15 1,11.9281071 1,8.13873517 C1,6.29510497 1.7466189,4.56488479 3.05025253,3.28708828 C3.44077682,2.90430391 4.0739418,2.90430391 4.46446609,3.28708828 Z M8,1 C8.55228475,1 9,1.44771525 9,2 L9,7 C9,7.55228475 8.55228475,8 8,8 C7.44771525,8 7,7.55228475 7,7 L7,2 C7,1.44771525 7.44771525,1 8,1 Z" id="Combined-Shape" fill="currentColor" mask="url(#mask-2)"></path>
+    </g>
+</svg>`;
+
 var document$1 = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
@@ -15449,6 +15489,21 @@ var grid = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
 
+var hashtag = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>⚛️ Atoms/icons/hashtag</title>
+    <defs>
+        <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
+    </defs>
+    <g id="⚛️-Atoms/icons/hashtag" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <g id="Bounding-box"></g>
+        <path d="M12.2095291,0.0221975859 C12.7495545,0.137917306 13.0935221,0.669503727 12.9778024,1.20952909 L12.272,4.49979309 L15,4.5 C15.5522847,4.5 16,4.94771525 16,5.5 C16,6.05228475 15.5522847,6.5 15,6.5 L11.843,6.49979309 L11.2,9.49979309 L15,9.5 C15.5522847,9.5 16,9.94771525 16,10.5 C16,11.0522847 15.5522847,11.5 15,11.5 L10.772,11.4997931 L9.97780241,15.2095291 C9.86208269,15.7495545 9.33049627,16.0935221 8.79047091,15.9778024 C8.25044555,15.8620827 7.90647787,15.3304963 8.02219759,14.7904709 L8.727,11.4997931 L5.772,11.4997931 L4.97780241,15.2095291 C4.86208269,15.7495545 4.33049627,16.0935221 3.79047091,15.9778024 C3.25044555,15.8620827 2.90647787,15.3304963 3.02219759,14.7904709 L3.727,11.4997931 L1,11.5 C0.44771525,11.5 0,11.0522847 0,10.5 C0,9.94771525 0.44771525,9.5 1,9.5 L4.155,9.49979309 L4.798,6.49979309 L1,6.5 C0.44771525,6.5 0,6.05228475 0,5.5 C0,4.94771525 0.44771525,4.5 1,4.5 L5.227,4.49979309 L6.02219759,0.790470911 C6.13791731,0.25044555 6.66950373,-0.0935221344 7.20952909,0.0221975859 C7.74955445,0.137917306 8.09352213,0.669503727 7.97780241,1.20952909 L7.272,4.49979309 L10.227,4.49979309 L11.0221976,0.790470911 C11.1379173,0.25044555 11.6695037,-0.0935221344 12.2095291,0.0221975859 Z M9.798,6.49979309 L6.843,6.49979309 L6.2,9.49979309 L9.155,9.49979309 L9.798,6.49979309 Z" id="Combined-Shape" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)"></path>
+    </g>
+</svg>`;
+
 var headset = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
@@ -16020,11 +16075,13 @@ var icons = {
   checklist,
   checkmark,
   chevron,
+  chevrons,
   clock,
   colleagues,
   cogs,
   comment,
   companies,
+  deactivate,
   document: document$1,
   download,
   envelope,
@@ -16036,6 +16093,7 @@ var icons = {
   folder,
   formula,
   grid,
+  hashtag,
   headset,
   integration,
   list,
@@ -19908,13 +19966,14 @@ class InputGroup {
   }; }
 }
 
-const labelComponentCss = "/*!@.block*/.block.sc-p-label{display:block!important}/*!@.flex*/.flex.sc-p-label{display:flex!important}/*!@.hidden*/.hidden.sc-p-label{display:none!important}/*!@.h-4*/.h-4.sc-p-label{height:1rem!important}/*!@.h-\\[0\\.625rem\\]*/.h-\\[0\\.625rem\\].sc-p-label{height:.625rem!important}/*!@.h-\\[1\\.625rem\\]*/.h-\\[1\\.625rem\\].sc-p-label{height:1.625rem!important}/*!@.w-\\[0\\.625rem\\]*/.w-\\[0\\.625rem\\].sc-p-label{width:.625rem!important}/*!@.w-\\[1\\.625rem\\]*/.w-\\[1\\.625rem\\].sc-p-label{width:1.625rem!important}/*!@.min-w-\\[1rem\\]*/.min-w-\\[1rem\\].sc-p-label{min-width:1rem!important}/*!@.items-center*/.items-center.sc-p-label{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-label{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-label{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-label{border-radius:.25rem!important}/*!@.px-0*/.px-0.sc-p-label{padding-left:0!important;padding-right:0!important}/*!@.px-1*/.px-1.sc-p-label{padding-left:.25rem!important;padding-right:.25rem!important}/*!@.px-2*/.px-2.sc-p-label{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.py-\\[1px\\]*/.py-\\[1px\\].sc-p-label{padding-bottom:1px!important;padding-top:1px!important}/*!@.text-sm*/.text-sm.sc-p-label{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xs*/.text-xs.sc-p-label{font-size:.75rem!important;line-height:1rem!important}/*!@**/*.sc-p-label{box-sizing:border-box}/*!@:host*/.sc-p-label-h{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){/*!@:host*/.sc-p-label-h{padding-left:.75rem;padding-right:.75rem}}/*!@:host .content*/.sc-p-label-h .content.sc-p-label{align-items:center;display:none}@media (min-width:64rem){/*!@:host .content*/.sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host .circle*/.sc-p-label-h .circle.sc-p-label{border-radius:100%;display:none;height:.625rem;width:.625rem}/*!@:host p-icon*/.sc-p-label-h p-icon.sc-p-label{display:none!important;font-size:.75rem!important;line-height:1rem!important}/*!@:host([variant=neutral])*/[variant=neutral].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}/*!@:host([variant=neutral]) .circle*/[variant=neutral].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}/*!@:host([variant=info])*/[variant=info].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}/*!@:host([variant=info]) .circle*/[variant=info].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}/*!@:host([variant=positive])*/[variant=positive].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}/*!@:host([variant=positive]) .circle*/[variant=positive].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}/*!@:host([variant=unbiased])*/[variant=unbiased].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}/*!@:host([variant=unbiased]) .circle*/[variant=unbiased].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}/*!@:host([variant=negative])*/[variant=negative].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}/*!@:host([variant=negative]) .circle*/[variant=negative].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host([size=small])*/[size=small].sc-p-label-h{font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}@media (min-width:64rem){/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}@media (min-width:64rem){/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}}/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:.75rem;padding-right:.75rem;width:auto}}/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0}}/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}}/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=icon-only][size=small])*/[behavior=icon-only][size=small].sc-p-label-h{height:1rem;width:1rem}/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}/*!@.desktop-xs\\:block*/.desktop-xs\\:block.sc-p-label{display:block!important}/*!@.desktop-xs\\:flex*/.desktop-xs\\:flex.sc-p-label{display:flex!important}/*!@.desktop-xs\\:hidden*/.desktop-xs\\:hidden.sc-p-label{display:none!important}}/*!@.static*/.static.sc-p-label{position:static!important}";
+const labelComponentCss = "/*!@.block*/.block.sc-p-label{display:block!important}/*!@.flex*/.flex.sc-p-label{display:flex!important}/*!@.hidden*/.hidden.sc-p-label{display:none!important}/*!@.h-4*/.h-4.sc-p-label{height:1rem!important}/*!@.h-\\[0\\.625rem\\]*/.h-\\[0\\.625rem\\].sc-p-label{height:.625rem!important}/*!@.h-\\[1\\.625rem\\]*/.h-\\[1\\.625rem\\].sc-p-label{height:1.625rem!important}/*!@.w-\\[0\\.625rem\\]*/.w-\\[0\\.625rem\\].sc-p-label{width:.625rem!important}/*!@.w-\\[1\\.625rem\\]*/.w-\\[1\\.625rem\\].sc-p-label{width:1.625rem!important}/*!@.min-w-\\[1rem\\]*/.min-w-\\[1rem\\].sc-p-label{min-width:1rem!important}/*!@.items-center*/.items-center.sc-p-label{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-label{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-label{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-label{border-radius:.25rem!important}/*!@.px-0*/.px-0.sc-p-label{padding-left:0!important;padding-right:0!important}/*!@.px-1*/.px-1.sc-p-label{padding-left:.25rem!important;padding-right:.25rem!important}/*!@.px-2*/.px-2.sc-p-label{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.py-\\[1px\\]*/.py-\\[1px\\].sc-p-label{padding-bottom:1px!important;padding-top:1px!important}/*!@.text-sm*/.text-sm.sc-p-label{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xs*/.text-xs.sc-p-label{font-size:.75rem!important;line-height:1rem!important}/*!@**/*.sc-p-label{box-sizing:border-box}/*!@:host*/.sc-p-label-h{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){/*!@:host*/.sc-p-label-h{padding-left:.75rem;padding-right:.75rem}}/*!@:host .content*/.sc-p-label-h .content.sc-p-label{align-items:center;display:none}@media (min-width:64rem){/*!@:host .content*/.sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host .circle*/.sc-p-label-h .circle.sc-p-label{border-radius:100%;display:none;height:.625rem;width:.625rem}/*!@:host p-icon*/.sc-p-label-h p-icon.sc-p-label{display:none!important;font-size:.75rem!important;line-height:1rem!important}/*!@:host([variant=neutral])*/[variant=neutral].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}/*!@:host([variant=neutral]) .circle*/[variant=neutral].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}/*!@:host([variant=special])*/[variant=special].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}/*!@:host([variant=special]) .circle*/[variant=special].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([variant=info])*/[variant=info].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}/*!@:host([variant=info]) .circle*/[variant=info].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}/*!@:host([variant=positive])*/[variant=positive].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}/*!@:host([variant=positive]) .circle*/[variant=positive].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}/*!@:host([variant=unbiased])*/[variant=unbiased].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}/*!@:host([variant=unbiased]) .circle*/[variant=unbiased].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}/*!@:host([variant=negative])*/[variant=negative].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}/*!@:host([variant=negative]) .circle*/[variant=negative].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host([size=small])*/[size=small].sc-p-label-h{font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}@media (min-width:64rem){/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}@media (min-width:64rem){/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}}/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:.75rem;padding-right:.75rem;width:auto}}/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0}}/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}}/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=icon-only][size=small])*/[behavior=icon-only][size=small].sc-p-label-h{height:1rem;width:1rem}/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}/*!@.desktop-xs\\:block*/.desktop-xs\\:block.sc-p-label{display:block!important}/*!@.desktop-xs\\:flex*/.desktop-xs\\:flex.sc-p-label{display:flex!important}/*!@.desktop-xs\\:hidden*/.desktop-xs\\:hidden.sc-p-label{display:none!important}}/*!@.static*/.static.sc-p-label{position:static!important}";
 
 class Label {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.variant = 'neutral';
     this.behavior = 'circle';
+    this.iconPosition = 'start';
     this.icon = undefined;
     this.iconFlip = undefined;
     this.iconRotate = undefined;
@@ -19922,8 +19981,8 @@ class Label {
     this.keepMobileContent = false;
   }
   render() {
-    return (hAsync(Host, { class: "p-label" }, this.icon && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-      this.behavior === 'combination') && (hAsync("div", { class: "circle" })), hAsync("div", { class: "content" }, hAsync("slot", null))));
+    return (hAsync(Host, { class: "p-label" }, this.icon && this.iconPosition === 'start' && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
+      this.behavior === 'combination') && (hAsync("div", { class: "circle" })), hAsync("div", { class: "content" }, hAsync("slot", null)), this.icon && this.iconPosition === 'end' && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
   }
   static get style() { return labelComponentCss; }
   static get cmpMeta() { return {
@@ -19932,6 +19991,7 @@ class Label {
     "$members$": {
       "variant": [513],
       "behavior": [513],
+      "iconPosition": [1, "icon-position"],
       "icon": [513],
       "iconFlip": [1, "icon-flip"],
       "iconRotate": [2, "icon-rotate"],
@@ -20651,7 +20711,7 @@ class Profile {
   }; }
 }
 
-const segmentContainerComponentCss = ".flex{display:flex!important}.h-8{height:2rem!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))!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));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;height:2rem;padding:.25rem}.static{position:static!important}";
+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))!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));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
 
 class SegmentContainer {
   constructor(hostRef) {
@@ -20671,18 +20731,24 @@ class SegmentContainer {
   }; }
 }
 
-const segmentItemComponentCss = "/*!@.flex*/.flex.sc-p-segment-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-segment-item{height:1.5rem!important}/*!@.w-6*/.w-6.sc-p-segment-item{width:1.5rem!important}/*!@.items-center*/.items-center.sc-p-segment-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-segment-item{justify-content:center!important}/*!@.px-2*/.px-2.sc-p-segment-item{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-sm*/.text-sm.sc-p-segment-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.font-semibold*/.font-semibold.sc-p-segment-item{font-weight:600!important}/*!@.text-indigo*/.text-indigo.sc-p-segment-item{color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@.text-indigo,.text-storm*/.text-indigo.sc-p-segment-item,.text-storm.sc-p-segment-item{--tw-text-opacity:1!important}/*!@.text-storm*/.text-storm.sc-p-segment-item{color:rgb(81 83 107/var(--tw-text-opacity))!important}/*!@**/*.sc-p-segment-item{box-sizing:border-box}/*!@:host*/.sc-p-segment-item-h{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}/*!@:host(.variant-icon)*/.variant-icon.sc-p-segment-item-h{justify-content:center;padding-left:0;padding-right:0;width:1.5rem}/*!@:host(:hover)*/.sc-p-segment-item-h:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host(.active)*/.active.sc-p-segment-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-segment-item{position:static!important}";
+const segmentItemComponentCss = "/*!@.flex*/.flex.sc-p-segment-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-segment-item{height:1.5rem!important}/*!@.h-auto*/.h-auto.sc-p-segment-item{height:auto!important}/*!@.w-6*/.w-6.sc-p-segment-item{width:1.5rem!important}/*!@.max-w-\\[9rem\\]*/.max-w-\\[9rem\\].sc-p-segment-item{max-width:9rem!important}/*!@.flex-col*/.flex-col.sc-p-segment-item{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-segment-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-segment-item{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-segment-item{gap:.5rem!important}/*!@.whitespace-normal*/.whitespace-normal.sc-p-segment-item{white-space:normal!important}/*!@.p-4*/.p-4.sc-p-segment-item{padding:1rem!important}/*!@.px-2*/.px-2.sc-p-segment-item{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-sm*/.text-sm.sc-p-segment-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xxs*/.text-xxs.sc-p-segment-item{font-size:.6875rem!important}/*!@.font-semibold*/.font-semibold.sc-p-segment-item{font-weight:600!important}/*!@.text-indigo*/.text-indigo.sc-p-segment-item{color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@.text-indigo,.text-storm*/.text-indigo.sc-p-segment-item,.text-storm.sc-p-segment-item{--tw-text-opacity:1!important}/*!@.text-storm*/.text-storm.sc-p-segment-item{color:rgb(81 83 107/var(--tw-text-opacity))!important}/*!@.text-storm-medium*/.text-storm-medium.sc-p-segment-item{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}/*!@**/*.sc-p-segment-item{box-sizing:border-box}/*!@:host*/.sc-p-segment-item-h{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));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])*/[size=big].sc-p-segment-item-h{flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}/*!@:host([size=big]) .description*/[size=big].sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;margin-top:-.5rem}/*!@:host(.variant-icon)*/.variant-icon.sc-p-segment-item-h{justify-content:center;padding-left:0;padding-right:0;width:1.5rem}/*!@:host(:hover)*/.sc-p-segment-item-h:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host(.active)*/.active.sc-p-segment-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host(.active) .description*/.active.sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-segment-item{position:static!important}";
 
 class SegmentItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this._hasDescriptionSlot = false;
     this.active = false;
+    this.iconOnly = false;
+    this.size = 'small';
     this.icon = undefined;
     this.iconFlip = undefined;
     this.iconRotate = undefined;
   }
+  componentWillLoad() {
+    this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
+  }
   render() {
-    return (hAsync(Host, { class: `p-segment-item variant-${this.icon ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon ? this._getIcon() : hAsync("slot", null)));
+    return (hAsync(Host, { class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), hAsync("slot", null), this.size === 'big' && this._hasDescriptionSlot && hAsync("span", { class: "description" }, hAsync("slot", { name: "description" }))));
   }
   _getIcon() {
     if (!this.icon) {
@@ -20690,19 +20756,22 @@ class SegmentItem {
     }
     return (hAsync("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
   }
+  get _el() { return getElement(this); }
   static get style() { return segmentItemComponentCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
     "$tagName$": "p-segment-item",
     "$members$": {
       "active": [4],
+      "iconOnly": [4, "icon-only"],
+      "size": [513],
       "icon": [1],
       "iconFlip": [1, "icon-flip"],
       "iconRotate": [2, "icon-rotate"]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
+    "$attrsToReflect$": [["size", "size"]]
   }; }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paperless/core",
-    "version": "1.11.1",
+    "version": "1.12.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",