@lesterarte/sefin-ui 0.0.76 → 0.0.78

package/fesm2022/lesterarte-sefin-ui.mjs

@@ -1200,7 +1200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
             }] } });
 
 class IconButtonComponent {
-    /** Button variant style. Options: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' */
+    /** Visual style. Options: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link' | 'warning' | 'success' | 'info' */
     variant = 'primary';
     /** Button size. Options: 'sm' | 'md' | 'lg' */
     size = 'md';
@@ -1237,11 +1237,11 @@ class IconButtonComponent {
             .join(' ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: IconButtonComponent, isStandalone: true, selector: "sefin-icon-button", inputs: { variant: "variant", size: "size", disabled: "disabled", type: "type", class: "class", ariaLabel: "ariaLabel", borderRadius: "borderRadius", rounded: "rounded" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  [class]=\"buttonClasses\"\n  (click)=\"onClick($event)\"\n  [attr.aria-label]=\"ariaLabel || null\"\n>\n  <span class=\"sefin-icon-button__icon\" aria-hidden=\"true\">\n    <ng-content></ng-content>\n  </span>\n</button>\n\n", styles: [".sefin-icon-button{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:var(--sefin-font-family-base);border-radius:var(--sefin-radius-md);transition:all .2s ease-in-out}.sefin-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:100%}.sefin-icon-button--radius-none{border-radius:var(--sefin-radius-none)}.sefin-icon-button--radius-sm{border-radius:var(--sefin-radius-sm)}.sefin-icon-button--radius-md{border-radius:var(--sefin-radius-md)}.sefin-icon-button--radius-lg{border-radius:var(--sefin-radius-lg)}.sefin-icon-button--radius-xl{border-radius:var(--sefin-radius-xl)}.sefin-icon-button--radius-2xl{border-radius:var(--sefin-radius-2xl)}.sefin-icon-button--radius-full{border-radius:var(--sefin-radius-full)}.sefin-icon-button{cursor:pointer;outline:none;border:1px solid transparent;padding:0;aspect-ratio:1;flex-shrink:0;box-sizing:border-box}.sefin-icon-button:focus-visible{outline:none}.sefin-icon-button--sm{width:var(--sefin-component-height-sm);height:var(--sefin-component-height-sm);min-width:var(--sefin-component-height-sm);min-height:var(--sefin-component-height-sm)}.sefin-icon-button--md{width:var(--sefin-component-height-md);height:var(--sefin-component-height-md);min-width:var(--sefin-component-height-md);min-height:var(--sefin-component-height-md)}.sefin-icon-button--lg{width:var(--sefin-component-height-lg);height:var(--sefin-component-height-lg);min-width:var(--sefin-component-height-lg);min-height:var(--sefin-component-height-lg)}.sefin-icon-button--primary{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--primary:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--primary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--secondary{background-color:var(--sefin-color-secondary);color:var(--sefin-color-brand-white)}.sefin-icon-button--secondary:hover:not(:disabled){background-color:var(--sefin-color-secondary-dark)}.sefin-icon-button--secondary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--outline{background-color:transparent;color:var(--sefin-color-primary);border-color:var(--sefin-color-primary)}.sefin-icon-button--outline:hover:not(:disabled){background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--ghost{background-color:transparent;color:var(--sefin-color-primary)}.sefin-icon-button--ghost:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-icon-button--danger{background-color:var(--sefin-color-error);color:var(--sefin-color-brand-white)}.sefin-icon-button--danger:hover:not(:disabled){background-color:var(--sefin-color-error);opacity:.9}.sefin-icon-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sefin-icon-button__icon svg{display:block;flex-shrink:0}.sefin-icon-button--sm .sefin-icon-button__icon svg{width:var(--sefin-icon-size-sm);height:var(--sefin-icon-size-sm)}.sefin-icon-button--md .sefin-icon-button__icon svg{width:var(--sefin-icon-size-md);height:var(--sefin-icon-size-md)}.sefin-icon-button--lg .sefin-icon-button__icon svg{width:var(--sefin-icon-size-lg);height:var(--sefin-icon-size-lg)}.sefin-icon-button:not(.sefin-icon-button--sm):not(.sefin-icon-button--md):not(.sefin-icon-button--lg) .sefin-icon-button__icon svg{width:1em;height:1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: IconButtonComponent, isStandalone: true, selector: "sefin-icon-button", inputs: { variant: "variant", size: "size", disabled: "disabled", type: "type", class: "class", ariaLabel: "ariaLabel", borderRadius: "borderRadius", rounded: "rounded" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  [class]=\"buttonClasses\"\n  (click)=\"onClick($event)\"\n  [attr.aria-label]=\"ariaLabel || null\"\n>\n  <span class=\"sefin-icon-button__icon\" aria-hidden=\"true\">\n    <ng-content></ng-content>\n  </span>\n</button>\n\n", styles: [".sefin-icon-button{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:var(--sefin-font-family-base);border-radius:var(--sefin-radius-md);transition:all .2s ease-in-out}.sefin-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:100%}.sefin-icon-button--radius-none{border-radius:var(--sefin-radius-none)}.sefin-icon-button--radius-sm{border-radius:var(--sefin-radius-sm)}.sefin-icon-button--radius-md{border-radius:var(--sefin-radius-md)}.sefin-icon-button--radius-lg{border-radius:var(--sefin-radius-lg)}.sefin-icon-button--radius-xl{border-radius:var(--sefin-radius-xl)}.sefin-icon-button--radius-2xl{border-radius:var(--sefin-radius-2xl)}.sefin-icon-button--radius-full{border-radius:var(--sefin-radius-full)}.sefin-icon-button{cursor:pointer;outline:none;border:1px solid transparent;padding:0;aspect-ratio:1;flex-shrink:0;box-sizing:border-box}.sefin-icon-button:focus-visible{outline:none}.sefin-icon-button--sm{width:var(--sefin-component-height-sm);height:var(--sefin-component-height-sm);min-width:var(--sefin-component-height-sm);min-height:var(--sefin-component-height-sm)}.sefin-icon-button--md{width:var(--sefin-component-height-md);height:var(--sefin-component-height-md);min-width:var(--sefin-component-height-md);min-height:var(--sefin-component-height-md)}.sefin-icon-button--lg{width:var(--sefin-component-height-lg);height:var(--sefin-component-height-lg);min-width:var(--sefin-component-height-lg);min-height:var(--sefin-component-height-lg)}.sefin-icon-button--primary{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--primary:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--primary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--secondary{background-color:var(--sefin-color-secondary);color:var(--sefin-color-brand-white)}.sefin-icon-button--secondary:hover:not(:disabled){background-color:var(--sefin-color-secondary-dark)}.sefin-icon-button--secondary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--outline{background-color:transparent;color:var(--sefin-color-primary);border-color:var(--sefin-color-primary)}.sefin-icon-button--outline:hover:not(:disabled){background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--ghost{background-color:transparent;color:var(--sefin-color-primary)}.sefin-icon-button--ghost:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-icon-button--danger{background-color:var(--sefin-color-error);color:var(--sefin-color-brand-white)}.sefin-icon-button--danger:hover:not(:disabled){background-color:var(--sefin-color-error);opacity:.9}.sefin-icon-button--danger:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--primary,.sefin-icon-button--secondary,.sefin-icon-button--danger,.sefin-icon-button--info,.sefin-icon-button--primary .sefin-icon-button__icon,.sefin-icon-button--secondary .sefin-icon-button__icon,.sefin-icon-button--danger .sefin-icon-button__icon,.sefin-icon-button--info .sefin-icon-button__icon{color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon *{color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon svg{color:var(--sefin-color-brand-white, #ffffff)!important;stroke:var(--sefin-color-brand-white, #ffffff)!important}.sefin-icon-button--warning{background-color:var(--sefin-color-warning, #ff9800);color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--warning:hover:not(:disabled){opacity:.9}.sefin-icon-button--warning:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--success{background-color:var(--sefin-color-success, #4caf50);color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--success:hover:not(:disabled){opacity:.9}.sefin-icon-button--success:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--info{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--info:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--info:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sefin-icon-button__icon svg{display:block;flex-shrink:0}.sefin-icon-button--sm .sefin-icon-button__icon svg{width:var(--sefin-icon-size-sm);height:var(--sefin-icon-size-sm)}.sefin-icon-button--md .sefin-icon-button__icon svg{width:var(--sefin-icon-size-md);height:var(--sefin-icon-size-md)}.sefin-icon-button--lg .sefin-icon-button__icon svg{width:var(--sefin-icon-size-lg);height:var(--sefin-icon-size-lg)}.sefin-icon-button:not(.sefin-icon-button--sm):not(.sefin-icon-button--md):not(.sefin-icon-button--lg) .sefin-icon-button__icon svg{width:1em;height:1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sefin-icon-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  [class]=\"buttonClasses\"\n  (click)=\"onClick($event)\"\n  [attr.aria-label]=\"ariaLabel || null\"\n>\n  <span class=\"sefin-icon-button__icon\" aria-hidden=\"true\">\n    <ng-content></ng-content>\n  </span>\n</button>\n\n", styles: [".sefin-icon-button{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:var(--sefin-font-family-base);border-radius:var(--sefin-radius-md);transition:all .2s ease-in-out}.sefin-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:100%}.sefin-icon-button--radius-none{border-radius:var(--sefin-radius-none)}.sefin-icon-button--radius-sm{border-radius:var(--sefin-radius-sm)}.sefin-icon-button--radius-md{border-radius:var(--sefin-radius-md)}.sefin-icon-button--radius-lg{border-radius:var(--sefin-radius-lg)}.sefin-icon-button--radius-xl{border-radius:var(--sefin-radius-xl)}.sefin-icon-button--radius-2xl{border-radius:var(--sefin-radius-2xl)}.sefin-icon-button--radius-full{border-radius:var(--sefin-radius-full)}.sefin-icon-button{cursor:pointer;outline:none;border:1px solid transparent;padding:0;aspect-ratio:1;flex-shrink:0;box-sizing:border-box}.sefin-icon-button:focus-visible{outline:none}.sefin-icon-button--sm{width:var(--sefin-component-height-sm);height:var(--sefin-component-height-sm);min-width:var(--sefin-component-height-sm);min-height:var(--sefin-component-height-sm)}.sefin-icon-button--md{width:var(--sefin-component-height-md);height:var(--sefin-component-height-md);min-width:var(--sefin-component-height-md);min-height:var(--sefin-component-height-md)}.sefin-icon-button--lg{width:var(--sefin-component-height-lg);height:var(--sefin-component-height-lg);min-width:var(--sefin-component-height-lg);min-height:var(--sefin-component-height-lg)}.sefin-icon-button--primary{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--primary:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--primary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--secondary{background-color:var(--sefin-color-secondary);color:var(--sefin-color-brand-white)}.sefin-icon-button--secondary:hover:not(:disabled){background-color:var(--sefin-color-secondary-dark)}.sefin-icon-button--secondary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--outline{background-color:transparent;color:var(--sefin-color-primary);border-color:var(--sefin-color-primary)}.sefin-icon-button--outline:hover:not(:disabled){background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--ghost{background-color:transparent;color:var(--sefin-color-primary)}.sefin-icon-button--ghost:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-icon-button--danger{background-color:var(--sefin-color-error);color:var(--sefin-color-brand-white)}.sefin-icon-button--danger:hover:not(:disabled){background-color:var(--sefin-color-error);opacity:.9}.sefin-icon-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sefin-icon-button__icon svg{display:block;flex-shrink:0}.sefin-icon-button--sm .sefin-icon-button__icon svg{width:var(--sefin-icon-size-sm);height:var(--sefin-icon-size-sm)}.sefin-icon-button--md .sefin-icon-button__icon svg{width:var(--sefin-icon-size-md);height:var(--sefin-icon-size-md)}.sefin-icon-button--lg .sefin-icon-button__icon svg{width:var(--sefin-icon-size-lg);height:var(--sefin-icon-size-lg)}.sefin-icon-button:not(.sefin-icon-button--sm):not(.sefin-icon-button--md):not(.sefin-icon-button--lg) .sefin-icon-button__icon svg{width:1em;height:1em}\n"] }]
+            args: [{ selector: 'sefin-icon-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  [class]=\"buttonClasses\"\n  (click)=\"onClick($event)\"\n  [attr.aria-label]=\"ariaLabel || null\"\n>\n  <span class=\"sefin-icon-button__icon\" aria-hidden=\"true\">\n    <ng-content></ng-content>\n  </span>\n</button>\n\n", styles: [".sefin-icon-button{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:var(--sefin-font-family-base);border-radius:var(--sefin-radius-md);transition:all .2s ease-in-out}.sefin-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:100%}.sefin-icon-button--radius-none{border-radius:var(--sefin-radius-none)}.sefin-icon-button--radius-sm{border-radius:var(--sefin-radius-sm)}.sefin-icon-button--radius-md{border-radius:var(--sefin-radius-md)}.sefin-icon-button--radius-lg{border-radius:var(--sefin-radius-lg)}.sefin-icon-button--radius-xl{border-radius:var(--sefin-radius-xl)}.sefin-icon-button--radius-2xl{border-radius:var(--sefin-radius-2xl)}.sefin-icon-button--radius-full{border-radius:var(--sefin-radius-full)}.sefin-icon-button{cursor:pointer;outline:none;border:1px solid transparent;padding:0;aspect-ratio:1;flex-shrink:0;box-sizing:border-box}.sefin-icon-button:focus-visible{outline:none}.sefin-icon-button--sm{width:var(--sefin-component-height-sm);height:var(--sefin-component-height-sm);min-width:var(--sefin-component-height-sm);min-height:var(--sefin-component-height-sm)}.sefin-icon-button--md{width:var(--sefin-component-height-md);height:var(--sefin-component-height-md);min-width:var(--sefin-component-height-md);min-height:var(--sefin-component-height-md)}.sefin-icon-button--lg{width:var(--sefin-component-height-lg);height:var(--sefin-component-height-lg);min-width:var(--sefin-component-height-lg);min-height:var(--sefin-component-height-lg)}.sefin-icon-button--primary{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--primary:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--primary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--secondary{background-color:var(--sefin-color-secondary);color:var(--sefin-color-brand-white)}.sefin-icon-button--secondary:hover:not(:disabled){background-color:var(--sefin-color-secondary-dark)}.sefin-icon-button--secondary:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--outline{background-color:transparent;color:var(--sefin-color-primary);border-color:var(--sefin-color-primary)}.sefin-icon-button--outline:hover:not(:disabled){background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--ghost{background-color:transparent;color:var(--sefin-color-primary)}.sefin-icon-button--ghost:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-icon-button--danger{background-color:var(--sefin-color-error);color:var(--sefin-color-brand-white)}.sefin-icon-button--danger:hover:not(:disabled){background-color:var(--sefin-color-error);opacity:.9}.sefin-icon-button--danger:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--primary,.sefin-icon-button--secondary,.sefin-icon-button--danger,.sefin-icon-button--info,.sefin-icon-button--primary .sefin-icon-button__icon,.sefin-icon-button--secondary .sefin-icon-button__icon,.sefin-icon-button--danger .sefin-icon-button__icon,.sefin-icon-button--info .sefin-icon-button__icon{color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon *,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon *{color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--primary ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--secondary ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--danger ::ng-deep .sefin-icon-button__icon svg,.sefin-icon-button--info ::ng-deep .sefin-icon-button__icon svg{color:var(--sefin-color-brand-white, #ffffff)!important;stroke:var(--sefin-color-brand-white, #ffffff)!important}.sefin-icon-button--warning{background-color:var(--sefin-color-warning, #ff9800);color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--warning:hover:not(:disabled){opacity:.9}.sefin-icon-button--warning:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--success{background-color:var(--sefin-color-success, #4caf50);color:var(--sefin-color-brand-white, #ffffff)}.sefin-icon-button--success:hover:not(:disabled){opacity:.9}.sefin-icon-button--success:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--info{background-color:var(--sefin-color-primary);color:var(--sefin-color-brand-white)}.sefin-icon-button--info:hover:not(:disabled){background-color:var(--sefin-color-primary-dark)}.sefin-icon-button--info:active:not(:disabled){transform:translateY(1px)}.sefin-icon-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sefin-icon-button__icon svg{display:block;flex-shrink:0}.sefin-icon-button--sm .sefin-icon-button__icon svg{width:var(--sefin-icon-size-sm);height:var(--sefin-icon-size-sm)}.sefin-icon-button--md .sefin-icon-button__icon svg{width:var(--sefin-icon-size-md);height:var(--sefin-icon-size-md)}.sefin-icon-button--lg .sefin-icon-button__icon svg{width:var(--sefin-icon-size-lg);height:var(--sefin-icon-size-lg)}.sefin-icon-button:not(.sefin-icon-button--sm):not(.sefin-icon-button--md):not(.sefin-icon-button--lg) .sefin-icon-button__icon svg{width:1em;height:1em}\n"] }]
         }], propDecorators: { variant: [{
                 type: Input
             }], size: [{
@@ -2669,11 +2669,11 @@ class TooltipComponent {
             .join(' ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: TooltipComponent, isStandalone: true, selector: "sefin-tooltip", inputs: { text: "text", position: "position", trigger: "trigger", delay: "delay", disabled: "disabled", borderRadius: "borderRadius", class: "class" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "click": "onClick($event)", "focus": "onFocus($event)", "blur": "onBlur($event)" } }, viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: ["tooltipTrigger"], descendants: true }], ngImport: i0, template: "<div\n  #tooltipTrigger\n  class=\"sefin-tooltip__wrapper\"\n  [class.sefin-tooltip__wrapper--active]=\"isVisible\"\n>\n  <ng-content></ng-content>\n<div\n  #tooltipContent\n  [class]=\"tooltipClasses\"\n  [style.top.px]=\"fixedPosition?.top\"\n  [style.left.px]=\"fixedPosition?.left\"\n  role=\"tooltip\"\n  [attr.aria-hidden]=\"!isVisible\"\n  *ngIf=\"text && !disabled\"\n>\n    <div class=\"sefin-tooltip__content\">{{ text }}</div>\n    <div class=\"sefin-tooltip__arrow\"></div>\n  </div>\n</div>\n\n", styles: [".sefin-tooltip__wrapper{display:block;width:100%;position:relative;box-sizing:border-box}.sefin-tooltip__wrapper--active{z-index:var(--sefin-z-index-tooltip, 99999)}.sefin-tooltip{position:absolute;z-index:var(--sefin-z-index-tooltip, 99999);pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease-in-out,transform .2s ease-in-out;white-space:nowrap}.sefin-tooltip--fixed{position:fixed;z-index:var(--sefin-z-index-tooltip, 99999);bottom:auto;right:auto}.sefin-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.sefin-tooltip__content{background-color:var(--sefin-color-surface-inverse, #333);color:var(--sefin-color-text-inverse, #ffffff);font-family:var(--sefin-font-family-base, sans-serif);font-size:var(--sefin-font-size-sm, 12px);font-weight:var(--sefin-font-weight-normal, 400);line-height:var(--sefin-line-height-normal, 1.5);padding:var(--sefin-spacing-xs, 6px) var(--sefin-spacing-sm, 10px);border-radius:var(--sefin-radius-md);box-shadow:var(--sefin-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));max-width:200px;white-space:normal;word-wrap:break-word;box-sizing:border-box}.sefin-tooltip--radius-none .sefin-tooltip__content{border-radius:var(--sefin-radius-none)}.sefin-tooltip--radius-sm .sefin-tooltip__content{border-radius:var(--sefin-radius-sm)}.sefin-tooltip--radius-md .sefin-tooltip__content{border-radius:var(--sefin-radius-md)}.sefin-tooltip--radius-lg .sefin-tooltip__content{border-radius:var(--sefin-radius-lg)}.sefin-tooltip--radius-xl .sefin-tooltip__content{border-radius:var(--sefin-radius-xl)}.sefin-tooltip--radius-2xl .sefin-tooltip__content{border-radius:var(--sefin-radius-2xl)}.sefin-tooltip--radius-full .sefin-tooltip__content{border-radius:var(--sefin-radius-full)}.sefin-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.sefin-tooltip--fixed.sefin-tooltip--top,.sefin-tooltip--fixed.sefin-tooltip--bottom,.sefin-tooltip--fixed.sefin-tooltip--left,.sefin-tooltip--fixed.sefin-tooltip--right{inset:auto;transform:scale(.95)}.sefin-tooltip--fixed.sefin-tooltip--top.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--bottom.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--left.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--right.sefin-tooltip--visible{transform:scale(1)}.sefin-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--top.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--top .sefin-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--sefin-color-surface-inverse, #333) transparent transparent transparent}.sefin-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--bottom.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--bottom .sefin-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--sefin-color-surface-inverse, #333) transparent}.sefin-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--left.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--left .sefin-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--sefin-color-surface-inverse, #333)}.sefin-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--right.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--right .sefin-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--sefin-color-surface-inverse, #333) transparent transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: TooltipComponent, isStandalone: true, selector: "sefin-tooltip", inputs: { text: "text", position: "position", trigger: "trigger", delay: "delay", disabled: "disabled", borderRadius: "borderRadius", class: "class" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "click": "onClick($event)", "focus": "onFocus($event)", "blur": "onBlur($event)" } }, viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: ["tooltipTrigger"], descendants: true }], ngImport: i0, template: "<div\n  #tooltipTrigger\n  class=\"sefin-tooltip__wrapper\"\n  [class.sefin-tooltip__wrapper--active]=\"isVisible\"\n>\n  <ng-content></ng-content>\n<div\n  #tooltipContent\n  [class]=\"tooltipClasses\"\n  [style.top.px]=\"fixedPosition?.top\"\n  [style.left.px]=\"fixedPosition?.left\"\n  role=\"tooltip\"\n  [attr.aria-hidden]=\"!isVisible\"\n  *ngIf=\"text && !disabled\"\n>\n    <div class=\"sefin-tooltip__content\">{{ text }}</div>\n    <div class=\"sefin-tooltip__arrow\"></div>\n  </div>\n</div>\n\n", styles: [".sefin-tooltip__wrapper{display:block;width:100%;position:relative;box-sizing:border-box}.sefin-tooltip__wrapper--active{z-index:var(--sefin-z-index-tooltip, 99999)}.sefin-tooltip{position:absolute;z-index:var(--sefin-z-index-tooltip, 99999);pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease-in-out,transform .2s ease-in-out;white-space:nowrap}.sefin-tooltip--fixed{position:fixed;z-index:var(--sefin-z-index-tooltip, 99999);bottom:auto;right:auto}.sefin-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.sefin-tooltip__content{background-color:var(--sefin-color-surface-inverse, #333);color:var(--sefin-color-text-inverse, #ffffff);font-family:var(--sefin-font-family-base, sans-serif);font-size:var(--sefin-font-size-sm, 12px);font-weight:var(--sefin-font-weight-normal, 400);line-height:var(--sefin-line-height-normal, 1.5);padding:var(--sefin-spacing-xs, 6px) var(--sefin-spacing-sm, 10px);border-radius:var(--sefin-radius-md);box-shadow:var(--sefin-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));max-width:220px;max-height:200px;overflow-y:auto;white-space:normal;word-wrap:break-word;box-sizing:border-box}.sefin-tooltip--radius-none .sefin-tooltip__content{border-radius:var(--sefin-radius-none)}.sefin-tooltip--radius-sm .sefin-tooltip__content{border-radius:var(--sefin-radius-sm)}.sefin-tooltip--radius-md .sefin-tooltip__content{border-radius:var(--sefin-radius-md)}.sefin-tooltip--radius-lg .sefin-tooltip__content{border-radius:var(--sefin-radius-lg)}.sefin-tooltip--radius-xl .sefin-tooltip__content{border-radius:var(--sefin-radius-xl)}.sefin-tooltip--radius-2xl .sefin-tooltip__content{border-radius:var(--sefin-radius-2xl)}.sefin-tooltip--radius-full .sefin-tooltip__content{border-radius:var(--sefin-radius-full)}.sefin-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.sefin-tooltip--fixed.sefin-tooltip--top,.sefin-tooltip--fixed.sefin-tooltip--bottom,.sefin-tooltip--fixed.sefin-tooltip--left,.sefin-tooltip--fixed.sefin-tooltip--right{inset:auto;transform:scale(.95)}.sefin-tooltip--fixed.sefin-tooltip--top.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--bottom.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--left.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--right.sefin-tooltip--visible{transform:scale(1)}.sefin-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--top.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--top .sefin-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--sefin-color-surface-inverse, #333) transparent transparent transparent}.sefin-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--bottom.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--bottom .sefin-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--sefin-color-surface-inverse, #333) transparent}.sefin-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--left.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--left .sefin-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--sefin-color-surface-inverse, #333)}.sefin-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--right.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--right .sefin-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--sefin-color-surface-inverse, #333) transparent transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sefin-tooltip', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #tooltipTrigger\n  class=\"sefin-tooltip__wrapper\"\n  [class.sefin-tooltip__wrapper--active]=\"isVisible\"\n>\n  <ng-content></ng-content>\n<div\n  #tooltipContent\n  [class]=\"tooltipClasses\"\n  [style.top.px]=\"fixedPosition?.top\"\n  [style.left.px]=\"fixedPosition?.left\"\n  role=\"tooltip\"\n  [attr.aria-hidden]=\"!isVisible\"\n  *ngIf=\"text && !disabled\"\n>\n    <div class=\"sefin-tooltip__content\">{{ text }}</div>\n    <div class=\"sefin-tooltip__arrow\"></div>\n  </div>\n</div>\n\n", styles: [".sefin-tooltip__wrapper{display:block;width:100%;position:relative;box-sizing:border-box}.sefin-tooltip__wrapper--active{z-index:var(--sefin-z-index-tooltip, 99999)}.sefin-tooltip{position:absolute;z-index:var(--sefin-z-index-tooltip, 99999);pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease-in-out,transform .2s ease-in-out;white-space:nowrap}.sefin-tooltip--fixed{position:fixed;z-index:var(--sefin-z-index-tooltip, 99999);bottom:auto;right:auto}.sefin-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.sefin-tooltip__content{background-color:var(--sefin-color-surface-inverse, #333);color:var(--sefin-color-text-inverse, #ffffff);font-family:var(--sefin-font-family-base, sans-serif);font-size:var(--sefin-font-size-sm, 12px);font-weight:var(--sefin-font-weight-normal, 400);line-height:var(--sefin-line-height-normal, 1.5);padding:var(--sefin-spacing-xs, 6px) var(--sefin-spacing-sm, 10px);border-radius:var(--sefin-radius-md);box-shadow:var(--sefin-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));max-width:200px;white-space:normal;word-wrap:break-word;box-sizing:border-box}.sefin-tooltip--radius-none .sefin-tooltip__content{border-radius:var(--sefin-radius-none)}.sefin-tooltip--radius-sm .sefin-tooltip__content{border-radius:var(--sefin-radius-sm)}.sefin-tooltip--radius-md .sefin-tooltip__content{border-radius:var(--sefin-radius-md)}.sefin-tooltip--radius-lg .sefin-tooltip__content{border-radius:var(--sefin-radius-lg)}.sefin-tooltip--radius-xl .sefin-tooltip__content{border-radius:var(--sefin-radius-xl)}.sefin-tooltip--radius-2xl .sefin-tooltip__content{border-radius:var(--sefin-radius-2xl)}.sefin-tooltip--radius-full .sefin-tooltip__content{border-radius:var(--sefin-radius-full)}.sefin-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.sefin-tooltip--fixed.sefin-tooltip--top,.sefin-tooltip--fixed.sefin-tooltip--bottom,.sefin-tooltip--fixed.sefin-tooltip--left,.sefin-tooltip--fixed.sefin-tooltip--right{inset:auto;transform:scale(.95)}.sefin-tooltip--fixed.sefin-tooltip--top.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--bottom.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--left.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--right.sefin-tooltip--visible{transform:scale(1)}.sefin-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--top.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--top .sefin-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--sefin-color-surface-inverse, #333) transparent transparent transparent}.sefin-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--bottom.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--bottom .sefin-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--sefin-color-surface-inverse, #333) transparent}.sefin-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--left.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--left .sefin-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--sefin-color-surface-inverse, #333)}.sefin-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--right.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--right .sefin-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--sefin-color-surface-inverse, #333) transparent transparent}\n"] }]
+            args: [{ selector: 'sefin-tooltip', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #tooltipTrigger\n  class=\"sefin-tooltip__wrapper\"\n  [class.sefin-tooltip__wrapper--active]=\"isVisible\"\n>\n  <ng-content></ng-content>\n<div\n  #tooltipContent\n  [class]=\"tooltipClasses\"\n  [style.top.px]=\"fixedPosition?.top\"\n  [style.left.px]=\"fixedPosition?.left\"\n  role=\"tooltip\"\n  [attr.aria-hidden]=\"!isVisible\"\n  *ngIf=\"text && !disabled\"\n>\n    <div class=\"sefin-tooltip__content\">{{ text }}</div>\n    <div class=\"sefin-tooltip__arrow\"></div>\n  </div>\n</div>\n\n", styles: [".sefin-tooltip__wrapper{display:block;width:100%;position:relative;box-sizing:border-box}.sefin-tooltip__wrapper--active{z-index:var(--sefin-z-index-tooltip, 99999)}.sefin-tooltip{position:absolute;z-index:var(--sefin-z-index-tooltip, 99999);pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s ease-in-out,transform .2s ease-in-out;white-space:nowrap}.sefin-tooltip--fixed{position:fixed;z-index:var(--sefin-z-index-tooltip, 99999);bottom:auto;right:auto}.sefin-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.sefin-tooltip__content{background-color:var(--sefin-color-surface-inverse, #333);color:var(--sefin-color-text-inverse, #ffffff);font-family:var(--sefin-font-family-base, sans-serif);font-size:var(--sefin-font-size-sm, 12px);font-weight:var(--sefin-font-weight-normal, 400);line-height:var(--sefin-line-height-normal, 1.5);padding:var(--sefin-spacing-xs, 6px) var(--sefin-spacing-sm, 10px);border-radius:var(--sefin-radius-md);box-shadow:var(--sefin-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));max-width:220px;max-height:200px;overflow-y:auto;white-space:normal;word-wrap:break-word;box-sizing:border-box}.sefin-tooltip--radius-none .sefin-tooltip__content{border-radius:var(--sefin-radius-none)}.sefin-tooltip--radius-sm .sefin-tooltip__content{border-radius:var(--sefin-radius-sm)}.sefin-tooltip--radius-md .sefin-tooltip__content{border-radius:var(--sefin-radius-md)}.sefin-tooltip--radius-lg .sefin-tooltip__content{border-radius:var(--sefin-radius-lg)}.sefin-tooltip--radius-xl .sefin-tooltip__content{border-radius:var(--sefin-radius-xl)}.sefin-tooltip--radius-2xl .sefin-tooltip__content{border-radius:var(--sefin-radius-2xl)}.sefin-tooltip--radius-full .sefin-tooltip__content{border-radius:var(--sefin-radius-full)}.sefin-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.sefin-tooltip--fixed.sefin-tooltip--top,.sefin-tooltip--fixed.sefin-tooltip--bottom,.sefin-tooltip--fixed.sefin-tooltip--left,.sefin-tooltip--fixed.sefin-tooltip--right{inset:auto;transform:scale(.95)}.sefin-tooltip--fixed.sefin-tooltip--top.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--bottom.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--left.sefin-tooltip--visible,.sefin-tooltip--fixed.sefin-tooltip--right.sefin-tooltip--visible{transform:scale(1)}.sefin-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--top.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--top .sefin-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--sefin-color-surface-inverse, #333) transparent transparent transparent}.sefin-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95)}.sefin-tooltip--bottom.sefin-tooltip--visible{transform:translate(-50%) scale(1)}.sefin-tooltip--bottom .sefin-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--sefin-color-surface-inverse, #333) transparent}.sefin-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--left.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--left .sefin-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--sefin-color-surface-inverse, #333)}.sefin-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95)}.sefin-tooltip--right.sefin-tooltip--visible{transform:translateY(-50%) scale(1)}.sefin-tooltip--right .sefin-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--sefin-color-surface-inverse, #333) transparent transparent}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { text: [{
                 type: Input
             }], position: [{
@@ -3766,6 +3766,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 type: Input
             }] } });
 
+class SkeletonComponent {
+    /** Shape of the skeleton. Options: 'text' (line) | 'circle' | 'rect' (rectangle block) */
+    shape = 'text';
+    /** Size. Options: 'sm' | 'md' | 'lg'. Affects height for text/rect, diameter for circle. */
+    size = 'md';
+    /** Animation style. Options: 'pulse' | 'wave' | 'none' */
+    animation = 'pulse';
+    /** Optional custom width (e.g. '100%', '80px'). Overrides default width for text/rect. */
+    width;
+    /** Optional custom height (e.g. '24px'). Overrides default height for text/rect. */
+    height;
+    /** Additional CSS classes */
+    class = '';
+    get skeletonClasses() {
+        return [
+            'sefin-skeleton',
+            `sefin-skeleton--${this.shape}`,
+            `sefin-skeleton--${this.size}`,
+            `sefin-skeleton--${this.animation}`,
+            this.class,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkeletonComponent, isStandalone: true, selector: "sefin-skeleton", inputs: { shape: "shape", size: "size", animation: "animation", width: "width", height: "height", class: "class" }, ngImport: i0, template: "<div\n  [class]=\"skeletonClasses\"\n  [style.width]=\"width ?? null\"\n  [style.height]=\"height ?? null\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n>\n  @if (animation === 'wave') {\n    <span class=\"sefin-skeleton__shimmer\"></span>\n  }\n</div>\n", styles: [".sefin-skeleton{position:relative;overflow:hidden;box-sizing:border-box;background-color:var(--sefin-color-surface-hover-subtle, #e8e8e8);background-image:linear-gradient(110deg,var(--sefin-color-surface-hover-subtle, #e8e8e8) 0%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 42%,var(--sefin-color-surface-hover, #cecece) 50%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 58%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 100%);background-size:200% 100%}.sefin-skeleton--text{border-radius:var(--sefin-radius-sm, 6px);width:100%}.sefin-skeleton--circle{border-radius:50%;flex-shrink:0;background:var(--sefin-color-surface-hover, #cecece);background-image:none}.sefin-skeleton--rect{border-radius:var(--sefin-radius-md, 8px);width:100%}.sefin-skeleton--sm.sefin-skeleton--text,.sefin-skeleton--sm.sefin-skeleton--rect{height:12px}.sefin-skeleton--sm.sefin-skeleton--circle{width:24px;height:24px}.sefin-skeleton--md.sefin-skeleton--text,.sefin-skeleton--md.sefin-skeleton--rect{height:16px}.sefin-skeleton--md.sefin-skeleton--circle{width:40px;height:40px}.sefin-skeleton--lg.sefin-skeleton--text,.sefin-skeleton--lg.sefin-skeleton--rect{height:20px}.sefin-skeleton--lg.sefin-skeleton--circle{width:56px;height:56px}.sefin-skeleton--pulse{animation:sefin-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sefin-skeleton.sefin-skeleton--pulse.sefin-skeleton--circle,.sefin-skeleton--wave{background:var(--sefin-color-surface-hover, #cecece);background-image:none}.sefin-skeleton--wave .sefin-skeleton__shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:sefin-skeleton-wave 2s ease-in-out infinite}.sefin-skeleton--none{animation:none;background:var(--sefin-color-surface-hover, #cecece);background-image:none}@keyframes sefin-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sefin-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-skeleton', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"skeletonClasses\"\n  [style.width]=\"width ?? null\"\n  [style.height]=\"height ?? null\"\n  role=\"presentation\"\n  aria-hidden=\"true\"\n>\n  @if (animation === 'wave') {\n    <span class=\"sefin-skeleton__shimmer\"></span>\n  }\n</div>\n", styles: [".sefin-skeleton{position:relative;overflow:hidden;box-sizing:border-box;background-color:var(--sefin-color-surface-hover-subtle, #e8e8e8);background-image:linear-gradient(110deg,var(--sefin-color-surface-hover-subtle, #e8e8e8) 0%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 42%,var(--sefin-color-surface-hover, #cecece) 50%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 58%,var(--sefin-color-surface-hover-subtle, #e8e8e8) 100%);background-size:200% 100%}.sefin-skeleton--text{border-radius:var(--sefin-radius-sm, 6px);width:100%}.sefin-skeleton--circle{border-radius:50%;flex-shrink:0;background:var(--sefin-color-surface-hover, #cecece);background-image:none}.sefin-skeleton--rect{border-radius:var(--sefin-radius-md, 8px);width:100%}.sefin-skeleton--sm.sefin-skeleton--text,.sefin-skeleton--sm.sefin-skeleton--rect{height:12px}.sefin-skeleton--sm.sefin-skeleton--circle{width:24px;height:24px}.sefin-skeleton--md.sefin-skeleton--text,.sefin-skeleton--md.sefin-skeleton--rect{height:16px}.sefin-skeleton--md.sefin-skeleton--circle{width:40px;height:40px}.sefin-skeleton--lg.sefin-skeleton--text,.sefin-skeleton--lg.sefin-skeleton--rect{height:20px}.sefin-skeleton--lg.sefin-skeleton--circle{width:56px;height:56px}.sefin-skeleton--pulse{animation:sefin-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sefin-skeleton.sefin-skeleton--pulse.sefin-skeleton--circle,.sefin-skeleton--wave{background:var(--sefin-color-surface-hover, #cecece);background-image:none}.sefin-skeleton--wave .sefin-skeleton__shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:sefin-skeleton-wave 2s ease-in-out infinite}.sefin-skeleton--none{animation:none;background:var(--sefin-color-surface-hover, #cecece);background-image:none}@keyframes sefin-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sefin-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
+        }], propDecorators: { shape: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+
 /**
  * Atoms index
  */
@@ -7745,5 +7789,5 @@ const STYLES_PATH = './styles/index.scss';
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionItemComponent, AlertComponent, AppBarComponent, AutocompleteComponent, AvatarComponent, BORDER_RADIUS_TOKENS, BRAND_THEME, BadgeComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, CHIP_HEIGHT_TOKENS, COLOR_TOKENS, COMPONENT_HEIGHT_TOKENS, CONTROL_SIZE_TOKENS, CardComponent, CheckboxComponent, ChipComponent, ContainerComponent, DARK_THEME, DESIGN_TOKENS, DatepickerComponent, DividerComponent, DrawerCloseDirective, DrawerComponent, DropdownMenuComponent, FabButtonComponent, FormFieldComponent, GridComponent, ICON_SIZE_TOKENS, INPUT_HEIGHT_TOKENS, IconButtonComponent, IconComponent, IconTileComponent, ImageComponent, LIGHT_THEME, LinkComponent, ModalComponent, PaginationComponent, ProgressBarComponent, RadioComponent, RateComponent, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, SelectComponent, SidebarComponent, SpacerComponent, SpinnerComponent, StackComponent, SwitchComponent, TYPOGRAPHY_TOKENS, TabComponent, TableComponent, TagComponent, TextFieldComponent, TextareaComponent, ThemeLoader, ToastComponent, TooltipComponent, TypographyComponent, buildDisplayedColumns, isMenuItem };
+export { AccordionItemComponent, AlertComponent, AppBarComponent, AutocompleteComponent, AvatarComponent, BORDER_RADIUS_TOKENS, BRAND_THEME, BadgeComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, CHIP_HEIGHT_TOKENS, COLOR_TOKENS, COMPONENT_HEIGHT_TOKENS, CONTROL_SIZE_TOKENS, CardComponent, CheckboxComponent, ChipComponent, ContainerComponent, DARK_THEME, DESIGN_TOKENS, DatepickerComponent, DividerComponent, DrawerCloseDirective, DrawerComponent, DropdownMenuComponent, FabButtonComponent, FormFieldComponent, GridComponent, ICON_SIZE_TOKENS, INPUT_HEIGHT_TOKENS, IconButtonComponent, IconComponent, IconTileComponent, ImageComponent, LIGHT_THEME, LinkComponent, ModalComponent, PaginationComponent, ProgressBarComponent, RadioComponent, RateComponent, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, SelectComponent, SidebarComponent, SkeletonComponent, SpacerComponent, SpinnerComponent, StackComponent, SwitchComponent, TYPOGRAPHY_TOKENS, TabComponent, TableComponent, TagComponent, TextFieldComponent, TextareaComponent, ThemeLoader, ToastComponent, TooltipComponent, TypographyComponent, buildDisplayedColumns, isMenuItem };
 //# sourceMappingURL=lesterarte-sefin-ui.mjs.map