@crowdfarming/oliva-ds 1.20.0 → 1.21.0-rc.2

package/fesm2022/crowdfarming-oliva-ds.mjs

@@ -2624,11 +2624,11 @@ class ButtonComponent {
         }
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, skeletonActive: { classPropertyName: "skeletonActive", publicName: "skeletonActive", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, iconBefore: { classPropertyName: "iconBefore", publicName: "iconBefore", isSignal: true, isRequired: false, transformFunction: null }, iconAfter: { classPropertyName: "iconAfter", publicName: "iconAfter", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  [type]=\"type()\"\n  [ngClass]=\"classes()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"computedAriaLabel()\"\n  [attr.aria-busy]=\"loading() || skeletonActive() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <!-- Icon before -->\n  @if (iconBefore() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconBefore()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconBefore\n    ></lib-icon>\n  </span>\n  }\n\n  <!-- Text -->\n  @if (text() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__text\">{{ text() }}</span>\n  } @if (loading() && !skeletonActive()) {\n  <lib-spinner [size]=\"iconSize()\" [color]=\"iconColor()\"></lib-spinner>\n  <span class=\"c-button__text\">{{ loadingText() }}</span>\n  }\n\n  <!-- Icon after -->\n  @if (iconAfter() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconAfter()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconAfter\n    ></lib-icon>\n  </span>\n  }\n</button>\n", styles: [".c-button{display:inline-flex;align-items:center;gap:var(--space-component-gap-md);cursor:pointer;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);padding:var(--space-component-padding-md) var(--space-component-padding-xl);border-radius:var(--size-button-border-radius);border:var(--size-button-border-width) solid var(--color-button-primary-border-default)}.c-button--skeleton-active{background-color:var(--color-effect-skeleton-soft);border-color:var(--color-button-primary-border-disabled);cursor:progress;height:50px;width:120px}.c-button--skeleton-active.c-button--md{height:42px;width:100px}.c-button--skeleton-active.c-button--sm{height:34px;width:80px}.c-button--skeleton-active.c-button--xs{height:26px;width:60px}.c-button--skeleton-active.c-button--full-width{width:100%}.c-button--loading{cursor:progress}.c-button:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-button:disabled{cursor:not-allowed}.c-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.c-button__loading{width:24px;height:24px}.c-button--md{color:var(--color-button-primary-content-default);padding:var(--space-component-padding-sm) var(--space-component-padding-lg)}.c-button--sm{color:var(--color-button-primary-content-default);padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-button--xs{gap:var(--space-component-gap-md);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);padding:var(--space-component-padding-2xs) var(--space-component-padding-sm)}.c-button--xs .c-button__icon,.c-button--xs .c-button__loading{width:20px;height:20px}.c-button--primary:not(.c-button--skeleton-active){background-color:var(--color-button-primary-background-default);border-color:var(--color-button-primary-border-default);color:var(--color-button-primary-content-default)}.c-button--primary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-hover);border-color:var(--color-button-primary-border-hover);color:var(--color-button-primary-content-hover)}.c-button--primary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-pressed);border-color:var(--color-button-primary-border-pressed);color:var(--color-button-primary-content-pressed)}.c-button--primary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-primary-background-disabled);border-color:var(--color-button-primary-border-disabled);color:var(--color-button-primary-content-disabled)}.c-button--secondary:not(.c-button--skeleton-active){background-color:var(--color-button-secondary-background-default);border-color:var(--color-button-secondary-border-default);color:var(--color-button-secondary-content-default)}.c-button--secondary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-hover);border-color:var(--color-button-secondary-border-hover);color:var(--color-button-secondary-content-hover)}.c-button--secondary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-pressed);border-color:var(--color-button-secondary-border-pressed);color:var(--color-button-secondary-content-pressed)}.c-button--secondary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-secondary-background-disabled);border-color:var(--color-button-secondary-border-disabled);color:var(--color-button-secondary-content-disabled)}.c-button--tertiary:not(.c-button--skeleton-active){background-color:var(--color-button-tertiary-background-default);border-color:var(--color-button-tertiary-border-default);color:var(--color-button-tertiary-content-default)}.c-button--tertiary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-hover);border-color:var(--color-button-tertiary-border-hover);color:var(--color-button-tertiary-content-hover)}.c-button--tertiary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-pressed);border-color:var(--color-button-tertiary-border-pressed);color:var(--color-button-tertiary-content-pressed)}.c-button--tertiary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-tertiary-background-disabled);border-color:var(--color-button-tertiary-border-disabled);color:var(--color-button-tertiary-content-disabled)}.c-button--neutral:not(.c-button--skeleton-active){background-color:var(--color-button-neutral-background-default);border-color:var(--color-button-neutral-border-default);color:var(--color-button-neutral-content-default)}.c-button--neutral:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-hover);border-color:var(--color-button-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-button--neutral:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-button-neutral-content-pressed)}.c-button--neutral:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);color:var(--color-button-neutral-content-disabled)}.c-button--danger:not(.c-button--skeleton-active){background-color:var(--color-button-danger-background-default);border-color:var(--color-button-danger-border-default);color:var(--color-button-danger-content-default)}.c-button--danger:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-hover);border-color:var(--color-button-danger-border-hover);color:var(--color-button-danger-content-hover)}.c-button--danger:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-pressed);border-color:var(--color-button-danger-border-pressed);color:var(--color-button-danger-content-pressed)}.c-button--danger:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-danger-background-disabled);border-color:var(--color-button-danger-border-disabled);color:var(--color-button-danger-content-disabled)}.c-button--inverse:not(.c-button--skeleton-active){background-color:var(--color-button-inverse-background-default);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-default)}.c-button--inverse:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-hover);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-hover)}.c-button--inverse:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-pressed);border-color:var(--color-button-inverse-border-pressed);color:var(--color-button-inverse-content-pressed)}.c-button--inverse:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-inverse-background-disabled);border-color:var(--color-button-inverse-border-disabled);color:var(--color-button-inverse-content-disabled)}.c-button--full-width{width:100%;justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: SpinnerComponent, selector: "lib-spinner", inputs: ["size", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, skeletonActive: { classPropertyName: "skeletonActive", publicName: "skeletonActive", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, iconBefore: { classPropertyName: "iconBefore", publicName: "iconBefore", isSignal: true, isRequired: false, transformFunction: null }, iconAfter: { classPropertyName: "iconAfter", publicName: "iconAfter", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  [type]=\"type()\"\n  [ngClass]=\"classes()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"computedAriaLabel()\"\n  [attr.aria-busy]=\"loading() || skeletonActive() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <!-- Icon before -->\n  @if (iconBefore() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconBefore()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconBefore\n    ></lib-icon>\n  </span>\n  }\n\n  <!-- Text -->\n  @if (text() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__text\">{{ text() }}</span>\n  } @if (loading() && !skeletonActive()) {\n  <lib-spinner [size]=\"iconSize()\" [color]=\"iconColor()\"></lib-spinner>\n  <span class=\"c-button__text\">{{ loadingText() }}</span>\n  }\n\n  <!-- Icon after -->\n  @if (iconAfter() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconAfter()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconAfter\n    ></lib-icon>\n  </span>\n  }\n</button>\n", styles: [".c-button{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--space-component-gap-md);cursor:pointer;height:48px;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);padding:var(--space-component-padding-md) var(--space-component-padding-xl);border-radius:var(--size-button-border-radius);border:var(--size-button-border-width) solid var(--color-button-primary-border-default)}.c-button--skeleton-active{background-color:var(--color-effect-skeleton-soft);border-color:var(--color-button-primary-border-disabled);cursor:progress;height:48px;width:120px}.c-button--skeleton-active.c-button--md{height:40px;width:100px}.c-button--skeleton-active.c-button--sm{height:32px;width:80px}.c-button--skeleton-active.c-button--xs{height:28px;width:60px}.c-button--skeleton-active.c-button--full-width{width:100%}.c-button--loading{cursor:progress}.c-button:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-button:disabled{cursor:not-allowed}.c-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.c-button__loading{width:24px;height:24px}.c-button--md{height:40px;color:var(--color-button-primary-content-default);padding:var(--space-component-padding-sm) var(--space-component-padding-lg)}.c-button--sm{height:32px;color:var(--color-button-primary-content-default);padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-button--xs{height:28px;gap:var(--space-component-gap-md);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);padding:var(--space-component-padding-2xs) var(--space-component-padding-sm)}.c-button--xs .c-button__icon,.c-button--xs .c-button__loading{width:20px;height:20px}.c-button--primary:not(.c-button--skeleton-active){background-color:var(--color-button-primary-background-default);border-color:var(--color-button-primary-border-default);color:var(--color-button-primary-content-default)}.c-button--primary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-hover);border-color:var(--color-button-primary-border-hover);color:var(--color-button-primary-content-hover)}.c-button--primary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-pressed);border-color:var(--color-button-primary-border-pressed);color:var(--color-button-primary-content-pressed)}.c-button--primary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-primary-background-disabled);border-color:var(--color-button-primary-border-disabled);color:var(--color-button-primary-content-disabled)}.c-button--secondary:not(.c-button--skeleton-active){background-color:var(--color-button-secondary-background-default);border-color:var(--color-button-secondary-border-default);color:var(--color-button-secondary-content-default)}.c-button--secondary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-hover);border-color:var(--color-button-secondary-border-hover);color:var(--color-button-secondary-content-hover)}.c-button--secondary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-pressed);border-color:var(--color-button-secondary-border-pressed);color:var(--color-button-secondary-content-pressed)}.c-button--secondary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-secondary-background-disabled);border-color:var(--color-button-secondary-border-disabled);color:var(--color-button-secondary-content-disabled)}.c-button--tertiary:not(.c-button--skeleton-active){background-color:var(--color-button-tertiary-background-default);border-color:var(--color-button-tertiary-border-default);color:var(--color-button-tertiary-content-default)}.c-button--tertiary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-hover);border-color:var(--color-button-tertiary-border-hover);color:var(--color-button-tertiary-content-hover)}.c-button--tertiary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-pressed);border-color:var(--color-button-tertiary-border-pressed);color:var(--color-button-tertiary-content-pressed)}.c-button--tertiary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-tertiary-background-disabled);border-color:var(--color-button-tertiary-border-disabled);color:var(--color-button-tertiary-content-disabled)}.c-button--neutral:not(.c-button--skeleton-active){background-color:var(--color-button-neutral-background-default);border-color:var(--color-button-neutral-border-default);color:var(--color-button-neutral-content-default)}.c-button--neutral:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-hover);border-color:var(--color-button-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-button--neutral:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-button-neutral-content-pressed)}.c-button--neutral:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);color:var(--color-button-neutral-content-disabled)}.c-button--danger:not(.c-button--skeleton-active){background-color:var(--color-button-danger-background-default);border-color:var(--color-button-danger-border-default);color:var(--color-button-danger-content-default)}.c-button--danger:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-hover);border-color:var(--color-button-danger-border-hover);color:var(--color-button-danger-content-hover)}.c-button--danger:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-pressed);border-color:var(--color-button-danger-border-pressed);color:var(--color-button-danger-content-pressed)}.c-button--danger:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-danger-background-disabled);border-color:var(--color-button-danger-border-disabled);color:var(--color-button-danger-content-disabled)}.c-button--inverse:not(.c-button--skeleton-active){background-color:var(--color-button-inverse-background-default);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-default)}.c-button--inverse:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-hover);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-hover)}.c-button--inverse:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-pressed);border-color:var(--color-button-inverse-border-pressed);color:var(--color-button-inverse-content-pressed)}.c-button--inverse:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-inverse-background-disabled);border-color:var(--color-button-inverse-border-disabled);color:var(--color-button-inverse-content-disabled)}.c-button--full-width{width:100%;justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: SpinnerComponent, selector: "lib-spinner", inputs: ["size", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button', imports: [NgClass, IconComponent, SpinnerComponent], template: "<button\n  [type]=\"type()\"\n  [ngClass]=\"classes()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"computedAriaLabel()\"\n  [attr.aria-busy]=\"loading() || skeletonActive() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <!-- Icon before -->\n  @if (iconBefore() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconBefore()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconBefore\n    ></lib-icon>\n  </span>\n  }\n\n  <!-- Text -->\n  @if (text() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__text\">{{ text() }}</span>\n  } @if (loading() && !skeletonActive()) {\n  <lib-spinner [size]=\"iconSize()\" [color]=\"iconColor()\"></lib-spinner>\n  <span class=\"c-button__text\">{{ loadingText() }}</span>\n  }\n\n  <!-- Icon after -->\n  @if (iconAfter() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconAfter()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconAfter\n    ></lib-icon>\n  </span>\n  }\n</button>\n", styles: [".c-button{display:inline-flex;align-items:center;gap:var(--space-component-gap-md);cursor:pointer;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);padding:var(--space-component-padding-md) var(--space-component-padding-xl);border-radius:var(--size-button-border-radius);border:var(--size-button-border-width) solid var(--color-button-primary-border-default)}.c-button--skeleton-active{background-color:var(--color-effect-skeleton-soft);border-color:var(--color-button-primary-border-disabled);cursor:progress;height:50px;width:120px}.c-button--skeleton-active.c-button--md{height:42px;width:100px}.c-button--skeleton-active.c-button--sm{height:34px;width:80px}.c-button--skeleton-active.c-button--xs{height:26px;width:60px}.c-button--skeleton-active.c-button--full-width{width:100%}.c-button--loading{cursor:progress}.c-button:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-button:disabled{cursor:not-allowed}.c-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.c-button__loading{width:24px;height:24px}.c-button--md{color:var(--color-button-primary-content-default);padding:var(--space-component-padding-sm) var(--space-component-padding-lg)}.c-button--sm{color:var(--color-button-primary-content-default);padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-button--xs{gap:var(--space-component-gap-md);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);padding:var(--space-component-padding-2xs) var(--space-component-padding-sm)}.c-button--xs .c-button__icon,.c-button--xs .c-button__loading{width:20px;height:20px}.c-button--primary:not(.c-button--skeleton-active){background-color:var(--color-button-primary-background-default);border-color:var(--color-button-primary-border-default);color:var(--color-button-primary-content-default)}.c-button--primary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-hover);border-color:var(--color-button-primary-border-hover);color:var(--color-button-primary-content-hover)}.c-button--primary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-pressed);border-color:var(--color-button-primary-border-pressed);color:var(--color-button-primary-content-pressed)}.c-button--primary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-primary-background-disabled);border-color:var(--color-button-primary-border-disabled);color:var(--color-button-primary-content-disabled)}.c-button--secondary:not(.c-button--skeleton-active){background-color:var(--color-button-secondary-background-default);border-color:var(--color-button-secondary-border-default);color:var(--color-button-secondary-content-default)}.c-button--secondary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-hover);border-color:var(--color-button-secondary-border-hover);color:var(--color-button-secondary-content-hover)}.c-button--secondary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-pressed);border-color:var(--color-button-secondary-border-pressed);color:var(--color-button-secondary-content-pressed)}.c-button--secondary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-secondary-background-disabled);border-color:var(--color-button-secondary-border-disabled);color:var(--color-button-secondary-content-disabled)}.c-button--tertiary:not(.c-button--skeleton-active){background-color:var(--color-button-tertiary-background-default);border-color:var(--color-button-tertiary-border-default);color:var(--color-button-tertiary-content-default)}.c-button--tertiary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-hover);border-color:var(--color-button-tertiary-border-hover);color:var(--color-button-tertiary-content-hover)}.c-button--tertiary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-pressed);border-color:var(--color-button-tertiary-border-pressed);color:var(--color-button-tertiary-content-pressed)}.c-button--tertiary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-tertiary-background-disabled);border-color:var(--color-button-tertiary-border-disabled);color:var(--color-button-tertiary-content-disabled)}.c-button--neutral:not(.c-button--skeleton-active){background-color:var(--color-button-neutral-background-default);border-color:var(--color-button-neutral-border-default);color:var(--color-button-neutral-content-default)}.c-button--neutral:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-hover);border-color:var(--color-button-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-button--neutral:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-button-neutral-content-pressed)}.c-button--neutral:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);color:var(--color-button-neutral-content-disabled)}.c-button--danger:not(.c-button--skeleton-active){background-color:var(--color-button-danger-background-default);border-color:var(--color-button-danger-border-default);color:var(--color-button-danger-content-default)}.c-button--danger:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-hover);border-color:var(--color-button-danger-border-hover);color:var(--color-button-danger-content-hover)}.c-button--danger:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-pressed);border-color:var(--color-button-danger-border-pressed);color:var(--color-button-danger-content-pressed)}.c-button--danger:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-danger-background-disabled);border-color:var(--color-button-danger-border-disabled);color:var(--color-button-danger-content-disabled)}.c-button--inverse:not(.c-button--skeleton-active){background-color:var(--color-button-inverse-background-default);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-default)}.c-button--inverse:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-hover);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-hover)}.c-button--inverse:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-pressed);border-color:var(--color-button-inverse-border-pressed);color:var(--color-button-inverse-content-pressed)}.c-button--inverse:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-inverse-background-disabled);border-color:var(--color-button-inverse-border-disabled);color:var(--color-button-inverse-content-disabled)}.c-button--full-width{width:100%;justify-content:center}\n"] }]
+            args: [{ selector: 'lib-button', imports: [NgClass, IconComponent, SpinnerComponent], template: "<button\n  [type]=\"type()\"\n  [ngClass]=\"classes()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"computedAriaLabel()\"\n  [attr.aria-busy]=\"loading() || skeletonActive() ? 'true' : null\"\n  (click)=\"handleClick()\"\n>\n  <!-- Icon before -->\n  @if (iconBefore() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconBefore()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconBefore\n    ></lib-icon>\n  </span>\n  }\n\n  <!-- Text -->\n  @if (text() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__text\">{{ text() }}</span>\n  } @if (loading() && !skeletonActive()) {\n  <lib-spinner [size]=\"iconSize()\" [color]=\"iconColor()\"></lib-spinner>\n  <span class=\"c-button__text\">{{ loadingText() }}</span>\n  }\n\n  <!-- Icon after -->\n  @if (iconAfter() && !loading() && !skeletonActive()) {\n  <span class=\"c-button__icon\">\n    <lib-icon\n      [name]=\"iconAfter()!\"\n      [size]=\"iconSize()\"\n      [color]=\"iconColor()\"\n      iconAfter\n    ></lib-icon>\n  </span>\n  }\n</button>\n", styles: [".c-button{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--space-component-gap-md);cursor:pointer;height:48px;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);padding:var(--space-component-padding-md) var(--space-component-padding-xl);border-radius:var(--size-button-border-radius);border:var(--size-button-border-width) solid var(--color-button-primary-border-default)}.c-button--skeleton-active{background-color:var(--color-effect-skeleton-soft);border-color:var(--color-button-primary-border-disabled);cursor:progress;height:48px;width:120px}.c-button--skeleton-active.c-button--md{height:40px;width:100px}.c-button--skeleton-active.c-button--sm{height:32px;width:80px}.c-button--skeleton-active.c-button--xs{height:28px;width:60px}.c-button--skeleton-active.c-button--full-width{width:100%}.c-button--loading{cursor:progress}.c-button:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-button:disabled{cursor:not-allowed}.c-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.c-button__loading{width:24px;height:24px}.c-button--md{height:40px;color:var(--color-button-primary-content-default);padding:var(--space-component-padding-sm) var(--space-component-padding-lg)}.c-button--sm{height:32px;color:var(--color-button-primary-content-default);padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-button--xs{height:28px;gap:var(--space-component-gap-md);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);padding:var(--space-component-padding-2xs) var(--space-component-padding-sm)}.c-button--xs .c-button__icon,.c-button--xs .c-button__loading{width:20px;height:20px}.c-button--primary:not(.c-button--skeleton-active){background-color:var(--color-button-primary-background-default);border-color:var(--color-button-primary-border-default);color:var(--color-button-primary-content-default)}.c-button--primary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-hover);border-color:var(--color-button-primary-border-hover);color:var(--color-button-primary-content-hover)}.c-button--primary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-primary-background-pressed);border-color:var(--color-button-primary-border-pressed);color:var(--color-button-primary-content-pressed)}.c-button--primary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-primary-background-disabled);border-color:var(--color-button-primary-border-disabled);color:var(--color-button-primary-content-disabled)}.c-button--secondary:not(.c-button--skeleton-active){background-color:var(--color-button-secondary-background-default);border-color:var(--color-button-secondary-border-default);color:var(--color-button-secondary-content-default)}.c-button--secondary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-hover);border-color:var(--color-button-secondary-border-hover);color:var(--color-button-secondary-content-hover)}.c-button--secondary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-secondary-background-pressed);border-color:var(--color-button-secondary-border-pressed);color:var(--color-button-secondary-content-pressed)}.c-button--secondary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-secondary-background-disabled);border-color:var(--color-button-secondary-border-disabled);color:var(--color-button-secondary-content-disabled)}.c-button--tertiary:not(.c-button--skeleton-active){background-color:var(--color-button-tertiary-background-default);border-color:var(--color-button-tertiary-border-default);color:var(--color-button-tertiary-content-default)}.c-button--tertiary:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-hover);border-color:var(--color-button-tertiary-border-hover);color:var(--color-button-tertiary-content-hover)}.c-button--tertiary:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-tertiary-background-pressed);border-color:var(--color-button-tertiary-border-pressed);color:var(--color-button-tertiary-content-pressed)}.c-button--tertiary:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-tertiary-background-disabled);border-color:var(--color-button-tertiary-border-disabled);color:var(--color-button-tertiary-content-disabled)}.c-button--neutral:not(.c-button--skeleton-active){background-color:var(--color-button-neutral-background-default);border-color:var(--color-button-neutral-border-default);color:var(--color-button-neutral-content-default)}.c-button--neutral:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-hover);border-color:var(--color-button-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-button--neutral:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-button-neutral-content-pressed)}.c-button--neutral:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);color:var(--color-button-neutral-content-disabled)}.c-button--danger:not(.c-button--skeleton-active){background-color:var(--color-button-danger-background-default);border-color:var(--color-button-danger-border-default);color:var(--color-button-danger-content-default)}.c-button--danger:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-hover);border-color:var(--color-button-danger-border-hover);color:var(--color-button-danger-content-hover)}.c-button--danger:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-danger-background-pressed);border-color:var(--color-button-danger-border-pressed);color:var(--color-button-danger-content-pressed)}.c-button--danger:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-danger-background-disabled);border-color:var(--color-button-danger-border-disabled);color:var(--color-button-danger-content-disabled)}.c-button--inverse:not(.c-button--skeleton-active){background-color:var(--color-button-inverse-background-default);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-default)}.c-button--inverse:not(.c-button--skeleton-active):hover:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-hover);border-color:var(--color-button-inverse-border-default);color:var(--color-button-inverse-content-hover)}.c-button--inverse:not(.c-button--skeleton-active):active:not(.c-button--loading):not(.c-button--disabled){background-color:var(--color-button-inverse-background-pressed);border-color:var(--color-button-inverse-border-pressed);color:var(--color-button-inverse-content-pressed)}.c-button--inverse:not(.c-button--skeleton-active):disabled{background-color:var(--color-button-inverse-background-disabled);border-color:var(--color-button-inverse-border-disabled);color:var(--color-button-inverse-content-disabled)}.c-button--full-width{width:100%;justify-content:center}\n"] }]
         }] });
 
 class ButtonSetComponent {
@@ -2805,11 +2805,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
         }], ctorParameters: () => [] });
 
 class HelperTextComponent {
-    variant = 'default';
-    text = '';
-    extraClass = '';
+    variant = input('default');
+    text = input('');
+    extraClass = input('');
     getIconName() {
-        switch (this.variant) {
+        switch (this.variant()) {
             case 'danger':
                 return 'warning-regular';
             case 'warning':
@@ -2818,11 +2818,12 @@ class HelperTextComponent {
                 return 'checkcircle-regular';
             case 'info':
                 return 'info-regular';
-            default: return '';
+            default:
+                return '';
         }
     }
     getIconColor() {
-        switch (this.variant) {
+        switch (this.variant()) {
             case 'danger':
                 return 'feedback-danger-default';
             case 'warning':
@@ -2831,22 +2832,17 @@ class HelperTextComponent {
                 return 'feedback-success-default';
             case 'info':
                 return 'feedback-info-default';
-            default: return '';
+            default:
+                return '';
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HelperTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: HelperTextComponent, isStandalone: true, selector: "lib-helper-text", inputs: { variant: "variant", text: "text", extraClass: "extraClass" }, ngImport: i0, template: "<span [ngClass]=\"['c-helper', variant ? 'c-helper--' + variant : '', extraClass ? extraClass : '']\">\n    <lib-icon\n        *ngIf=\"variant !== 'default'\"\n        [name]=\"getIconName()\"\n        [color]=\"getIconColor()\"\n        size=\"md\"\n    />\n    <span>{{ text }}</span>\n</span>", styles: [".c-helper{display:flex;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);gap:var(--space-component-gap-sm)}.c-helper.is-error{color:var(--color-textfield-helper-error)}.c-helper.is-success{color:var(--color-textfield-helper-success)}.c-helper.is-default{color:var(--color-textfield-helper-default)}.c-helper--danger{color:var(--color-feedback-danger-default)}.c-helper--warning{color:var(--color-feedback-warning-default)}.c-helper--success{color:var(--color-feedback-success-default)}.c-helper--info{color:var(--color-feedback-info-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: HelperTextComponent, isStandalone: true, selector: "lib-helper-text", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, extraClass: { classPropertyName: "extraClass", publicName: "extraClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [ngClass]=\"[\n    'c-helper',\n    variant() ? 'c-helper--' + variant() : '',\n    extraClass() ? extraClass() : ''\n  ]\"\n>\n  @if(variant() !== 'default') {\n  <lib-icon [name]=\"getIconName()\" [color]=\"getIconColor()\" size=\"md\" />\n  }\n  <span>{{ text() }}</span>\n</span>\n", styles: [".c-helper{display:flex;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);gap:var(--space-component-gap-sm)}.c-helper--danger{color:var(--color-feedback-danger-default)}.c-helper--warning{color:var(--color-feedback-warning-default)}.c-helper--success{color:var(--color-feedback-success-default)}.c-helper--info{color:var(--color-feedback-info-default)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: HelperTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-helper-text', imports: [CommonModule, IconComponent], template: "<span [ngClass]=\"['c-helper', variant ? 'c-helper--' + variant : '', extraClass ? extraClass : '']\">\n    <lib-icon\n        *ngIf=\"variant !== 'default'\"\n        [name]=\"getIconName()\"\n        [color]=\"getIconColor()\"\n        size=\"md\"\n    />\n    <span>{{ text }}</span>\n</span>", styles: [".c-helper{display:flex;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);gap:var(--space-component-gap-sm)}.c-helper.is-error{color:var(--color-textfield-helper-error)}.c-helper.is-success{color:var(--color-textfield-helper-success)}.c-helper.is-default{color:var(--color-textfield-helper-default)}.c-helper--danger{color:var(--color-feedback-danger-default)}.c-helper--warning{color:var(--color-feedback-warning-default)}.c-helper--success{color:var(--color-feedback-success-default)}.c-helper--info{color:var(--color-feedback-info-default)}\n"] }]
-        }], propDecorators: { variant: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'lib-helper-text', imports: [NgClass, IconComponent], template: "<span\n  [ngClass]=\"[\n    'c-helper',\n    variant() ? 'c-helper--' + variant() : '',\n    extraClass() ? extraClass() : ''\n  ]\"\n>\n  @if(variant() !== 'default') {\n  <lib-icon [name]=\"getIconName()\" [color]=\"getIconColor()\" size=\"md\" />\n  }\n  <span>{{ text() }}</span>\n</span>\n", styles: [".c-helper{display:flex;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);gap:var(--space-component-gap-sm)}.c-helper--danger{color:var(--color-feedback-danger-default)}.c-helper--warning{color:var(--color-feedback-warning-default)}.c-helper--success{color:var(--color-feedback-success-default)}.c-helper--info{color:var(--color-feedback-info-default)}\n"] }]
+        }] });
 
 class CheckboxGroupComponent {
     legend = input('');
@@ -2963,11 +2959,11 @@ class ChipsComponent {
         this.optionsChange.emit(updatedOptions);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ChipsComponent, isStandalone: true, selector: "lib-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionsChange: "optionsChange" }, ngImport: i0, template: "<div role=\"group\" class=\"c-chip\" aria-label=\"Opciones de filtro\">\n  @for (option of options(); track option.value) {\n  <label class=\"c-chip__label\" [for]=\"'chip-' + option.value\">\n    <input\n      type=\"checkbox\"\n      [id]=\"'chip-' + option.value\"\n      [disabled]=\"option.disabled\"\n      [value]=\"option.value\"\n      [checked]=\"option.selected\"\n      (change)=\"toggle(option)\"\n      class=\"c-chip__input\"\n    />\n    <span class=\"c-chip__text\">{{ option.label }}</span>\n  </label>\n  }\n</div>\n", styles: [".c-chip{display:inline-flex;align-items:center;gap:var(--space-container-stack-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-chip__label{display:inline-block;padding:var(--space-component-padding-sm) var(--space-component-padding-md);background-color:var(--color-action-primary-background-default);border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);border-radius:var(--size-border-radius-full);color:var(--color-action-primary-content-default);cursor:pointer}.c-chip__label:hover{background-color:var(--color-action-primary-background-hover);border-color:var(--color-action-primary-border-hover);color:var(--color-action-primary-content-hover)}.c-chip__label:has(.c-chip__input:focus-visible){box-shadow:var(--focus-outset);outline:none}.c-chip__label:active{background-color:var(--color-action-primary-background-pressed);border-color:var(--color-action-primary-border-pressed);color:var(--color-action-primary-content-pressed)}.c-chip__label:has(input:disabled){background-color:var(--color-action-primary-background-disabled);border-color:var(--color-action-primary-border-disabled);color:var(--color-action-primary-content-disabled);cursor:not-allowed}.c-chip__label:has(input:checked){background-color:var(--color-action-primary-selected-background-default);color:var(--color-button-primary-content-default);border-color:var(--color-action-primary-selected-border-default)}.c-chip__label:has(input:checked):hover{background-color:var(--color-action-primary-selected-background-hover);border-color:var(--color-action-primary-selected-border-hover)}.c-chip__label:has(input:checked):focus-visible{box-shadow:var(--focus-outset);outline:none}.c-chip__label:has(input:checked):active{background-color:var(--color-action-primary-selected-background-pressed);border-color:var(--color-action-primary-selected-border-pressed)}.c-chip__input{position:absolute;opacity:0}.c-chip__input:hover{cursor:pointer}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ChipsComponent, isStandalone: true, selector: "lib-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionsChange: "optionsChange" }, ngImport: i0, template: "<div role=\"group\" class=\"c-chip\" aria-label=\"Opciones de filtro\">\n  @for (option of options(); track option.value) {\n  <label class=\"c-chip__label\" [for]=\"'chip-' + option.value\">\n    <input\n      type=\"checkbox\"\n      [id]=\"'chip-' + option.value\"\n      [disabled]=\"option.disabled\"\n      [value]=\"option.value\"\n      [checked]=\"option.selected\"\n      (change)=\"toggle(option)\"\n      class=\"c-chip__input\"\n    />\n    <span class=\"c-chip__text\">{{ option.label }}</span>\n  </label>\n  }\n</div>\n", styles: [".c-chip{display:inline-flex;align-items:center;gap:var(--space-container-stack-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-chip__label{display:inline-block;height:40px;box-sizing:border-box;padding:var(--space-component-padding-sm) var(--space-component-padding-md);background-color:var(--color-action-primary-background-default);border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);border-radius:var(--size-border-radius-full);color:var(--color-action-primary-content-default);cursor:pointer}.c-chip__label:hover{background-color:var(--color-action-primary-background-hover);border-color:var(--color-action-primary-border-hover);color:var(--color-action-primary-content-hover)}.c-chip__label:has(.c-chip__input:focus-visible){box-shadow:var(--focus-outset);outline:none}.c-chip__label:active{background-color:var(--color-action-primary-background-pressed);border-color:var(--color-action-primary-border-pressed);color:var(--color-action-primary-content-pressed)}.c-chip__label:has(input:disabled){background-color:var(--color-action-primary-background-disabled);border-color:var(--color-action-primary-border-disabled);color:var(--color-action-primary-content-disabled);cursor:not-allowed}.c-chip__label:has(input:checked){background-color:var(--color-action-primary-selected-background-default);color:var(--color-button-primary-content-default);border-color:var(--color-action-primary-selected-border-default)}.c-chip__label:has(input:checked):hover{background-color:var(--color-action-primary-selected-background-hover);border-color:var(--color-action-primary-selected-border-hover)}.c-chip__label:has(input:checked):focus-visible{box-shadow:var(--focus-outset);outline:none}.c-chip__label:has(input:checked):active{background-color:var(--color-action-primary-selected-background-pressed);border-color:var(--color-action-primary-selected-border-pressed)}.c-chip__input{position:absolute;opacity:0}.c-chip__input:hover{cursor:pointer}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-chips', template: "<div role=\"group\" class=\"c-chip\" aria-label=\"Opciones de filtro\">\n  @for (option of options(); track option.value) {\n  <label class=\"c-chip__label\" [for]=\"'chip-' + option.value\">\n    <input\n      type=\"checkbox\"\n      [id]=\"'chip-' + option.value\"\n      [disabled]=\"option.disabled\"\n      [value]=\"option.value\"\n      [checked]=\"option.selected\"\n      (change)=\"toggle(option)\"\n      class=\"c-chip__input\"\n    />\n    <span class=\"c-chip__text\">{{ option.label }}</span>\n  </label>\n  }\n</div>\n", styles: [".c-chip{display:inline-flex;align-items:center;gap:var(--space-container-stack-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-chip__label{display:inline-block;padding:var(--space-component-padding-sm) var(--space-component-padding-md);background-color:var(--color-action-primary-background-default);border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);border-radius:var(--size-border-radius-full);color:var(--color-action-primary-content-default);cursor:pointer}.c-chip__label:hover{background-color:var(--color-action-primary-background-hover);border-color:var(--color-action-primary-border-hover);color:var(--color-action-primary-content-hover)}.c-chip__label:has(.c-chip__input:focus-visible){box-shadow:var(--focus-outset);outline:none}.c-chip__label:active{background-color:var(--color-action-primary-background-pressed);border-color:var(--color-action-primary-border-pressed);color:var(--color-action-primary-content-pressed)}.c-chip__label:has(input:disabled){background-color:var(--color-action-primary-background-disabled);border-color:var(--color-action-primary-border-disabled);color:var(--color-action-primary-content-disabled);cursor:not-allowed}.c-chip__label:has(input:checked){background-color:var(--color-action-primary-selected-background-default);color:var(--color-button-primary-content-default);border-color:var(--color-action-primary-selected-border-default)}.c-chip__label:has(input:checked):hover{background-color:var(--color-action-primary-selected-background-hover);border-color:var(--color-action-primary-selected-border-hover)}.c-chip__label:has(input:checked):focus-visible{box-shadow:var(--focus-outset);outline:none}.c-chip__label:has(input:checked):active{background-color:var(--color-action-primary-selected-background-pressed);border-color:var(--color-action-primary-selected-border-pressed)}.c-chip__input{position:absolute;opacity:0}.c-chip__input:hover{cursor:pointer}\n"] }]
+            args: [{ selector: 'lib-chips', template: "<div role=\"group\" class=\"c-chip\" aria-label=\"Opciones de filtro\">\n  @for (option of options(); track option.value) {\n  <label class=\"c-chip__label\" [for]=\"'chip-' + option.value\">\n    <input\n      type=\"checkbox\"\n      [id]=\"'chip-' + option.value\"\n      [disabled]=\"option.disabled\"\n      [value]=\"option.value\"\n      [checked]=\"option.selected\"\n      (change)=\"toggle(option)\"\n      class=\"c-chip__input\"\n    />\n    <span class=\"c-chip__text\">{{ option.label }}</span>\n  </label>\n  }\n</div>\n", styles: [".c-chip{display:inline-flex;align-items:center;gap:var(--space-container-stack-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-chip__label{display:inline-block;height:40px;box-sizing:border-box;padding:var(--space-component-padding-sm) var(--space-component-padding-md);background-color:var(--color-action-primary-background-default);border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);border-radius:var(--size-border-radius-full);color:var(--color-action-primary-content-default);cursor:pointer}.c-chip__label:hover{background-color:var(--color-action-primary-background-hover);border-color:var(--color-action-primary-border-hover);color:var(--color-action-primary-content-hover)}.c-chip__label:has(.c-chip__input:focus-visible){box-shadow:var(--focus-outset);outline:none}.c-chip__label:active{background-color:var(--color-action-primary-background-pressed);border-color:var(--color-action-primary-border-pressed);color:var(--color-action-primary-content-pressed)}.c-chip__label:has(input:disabled){background-color:var(--color-action-primary-background-disabled);border-color:var(--color-action-primary-border-disabled);color:var(--color-action-primary-content-disabled);cursor:not-allowed}.c-chip__label:has(input:checked){background-color:var(--color-action-primary-selected-background-default);color:var(--color-button-primary-content-default);border-color:var(--color-action-primary-selected-border-default)}.c-chip__label:has(input:checked):hover{background-color:var(--color-action-primary-selected-background-hover);border-color:var(--color-action-primary-selected-border-hover)}.c-chip__label:has(input:checked):focus-visible{box-shadow:var(--focus-outset);outline:none}.c-chip__label:has(input:checked):active{background-color:var(--color-action-primary-selected-background-pressed);border-color:var(--color-action-primary-selected-border-pressed)}.c-chip__input{position:absolute;opacity:0}.c-chip__input:hover{cursor:pointer}\n"] }]
         }] });
 
 class DropdownComponent {
@@ -3337,7 +3333,7 @@ class InputDateComponent {
                 useExisting: forwardRef(() => InputDateComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      aria-label=\"date\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"Calendario\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"calendarblank-regular\"\n      (click)=\"toggleCalendar()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      aria-label=\"date\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"Calendario\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"calendarblank-regular\"\n      (click)=\"toggleCalendar()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputDateComponent, decorators: [{
             type: Component,
@@ -3354,7 +3350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => InputDateComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      aria-label=\"date\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"Calendario\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"calendarblank-regular\"\n      (click)=\"toggleCalendar()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      aria-label=\"date\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"Calendario\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"calendarblank-regular\"\n      (click)=\"toggleCalendar()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -3453,7 +3449,7 @@ class InputNumberComponent {
                 useExisting: forwardRef(() => InputNumberComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-text-input__wrapper\"\n    [class.c-text-input__wrapper--right]=\"variant === 'right'\"\n  >\n    <input\n      type=\"number\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      aria-label=\"number\"\n      (input)=\"onType($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"menos\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__less\"\n      iconName=\"minus-regular\"\n      (click)=\"downNumber()\"\n    >\n    </lib-button-icon>\n    <lib-button-icon\n      ariaLabel=\"m\u00E1s\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__up\"\n      iconName=\"plus-regular\"\n      (click)=\"upNumber()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) 2rem var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:center}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__less{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper--right .c-text-input__less{position:absolute;top:50%;right:calc(2rem + var(--space-component-padding-sm));transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;left:initial}.c-text-input__wrapper--right .c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-text-input__wrapper\"\n    [class.c-text-input__wrapper--right]=\"variant === 'right'\"\n  >\n    <input\n      type=\"number\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      aria-label=\"number\"\n      (input)=\"onType($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"menos\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__less\"\n      iconName=\"minus-regular\"\n      (click)=\"downNumber()\"\n    >\n    </lib-button-icon>\n    <lib-button-icon\n      ariaLabel=\"m\u00E1s\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__up\"\n      iconName=\"plus-regular\"\n      (click)=\"upNumber()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) 2rem var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:center}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__less{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper--right .c-text-input__less{position:absolute;top:50%;right:calc(2rem + var(--space-component-padding-sm));transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;left:initial}.c-text-input__wrapper--right .c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
@@ -3470,7 +3466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => InputNumberComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-text-input__wrapper\"\n    [class.c-text-input__wrapper--right]=\"variant === 'right'\"\n  >\n    <input\n      type=\"number\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      aria-label=\"number\"\n      (input)=\"onType($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"menos\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__less\"\n      iconName=\"minus-regular\"\n      (click)=\"downNumber()\"\n    >\n    </lib-button-icon>\n    <lib-button-icon\n      ariaLabel=\"m\u00E1s\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__up\"\n      iconName=\"plus-regular\"\n      (click)=\"upNumber()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) 2rem var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:center}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__less{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper--right .c-text-input__less{position:absolute;top:50%;right:calc(2rem + var(--space-component-padding-sm));transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;left:initial}.c-text-input__wrapper--right .c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-text-input__wrapper\"\n    [class.c-text-input__wrapper--right]=\"variant === 'right'\"\n  >\n    <input\n      type=\"number\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      aria-label=\"number\"\n      (input)=\"onType($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      ariaLabel=\"menos\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__less\"\n      iconName=\"minus-regular\"\n      (click)=\"downNumber()\"\n    >\n    </lib-button-icon>\n    <lib-button-icon\n      ariaLabel=\"m\u00E1s\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__up\"\n      iconName=\"plus-regular\"\n      (click)=\"upNumber()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) 2rem var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:center}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__less{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper--right .c-text-input__less{position:absolute;top:50%;right:calc(2rem + var(--space-component-padding-sm));transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;left:initial}.c-text-input__wrapper--right .c-text-input__up{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -3619,7 +3615,7 @@ class InputPaymentComponent {
                 useExisting: forwardRef(() => InputPaymentComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      inputmode=\"numeric\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"cardNumberDisplay\"\n      (input)=\"onCardInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <input\n      #dateInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      placeholder=\"dd/mm\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"c-text-input__mini\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"dateNumberDisplay\"\n      (input)=\"onDateInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon [name]=\"disabled ? 'carddisabled' : icon\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper:focus-within input:first-of-type{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__mini{position:absolute;right:7px;border:0;height:calc(100% - 4px);top:0;bottom:0;margin:auto;border-radius:8px;width:81px;text-align:right;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__mini:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true }], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      inputmode=\"numeric\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"cardNumberDisplay\"\n      (input)=\"onCardInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <input\n      #dateInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      placeholder=\"dd/mm\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"c-text-input__mini\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"dateNumberDisplay\"\n      (input)=\"onDateInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon [name]=\"disabled ? 'carddisabled' : icon\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper:focus-within input:first-of-type{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__mini{position:absolute;right:7px;border:0;height:calc(100% - 4px);top:0;bottom:0;margin:auto;border-radius:8px;width:81px;text-align:right;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__mini:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputPaymentComponent, decorators: [{
             type: Component,
@@ -3635,7 +3631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => InputPaymentComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      inputmode=\"numeric\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"cardNumberDisplay\"\n      (input)=\"onCardInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <input\n      #dateInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      placeholder=\"dd/mm\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"c-text-input__mini\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"dateNumberDisplay\"\n      (input)=\"onDateInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon [name]=\"disabled ? 'carddisabled' : icon\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper:focus-within input:first-of-type{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__mini{position:absolute;right:7px;border:0;height:calc(100% - 4px);top:0;bottom:0;margin:auto;border-radius:8px;width:81px;text-align:right;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__mini:focus-visible{outline:none}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      inputmode=\"numeric\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"cardNumberDisplay\"\n      (input)=\"onCardInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <input\n      #dateInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      placeholder=\"dd/mm\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      class=\"c-text-input__mini\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      [value]=\"dateNumberDisplay\"\n      (input)=\"onDateInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon [name]=\"disabled ? 'carddisabled' : icon\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__wrapper:focus-within input:first-of-type{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__mini{position:absolute;right:7px;border:0;height:calc(100% - 4px);top:0;bottom:0;margin:auto;border-radius:8px;width:81px;text-align:right;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__mini:focus-visible{outline:none}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -3730,7 +3726,7 @@ class InputSearchComponent {
                 useExisting: forwardRef(() => InputSearchComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.aria-label]=\"label ? label : 'Search input'\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.aria-label]=\"label ? label : 'Search input'\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputSearchComponent, decorators: [{
             type: Component,
@@ -3746,7 +3742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => InputSearchComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.aria-label]=\"label ? label : 'Search input'\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm,.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      type=\"text\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      [required]=\"required\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.aria-label]=\"label ? label : 'Search input'\"\n    />\n    <span class=\"c-text-input__icon\">\n      <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n    </span>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"search-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -3857,7 +3853,7 @@ class InputUploadComponent {
                 useExisting: forwardRef(() => InputUploadComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      #fileInput\n      type=\"file\"\n      id=\"upload-input\"\n      style=\"display: none\"\n      [attr.accept]=\"acceptString\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      (change)=\"onFileSelected($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <label\n      for=\"upload-input\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n    >\n      {{ fileName || placeholder }}\n    </label>\n    <lib-button-icon\n      ariaLabel=\"Upload\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"uploadsimple-regular\"\n      (click)=\"fileInput.click()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input--no-file{color:var(--color-textfield-content-placeholder)}.c-text-input__input:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      #fileInput\n      type=\"file\"\n      id=\"upload-input\"\n      style=\"display: none\"\n      [attr.accept]=\"acceptString\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      (change)=\"onFileSelected($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <label\n      for=\"upload-input\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n    >\n      {{ fileName || placeholder }}\n    </label>\n    <lib-button-icon\n      ariaLabel=\"Upload\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"uploadsimple-regular\"\n      (click)=\"fileInput.click()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input--no-file{color:var(--color-textfield-content-placeholder)}.c-text-input__input:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputUploadComponent, decorators: [{
             type: Component,
@@ -3874,7 +3870,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => InputUploadComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      #fileInput\n      type=\"file\"\n      id=\"upload-input\"\n      style=\"display: none\"\n      [attr.accept]=\"acceptString\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      (change)=\"onFileSelected($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <label\n      for=\"upload-input\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n    >\n      {{ fileName || placeholder }}\n    </label>\n    <lib-button-icon\n      ariaLabel=\"Upload\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"uploadsimple-regular\"\n      (click)=\"fileInput.click()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input--no-file{color:var(--color-textfield-content-placeholder)}.c-text-input__input:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      #fileInput\n      type=\"file\"\n      id=\"upload-input\"\n      style=\"display: none\"\n      [attr.accept]=\"acceptString\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      (change)=\"onFileSelected($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <label\n      for=\"upload-input\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n    >\n      {{ fileName || placeholder }}\n    </label>\n    <lib-button-icon\n      ariaLabel=\"Upload\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      iconName=\"uploadsimple-regular\"\n      (click)=\"fileInput.click()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input--no-file{color:var(--color-textfield-content-placeholder)}.c-text-input__input:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -4210,7 +4206,7 @@ class PasswordInputComponent {
                 useExisting: forwardRef(() => PasswordInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [text]=\"label\"\n    [required]=\"required\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      [type]=\"inputType\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      [ariaLabel]=\"showPassword ? 'Ocultar contrase\u00F1a' : 'Mostrar contrase\u00F1a'\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      [iconName]=\"showPassword ? 'eyeslash-regular' : 'eye-regular'\"\n      (click)=\"togglePassword()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
+        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [text]=\"label\"\n    [required]=\"required\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      [type]=\"inputType\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      [ariaLabel]=\"showPassword ? 'Ocultar contrase\u00F1a' : 'Mostrar contrase\u00F1a'\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      [iconName]=\"showPassword ? 'eyeslash-regular' : 'eye-regular'\"\n      (click)=\"togglePassword()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: PasswordInputComponent, decorators: [{
             type: Component,
@@ -4227,7 +4223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => PasswordInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [text]=\"label\"\n    [required]=\"required\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      [type]=\"inputType\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      [ariaLabel]=\"showPassword ? 'Ocultar contrase\u00F1a' : 'Mostrar contrase\u00F1a'\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      [iconName]=\"showPassword ? 'eyeslash-regular' : 'eye-regular'\"\n      (click)=\"togglePassword()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [text]=\"label\"\n    [required]=\"required\"\n  ></lib-input-label>\n\n  <div class=\"c-text-input__wrapper\">\n    <input\n      [type]=\"inputType\"\n      [value]=\"_value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [class]=\"inputClass.join(' ')\"\n      [attr.aria-invalid]=\"error ? 'true' : null\"\n      [required]=\"required\"\n      [attr.aria-describedby]=\"ariaDescribedBy\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <lib-button-icon\n      [ariaLabel]=\"showPassword ? 'Ocultar contrase\u00F1a' : 'Mostrar contrase\u00F1a'\"\n      [disabled]=\"disabled\"\n      [loading]=\"false\"\n      variant=\"neutral\"\n      size=\"sm\"\n      class=\"c-text-input__toggle\"\n      [iconName]=\"showPassword ? 'eyeslash-regular' : 'eye-regular'\"\n      (click)=\"togglePassword()\"\n    >\n    </lib-button-icon>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__toggle{position:absolute;top:50%;right:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -4341,11 +4337,11 @@ class RadioGroupComponent {
         this.valueChange.emit(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: RadioGroupComponent, isStandalone: true, selector: "lib-radio-group", inputs: { label: "label", name: "name", options: "options", value: "value", error: "error", helperText: "helperText", required: "required" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<fieldset [attr.aria-invalid]=\"error\" class=\"c-radio-group\">\n    <legend class=\"sr-only\">{{ label }}</legend>\n    <lib-input-label [text]=\"label\" [required]=\"required\" />\n  \n    <div class=\"c-radio-group__options\">\n      <lib-radio\n        *ngFor=\"let option of options\"\n        [label]=\"option.label\"\n        [value]=\"option.value\"\n        [name]=\"name\"\n        [error]=\"error\"\n        (change)=\"onChange(option.value)\"\n      />\n    </div>\n    <p *ngIf=\"helperText\" class=\"c-radio-group__helper\">\n      <lib-icon name=\"warning-regular\" color=\"feedback-danger-default\" size=\"md\"/>\n      {{ helperText }}\n    </p>\n</fieldset>\n", styles: [".c-radio-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-radio-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md);padding-left:6px}.c-radio-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0}.c-radio-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["name", "label", "value", "disabled", "checked", "error", "isLoading", "id"], outputs: ["optionSelected"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: RadioGroupComponent, isStandalone: true, selector: "lib-radio-group", inputs: { label: "label", name: "name", options: "options", value: "value", error: "error", helperText: "helperText", required: "required" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<fieldset [attr.aria-invalid]=\"error\" class=\"c-radio-group\">\n    <legend class=\"sr-only\">{{ label }}</legend>\n    <lib-input-label [text]=\"label\" [required]=\"required\" />\n  \n    <div class=\"c-radio-group__options\">\n      <lib-radio\n        *ngFor=\"let option of options\"\n        [label]=\"option.label\"\n        [value]=\"option.value\"\n        [name]=\"name\"\n        [error]=\"error\"\n        (change)=\"onChange(option.value)\"\n      />\n    </div>\n    <p *ngIf=\"helperText\" class=\"c-radio-group__helper\">\n      <lib-icon name=\"warning-regular\" color=\"feedback-danger-default\" size=\"md\"/>\n      {{ helperText }}\n    </p>\n</fieldset>\n", styles: [".c-radio-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-radio-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)}.c-radio-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0}.c-radio-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RadioComponent, selector: "lib-radio", inputs: ["name", "label", "value", "disabled", "checked", "error", "isLoading", "id"], outputs: ["optionSelected"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-radio-group', standalone: true, imports: [CommonModule, RadioComponent, InputLabelComponent, IconComponent], template: "<fieldset [attr.aria-invalid]=\"error\" class=\"c-radio-group\">\n    <legend class=\"sr-only\">{{ label }}</legend>\n    <lib-input-label [text]=\"label\" [required]=\"required\" />\n  \n    <div class=\"c-radio-group__options\">\n      <lib-radio\n        *ngFor=\"let option of options\"\n        [label]=\"option.label\"\n        [value]=\"option.value\"\n        [name]=\"name\"\n        [error]=\"error\"\n        (change)=\"onChange(option.value)\"\n      />\n    </div>\n    <p *ngIf=\"helperText\" class=\"c-radio-group__helper\">\n      <lib-icon name=\"warning-regular\" color=\"feedback-danger-default\" size=\"md\"/>\n      {{ helperText }}\n    </p>\n</fieldset>\n", styles: [".c-radio-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-radio-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md);padding-left:6px}.c-radio-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0}.c-radio-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+            args: [{ selector: 'lib-radio-group', standalone: true, imports: [CommonModule, RadioComponent, InputLabelComponent, IconComponent], template: "<fieldset [attr.aria-invalid]=\"error\" class=\"c-radio-group\">\n    <legend class=\"sr-only\">{{ label }}</legend>\n    <lib-input-label [text]=\"label\" [required]=\"required\" />\n  \n    <div class=\"c-radio-group__options\">\n      <lib-radio\n        *ngFor=\"let option of options\"\n        [label]=\"option.label\"\n        [value]=\"option.value\"\n        [name]=\"name\"\n        [error]=\"error\"\n        (change)=\"onChange(option.value)\"\n      />\n    </div>\n    <p *ngIf=\"helperText\" class=\"c-radio-group__helper\">\n      <lib-icon name=\"warning-regular\" color=\"feedback-danger-default\" size=\"md\"/>\n      {{ helperText }}\n    </p>\n</fieldset>\n", styles: [".c-radio-group{display:flex;flex-direction:column;gap:var(--space-container-gap-sm);border:0;padding:0}.c-radio-group__options{display:flex;flex-direction:column;gap:var(--space-container-gap-md)}.c-radio-group__helper{display:flex;align-items:center;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-size);line-height:var(--typography-label-sm-line-height);letter-spacing:var(--typography-label-sm-letter-spacing);color:var(--color-feedback-danger-default);padding:0;margin:0}.c-radio-group__icon{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], name: [{
@@ -4393,11 +4389,11 @@ class SegmentedControlComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SegmentedControlComponent, isStandalone: true, selector: "lib-segmented-control", inputs: { options: "options", selectedValue: "selectedValue", fill: "fill" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div role=\"radiogroup\" [ngClass]=\"{'c-segmented-control': true,'c-segmented-control--fill': fill}\">\n    <label\n      *ngFor=\"let option of options; let i = index\"\n      role=\"radio\"\n      [attr.aria-checked]=\"isSelected(option)\"\n      [attr.tabindex]=\"isSelected(option) ? 0 : -1\"\n      class=\"c-segmented-control__item\"\n      (click)=\"onSelect(option)\"\n      (keydown.enter)=\"onSelect(option)\"\n      (keydown.space)=\"onSelect(option)\"\n    >\n      <!-- Input real, oculto -->\n      <input\n        type=\"radio\"\n        [value]=\"option.value\"\n        [checked]=\"isSelected(option)\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        hidden\n      />\n      {{ option.label }}\n    </label>\n</div>\n  ", styles: ["@charset \"UTF-8\";.c-segmented-control{display:inline-flex;overflow:hidden}.c-segmented-control--fill{width:100%}.c-segmented-control__item{position:relative;width:100%;padding:var(--space-component-padding-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-action-primary-border-default);text-align:center;font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);color:var(--color-action-primary-content-default)}.c-segmented-control__item:not(:last-child){border-right:none}.c-segmented-control__item:first-child{border-radius:12px 0 0 12px}.c-segmented-control__item:last-child{border-radius:0 12px 12px 0}.c-segmented-control__item:hover\\a0 {background-color:var(--color-action-primary-background-hover);color:var(--color-action-primary-content-hover)}.c-segmented-control__item:active{background-color:var(--color-action-primary-background-pressed);color:var(--color-core-content-default)}.c-segmented-control__item:selected{background-color:var(--color-action-primary-background-selected);color:var(--color-action-primary-selected-content-default)}.c-segmented-control__item:focus-visible{border:1px solid var(--color-decorative-primary-default);outline:none}.c-segmented-control__item[aria-checked=true]{background:var(--color-action-primary-selected-background-default);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-action-primary-selected-content-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SegmentedControlComponent, isStandalone: true, selector: "lib-segmented-control", inputs: { options: "options", selectedValue: "selectedValue", fill: "fill" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div role=\"radiogroup\" [ngClass]=\"{'c-segmented-control': true,'c-segmented-control--fill': fill}\">\n    <label\n      *ngFor=\"let option of options; let i = index\"\n      role=\"radio\"\n      [attr.aria-checked]=\"isSelected(option)\"\n      [attr.tabindex]=\"isSelected(option) ? 0 : -1\"\n      class=\"c-segmented-control__item\"\n      (click)=\"onSelect(option)\"\n      (keydown.enter)=\"onSelect(option)\"\n      (keydown.space)=\"onSelect(option)\"\n    >\n      <!-- Input real, oculto -->\n      <input\n        type=\"radio\"\n        [value]=\"option.value\"\n        [checked]=\"isSelected(option)\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        hidden\n      />\n      {{ option.label }}\n    </label>\n</div>\n  ", styles: ["@charset \"UTF-8\";.c-segmented-control{display:inline-flex;overflow:hidden}.c-segmented-control--fill{width:100%}.c-segmented-control__item{position:relative;width:100%;padding:var(--space-component-padding-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);text-align:center;font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);color:var(--color-action-primary-content-default)}.c-segmented-control__item:not(:last-child){border-right:none}.c-segmented-control__item:first-child{border-radius:12px 0 0 12px}.c-segmented-control__item:last-child{border-radius:0 12px 12px 0}.c-segmented-control__item:hover\\a0 {background-color:var(--color-action-primary-background-hover);color:var(--color-action-primary-content-hover)}.c-segmented-control__item:active{background-color:var(--color-action-primary-background-pressed);color:var(--color-core-content-default)}.c-segmented-control__item:selected{background-color:var(--color-action-primary-background-selected);color:var(--color-action-primary-selected-content-default)}.c-segmented-control__item:focus-visible{border:var(--size-border-width-sm) solid var(--color-decorative-primary-default);outline:none}.c-segmented-control__item[aria-checked=true]{background:var(--color-action-primary-selected-background-default);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-action-primary-selected-content-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-segmented-control', imports: [CommonModule], template: "<div role=\"radiogroup\" [ngClass]=\"{'c-segmented-control': true,'c-segmented-control--fill': fill}\">\n    <label\n      *ngFor=\"let option of options; let i = index\"\n      role=\"radio\"\n      [attr.aria-checked]=\"isSelected(option)\"\n      [attr.tabindex]=\"isSelected(option) ? 0 : -1\"\n      class=\"c-segmented-control__item\"\n      (click)=\"onSelect(option)\"\n      (keydown.enter)=\"onSelect(option)\"\n      (keydown.space)=\"onSelect(option)\"\n    >\n      <!-- Input real, oculto -->\n      <input\n        type=\"radio\"\n        [value]=\"option.value\"\n        [checked]=\"isSelected(option)\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        hidden\n      />\n      {{ option.label }}\n    </label>\n</div>\n  ", styles: ["@charset \"UTF-8\";.c-segmented-control{display:inline-flex;overflow:hidden}.c-segmented-control--fill{width:100%}.c-segmented-control__item{position:relative;width:100%;padding:var(--space-component-padding-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-action-primary-border-default);text-align:center;font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);color:var(--color-action-primary-content-default)}.c-segmented-control__item:not(:last-child){border-right:none}.c-segmented-control__item:first-child{border-radius:12px 0 0 12px}.c-segmented-control__item:last-child{border-radius:0 12px 12px 0}.c-segmented-control__item:hover\\a0 {background-color:var(--color-action-primary-background-hover);color:var(--color-action-primary-content-hover)}.c-segmented-control__item:active{background-color:var(--color-action-primary-background-pressed);color:var(--color-core-content-default)}.c-segmented-control__item:selected{background-color:var(--color-action-primary-background-selected);color:var(--color-action-primary-selected-content-default)}.c-segmented-control__item:focus-visible{border:1px solid var(--color-decorative-primary-default);outline:none}.c-segmented-control__item[aria-checked=true]{background:var(--color-action-primary-selected-background-default);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-action-primary-selected-content-default)}\n"] }]
+            args: [{ selector: 'lib-segmented-control', imports: [CommonModule], template: "<div role=\"radiogroup\" [ngClass]=\"{'c-segmented-control': true,'c-segmented-control--fill': fill}\">\n    <label\n      *ngFor=\"let option of options; let i = index\"\n      role=\"radio\"\n      [attr.aria-checked]=\"isSelected(option)\"\n      [attr.tabindex]=\"isSelected(option) ? 0 : -1\"\n      class=\"c-segmented-control__item\"\n      (click)=\"onSelect(option)\"\n      (keydown.enter)=\"onSelect(option)\"\n      (keydown.space)=\"onSelect(option)\"\n    >\n      <!-- Input real, oculto -->\n      <input\n        type=\"radio\"\n        [value]=\"option.value\"\n        [checked]=\"isSelected(option)\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        hidden\n      />\n      {{ option.label }}\n    </label>\n</div>\n  ", styles: ["@charset \"UTF-8\";.c-segmented-control{display:inline-flex;overflow:hidden}.c-segmented-control--fill{width:100%}.c-segmented-control__item{position:relative;width:100%;padding:var(--space-component-padding-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--size-border-width-sm) solid var(--color-action-primary-border-default);text-align:center;font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing);color:var(--color-action-primary-content-default)}.c-segmented-control__item:not(:last-child){border-right:none}.c-segmented-control__item:first-child{border-radius:12px 0 0 12px}.c-segmented-control__item:last-child{border-radius:0 12px 12px 0}.c-segmented-control__item:hover\\a0 {background-color:var(--color-action-primary-background-hover);color:var(--color-action-primary-content-hover)}.c-segmented-control__item:active{background-color:var(--color-action-primary-background-pressed);color:var(--color-core-content-default)}.c-segmented-control__item:selected{background-color:var(--color-action-primary-background-selected);color:var(--color-action-primary-selected-content-default)}.c-segmented-control__item:focus-visible{border:var(--size-border-width-sm) solid var(--color-decorative-primary-default);outline:none}.c-segmented-control__item[aria-checked=true]{background:var(--color-action-primary-selected-background-default);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-action-primary-selected-content-default)}\n"] }]
         }], propDecorators: { options: [{
                 type: Input
             }], selectedValue: [{
@@ -4578,7 +4574,7 @@ class SelectComponent {
                 useExisting: forwardRef(() => SelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["selectionContainer"], descendants: true, static: true }, { propertyName: "badgeElems", predicate: ["badgeElem"], descendants: true }], ngImport: i0, template: "<div\n  class=\"c-select\"\n  [class.c-select--multiple]=\"multiple\"\n  [class.c-select--full-width]=\"fullWidth\"\n>\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-select__wrapper\"\n    aria-expanded=\"false\"\n    (click)=\"toggleDropdown()\"\n    (keydown.enter)=\"toggleDropdown()\"\n    (blur)=\"onBlur()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    aria-controls=\"selectionContainer\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-label]=\"label ? label : 'Select'\"\n  >\n    <div\n      class=\"c-select__selection\"\n      [class.is-error]=\"error\"\n      [class.is-success]=\"success\"\n      [class.is-disabled]=\"disabled\"\n      [class.is-readonly]=\"readonly\"\n      [class.c-select__selection--md]=\"size === 'md'\"\n      [class.c-select__selection--sm]=\"size === 'sm'\"\n      [class.c-select__selection--lg]=\"size === 'lg'\"\n      #selectionContainer\n      id=\"selectionContainer\"\n    >\n      <ng-container *ngIf=\"selectedOptions.length; else placeholderTpl\">\n        <span\n          #badgeElem\n          *ngFor=\"let sel of visibleBadges\"\n          class=\"c-select__badge\"\n          [class.c-select__badge--multiple]=\"multiple\"\n          [class.is-disabled]=\"disabled\"\n        >\n          {{ sel.label }}\n          <lib-icon\n            name=\"x-regular\"\n            *ngIf=\"multiple && !disabled\"\n            size=\"sm\"\n            (click)=\"onDelete(sel)\"\n            iconBefore\n          />\n          <lib-icon\n            name=\"x-regular\"\n            color=\"button-neutral-content-disabled\"\n            *ngIf=\"multiple && disabled\"\n            size=\"sm\"\n            iconBefore\n          />\n        </span>\n\n        <span\n          *ngIf=\"hiddenCount > 0\"\n          class=\"c-select__badge c-select__badge--more\"\n        >\n          +{{ hiddenCount }}\n        </span>\n      </ng-container>\n      <ng-template #placeholderTpl>{{ placeholder }}</ng-template>\n\n      <span class=\"c-select__arrow\" *ngIf=\"!isOpen\">\n        <lib-icon name=\"caretdown-regular\" size=\"lg\" iconBefore />\n      </span>\n      <span class=\"c-select__arrow\" *ngIf=\"isOpen\">\n        <lib-icon name=\"caretup-regular\" size=\"lg\" iconBefore />\n      </span>\n    </div>\n\n    <div class=\"c-select__dropdown\" *ngIf=\"isOpen\" role=\"listbox\">\n      <div class=\"c-select__search-wrapper\" *ngIf=\"searchable\">\n        <lib-input-search\n          [(ngModel)]=\"filterText\"\n          (emitValue)=\"onSearch($event)\"\n          (input)=\"filterOptions()\"\n          placeholder=\"Search...\"\n          (click)=\"$event.stopPropagation()\"\n          aria-label=\"Filtrar opciones\"\n        />\n      </div>\n\n      <div *ngFor=\"let group of filteredOptions\">\n        <div class=\"c-select__group-label\">{{ group.label }}</div>\n\n        <div\n          class=\"c-select__option\"\n          *ngFor=\"let opt of group.options\"\n          [class.is-selected]=\"isSelected(opt)\"\n          (click)=\"$event.stopPropagation(); selectOption(opt)\"\n          (keydown.enter)=\"$event.stopPropagation(); selectOption(opt)\"\n          tabindex=\"0\"\n          role=\"option\"\n          [attr.aria-selected]=\"isSelected(opt)\"\n        >\n          <lib-checkbox\n            *ngIf=\"multiple\"\n            label=\"\"\n            [disabled]=\"disabled\"\n            [state]=\"isSelected(opt) ? 'checked' : 'unchecked'\"\n            class=\"c-tile__check\"\n          ></lib-checkbox>\n          <span class=\"c-select__option-label\">{{ opt.label }}</span>\n          <lib-icon\n            *ngIf=\"!multiple && !disabled && isSelected(opt)\"\n            name=\"checkcircle-regular\"\n            color=\"feedback-success-default\"\n            size=\"sm\"\n            iconBefore\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-select{display:flex;flex-direction:column;gap:var(--space-component-gap-sm, .25rem);max-width:300px}.c-select--full-width{max-width:100%}.c-select__search-wrapper{padding:var(--space-container-padding-sm, 1rem)}.c-select__dropdown{position:absolute;width:100%;max-height:25rem;overflow-y:auto;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scrollbar-width:thin;scrollbar-color:var(--color-effect-overlay, rgba(0, 0, 0, .16)) transparent}.c-select__badge{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge.is-disabled{background:var(--color-action-neutral-background-disabled, rgba(255, 255, 255, 0))}.c-select__badge--more{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge--multiple{display:flex;height:1.5rem;padding-left:var(--space-component-padding-sm, .5rem);padding-right:var(--space-component-padding-sm, .5rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);border-radius:var(--size-textfield-border-radius, .5rem);background:var(--color-feedback-neutral-surface-background, #dee7e6);color:var(--color-feedback-neutral-default, #535858);text-align:center;font-family:var(--typography-label-xs-strong-family, Satoshi);font-size:var(--typography-label-xs-strong-size, .75rem);font-style:normal;font-weight:var(--typography-label-xs-strong-weight, 700);line-height:var(--typography-label-xs-strong-line-height, 1rem);letter-spacing:var(--typography-label-xs-strong-letter-spacing, 0rem)}.c-select__wrapper{position:relative}.c-select__group-label{display:flex;min-height:3rem;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);color:var(--color-core-content-soft, #535858);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option{display:flex;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);background:var(--color-action-neutral-background-default, rgba(255, 255, 255, 0));color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-default-family, Satoshi);font-size:var(--typography-label-sm-default-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-default-weight, 400);line-height:var(--typography-label-sm-default-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-default-letter-spacing, 0rem);cursor:pointer;justify-content:space-between}.c-select__option.is-selected{color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option:hover{background:var(--color-action-neutral-background-hover, rgba(0, 0, 0, .04))}.c-select__option-label{display:flex;justify-self:flex-start;margin:0 auto 0 0}.c-select__selection{display:flex;padding:var(--space-component-padding-md, .75rem) 2.5rem var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);align-self:stretch;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-textfield-border-default, #929a99);background:var(--color-textfield-background-default, #fff);color:var(--color-textfield-content-placeholder, #676d6c);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem);cursor:pointer;overflow:hidden;position:relative}.c-select__selection:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-select__selection--sm,.c-select__selection--md{padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection.is-error{border-color:var(--color-textfield-border-error)}.c-select__selection.is-success{border-color:var(--color-feedback-success-surface-border)}.c-select__selection.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-select__selection.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-select__arrow{position:absolute;right:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: InputSearchComponent, selector: "lib-input-search", inputs: ["label", "placeholder", "helperText", "alertText", "successText", "error", "success", "disabled", "readonly", "required", "size", "fullWidth"], outputs: ["emitValue"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["label", "state", "errorActive", "skeletonActive", "disabled", "name", "value", "innerHTML", "ariaLabel"], outputs: ["changed"] }] });
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["selectionContainer"], descendants: true, static: true }, { propertyName: "badgeElems", predicate: ["badgeElem"], descendants: true }], ngImport: i0, template: "<div\n  class=\"c-select\"\n  [class.c-select--multiple]=\"multiple\"\n  [class.c-select--full-width]=\"fullWidth\"\n>\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-select__wrapper\"\n    aria-expanded=\"false\"\n    (click)=\"toggleDropdown()\"\n    (keydown.enter)=\"toggleDropdown()\"\n    (blur)=\"onBlur()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    aria-controls=\"selectionContainer\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-label]=\"label ? label : 'Select'\"\n  >\n    <div\n      class=\"c-select__selection\"\n      [class.is-error]=\"error\"\n      [class.is-success]=\"success\"\n      [class.is-disabled]=\"disabled\"\n      [class.is-readonly]=\"readonly\"\n      [class.c-select__selection--md]=\"size === 'md'\"\n      [class.c-select__selection--sm]=\"size === 'sm'\"\n      [class.c-select__selection--lg]=\"size === 'lg'\"\n      #selectionContainer\n      id=\"selectionContainer\"\n    >\n      <ng-container *ngIf=\"selectedOptions.length; else placeholderTpl\">\n        <span\n          #badgeElem\n          *ngFor=\"let sel of visibleBadges\"\n          class=\"c-select__badge\"\n          [class.c-select__badge--multiple]=\"multiple\"\n          [class.is-disabled]=\"disabled\"\n        >\n          {{ sel.label }}\n          <lib-icon\n            name=\"x-regular\"\n            *ngIf=\"multiple && !disabled\"\n            size=\"sm\"\n            (click)=\"onDelete(sel)\"\n            iconBefore\n          />\n          <lib-icon\n            name=\"x-regular\"\n            color=\"button-neutral-content-disabled\"\n            *ngIf=\"multiple && disabled\"\n            size=\"sm\"\n            iconBefore\n          />\n        </span>\n\n        <span\n          *ngIf=\"hiddenCount > 0\"\n          class=\"c-select__badge c-select__badge--more\"\n        >\n          +{{ hiddenCount }}\n        </span>\n      </ng-container>\n      <ng-template #placeholderTpl>{{ placeholder }}</ng-template>\n\n      <span class=\"c-select__arrow\" *ngIf=\"!isOpen\">\n        <lib-icon name=\"caretdown-regular\" size=\"lg\" iconBefore />\n      </span>\n      <span class=\"c-select__arrow\" *ngIf=\"isOpen\">\n        <lib-icon name=\"caretup-regular\" size=\"lg\" iconBefore />\n      </span>\n    </div>\n\n    <div class=\"c-select__dropdown\" *ngIf=\"isOpen\" role=\"listbox\">\n      <div class=\"c-select__search-wrapper\" *ngIf=\"searchable\">\n        <lib-input-search\n          [(ngModel)]=\"filterText\"\n          (emitValue)=\"onSearch($event)\"\n          (input)=\"filterOptions()\"\n          placeholder=\"Search...\"\n          (click)=\"$event.stopPropagation()\"\n          aria-label=\"Filtrar opciones\"\n        />\n      </div>\n\n      <div *ngFor=\"let group of filteredOptions\">\n        <div class=\"c-select__group-label\">{{ group.label }}</div>\n\n        <div\n          class=\"c-select__option\"\n          *ngFor=\"let opt of group.options\"\n          [class.is-selected]=\"isSelected(opt)\"\n          (click)=\"$event.stopPropagation(); selectOption(opt)\"\n          (keydown.enter)=\"$event.stopPropagation(); selectOption(opt)\"\n          tabindex=\"0\"\n          role=\"option\"\n          [attr.aria-selected]=\"isSelected(opt)\"\n        >\n          <lib-checkbox\n            *ngIf=\"multiple\"\n            label=\"\"\n            [disabled]=\"disabled\"\n            [state]=\"isSelected(opt) ? 'checked' : 'unchecked'\"\n            class=\"c-tile__check\"\n          ></lib-checkbox>\n          <span class=\"c-select__option-label\">{{ opt.label }}</span>\n          <lib-icon\n            *ngIf=\"!multiple && !disabled && isSelected(opt)\"\n            name=\"checkcircle-regular\"\n            color=\"feedback-success-default\"\n            size=\"sm\"\n            iconBefore\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-select{display:flex;flex-direction:column;gap:var(--space-component-gap-sm, .25rem);max-width:300px}.c-select--full-width{max-width:100%}.c-select__search-wrapper{padding:var(--space-container-padding-sm, 1rem)}.c-select__dropdown{position:absolute;width:100%;max-height:25rem;overflow-y:auto;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scrollbar-width:thin;scrollbar-color:var(--color-effect-overlay, rgba(0, 0, 0, .16)) transparent}.c-select__badge{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge.is-disabled{background:var(--color-action-neutral-background-disabled, rgba(255, 255, 255, 0))}.c-select__badge--more{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge--multiple{display:flex;height:1.5rem;padding-left:var(--space-component-padding-sm, .5rem);padding-right:var(--space-component-padding-sm, .5rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);border-radius:var(--size-textfield-border-radius, .5rem);background:var(--color-feedback-neutral-surface-background, #dee7e6);color:var(--color-feedback-neutral-default, #535858);text-align:center;font-family:var(--typography-label-xs-strong-family, Satoshi);font-size:var(--typography-label-xs-strong-size, .75rem);font-style:normal;font-weight:var(--typography-label-xs-strong-weight, 700);line-height:var(--typography-label-xs-strong-line-height, 1rem);letter-spacing:var(--typography-label-xs-strong-letter-spacing, 0rem)}.c-select__wrapper{position:relative}.c-select__group-label{display:flex;min-height:3rem;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);color:var(--color-core-content-soft, #535858);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option{display:flex;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);background:var(--color-action-neutral-background-default, rgba(255, 255, 255, 0));color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-default-family, Satoshi);font-size:var(--typography-label-sm-default-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-default-weight, 400);line-height:var(--typography-label-sm-default-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-default-letter-spacing, 0rem);cursor:pointer;justify-content:space-between}.c-select__option.is-selected{color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option:hover{background:var(--color-action-neutral-background-hover, rgba(0, 0, 0, .04))}.c-select__option-label{display:flex;justify-self:flex-start;margin:0 auto 0 0}.c-select__selection{display:flex;height:48px;box-sizing:border-box;padding:var(--space-component-padding-md, .75rem) 2.5rem var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);align-self:stretch;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-textfield-border-default, #929a99);background:var(--color-textfield-background-default, #fff);color:var(--color-textfield-content-placeholder, #676d6c);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem);cursor:pointer;overflow:hidden;position:relative}.c-select__selection:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-select__selection--sm{height:32px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection--md{height:40px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection.is-error{border-color:var(--color-textfield-border-error)}.c-select__selection.is-success{border-color:var(--color-feedback-success-surface-border)}.c-select__selection.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-select__selection.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-select__arrow{position:absolute;right:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: InputSearchComponent, selector: "lib-input-search", inputs: ["label", "placeholder", "helperText", "alertText", "successText", "error", "success", "disabled", "readonly", "required", "size", "fullWidth"], outputs: ["emitValue"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["label", "state", "errorActive", "skeletonActive", "disabled", "name", "value", "innerHTML", "ariaLabel"], outputs: ["changed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -4597,7 +4593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => SelectComponent),
                             multi: true,
                         },
-                    ], template: "<div\n  class=\"c-select\"\n  [class.c-select--multiple]=\"multiple\"\n  [class.c-select--full-width]=\"fullWidth\"\n>\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-select__wrapper\"\n    aria-expanded=\"false\"\n    (click)=\"toggleDropdown()\"\n    (keydown.enter)=\"toggleDropdown()\"\n    (blur)=\"onBlur()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    aria-controls=\"selectionContainer\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-label]=\"label ? label : 'Select'\"\n  >\n    <div\n      class=\"c-select__selection\"\n      [class.is-error]=\"error\"\n      [class.is-success]=\"success\"\n      [class.is-disabled]=\"disabled\"\n      [class.is-readonly]=\"readonly\"\n      [class.c-select__selection--md]=\"size === 'md'\"\n      [class.c-select__selection--sm]=\"size === 'sm'\"\n      [class.c-select__selection--lg]=\"size === 'lg'\"\n      #selectionContainer\n      id=\"selectionContainer\"\n    >\n      <ng-container *ngIf=\"selectedOptions.length; else placeholderTpl\">\n        <span\n          #badgeElem\n          *ngFor=\"let sel of visibleBadges\"\n          class=\"c-select__badge\"\n          [class.c-select__badge--multiple]=\"multiple\"\n          [class.is-disabled]=\"disabled\"\n        >\n          {{ sel.label }}\n          <lib-icon\n            name=\"x-regular\"\n            *ngIf=\"multiple && !disabled\"\n            size=\"sm\"\n            (click)=\"onDelete(sel)\"\n            iconBefore\n          />\n          <lib-icon\n            name=\"x-regular\"\n            color=\"button-neutral-content-disabled\"\n            *ngIf=\"multiple && disabled\"\n            size=\"sm\"\n            iconBefore\n          />\n        </span>\n\n        <span\n          *ngIf=\"hiddenCount > 0\"\n          class=\"c-select__badge c-select__badge--more\"\n        >\n          +{{ hiddenCount }}\n        </span>\n      </ng-container>\n      <ng-template #placeholderTpl>{{ placeholder }}</ng-template>\n\n      <span class=\"c-select__arrow\" *ngIf=\"!isOpen\">\n        <lib-icon name=\"caretdown-regular\" size=\"lg\" iconBefore />\n      </span>\n      <span class=\"c-select__arrow\" *ngIf=\"isOpen\">\n        <lib-icon name=\"caretup-regular\" size=\"lg\" iconBefore />\n      </span>\n    </div>\n\n    <div class=\"c-select__dropdown\" *ngIf=\"isOpen\" role=\"listbox\">\n      <div class=\"c-select__search-wrapper\" *ngIf=\"searchable\">\n        <lib-input-search\n          [(ngModel)]=\"filterText\"\n          (emitValue)=\"onSearch($event)\"\n          (input)=\"filterOptions()\"\n          placeholder=\"Search...\"\n          (click)=\"$event.stopPropagation()\"\n          aria-label=\"Filtrar opciones\"\n        />\n      </div>\n\n      <div *ngFor=\"let group of filteredOptions\">\n        <div class=\"c-select__group-label\">{{ group.label }}</div>\n\n        <div\n          class=\"c-select__option\"\n          *ngFor=\"let opt of group.options\"\n          [class.is-selected]=\"isSelected(opt)\"\n          (click)=\"$event.stopPropagation(); selectOption(opt)\"\n          (keydown.enter)=\"$event.stopPropagation(); selectOption(opt)\"\n          tabindex=\"0\"\n          role=\"option\"\n          [attr.aria-selected]=\"isSelected(opt)\"\n        >\n          <lib-checkbox\n            *ngIf=\"multiple\"\n            label=\"\"\n            [disabled]=\"disabled\"\n            [state]=\"isSelected(opt) ? 'checked' : 'unchecked'\"\n            class=\"c-tile__check\"\n          ></lib-checkbox>\n          <span class=\"c-select__option-label\">{{ opt.label }}</span>\n          <lib-icon\n            *ngIf=\"!multiple && !disabled && isSelected(opt)\"\n            name=\"checkcircle-regular\"\n            color=\"feedback-success-default\"\n            size=\"sm\"\n            iconBefore\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-select{display:flex;flex-direction:column;gap:var(--space-component-gap-sm, .25rem);max-width:300px}.c-select--full-width{max-width:100%}.c-select__search-wrapper{padding:var(--space-container-padding-sm, 1rem)}.c-select__dropdown{position:absolute;width:100%;max-height:25rem;overflow-y:auto;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scrollbar-width:thin;scrollbar-color:var(--color-effect-overlay, rgba(0, 0, 0, .16)) transparent}.c-select__badge{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge.is-disabled{background:var(--color-action-neutral-background-disabled, rgba(255, 255, 255, 0))}.c-select__badge--more{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge--multiple{display:flex;height:1.5rem;padding-left:var(--space-component-padding-sm, .5rem);padding-right:var(--space-component-padding-sm, .5rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);border-radius:var(--size-textfield-border-radius, .5rem);background:var(--color-feedback-neutral-surface-background, #dee7e6);color:var(--color-feedback-neutral-default, #535858);text-align:center;font-family:var(--typography-label-xs-strong-family, Satoshi);font-size:var(--typography-label-xs-strong-size, .75rem);font-style:normal;font-weight:var(--typography-label-xs-strong-weight, 700);line-height:var(--typography-label-xs-strong-line-height, 1rem);letter-spacing:var(--typography-label-xs-strong-letter-spacing, 0rem)}.c-select__wrapper{position:relative}.c-select__group-label{display:flex;min-height:3rem;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);color:var(--color-core-content-soft, #535858);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option{display:flex;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);background:var(--color-action-neutral-background-default, rgba(255, 255, 255, 0));color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-default-family, Satoshi);font-size:var(--typography-label-sm-default-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-default-weight, 400);line-height:var(--typography-label-sm-default-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-default-letter-spacing, 0rem);cursor:pointer;justify-content:space-between}.c-select__option.is-selected{color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option:hover{background:var(--color-action-neutral-background-hover, rgba(0, 0, 0, .04))}.c-select__option-label{display:flex;justify-self:flex-start;margin:0 auto 0 0}.c-select__selection{display:flex;padding:var(--space-component-padding-md, .75rem) 2.5rem var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);align-self:stretch;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-textfield-border-default, #929a99);background:var(--color-textfield-background-default, #fff);color:var(--color-textfield-content-placeholder, #676d6c);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem);cursor:pointer;overflow:hidden;position:relative}.c-select__selection:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-select__selection--sm,.c-select__selection--md{padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection.is-error{border-color:var(--color-textfield-border-error)}.c-select__selection.is-success{border-color:var(--color-feedback-success-surface-border)}.c-select__selection.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-select__selection.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-select__arrow{position:absolute;right:1.5rem}\n"] }]
+                    ], template: "<div\n  class=\"c-select\"\n  [class.c-select--multiple]=\"multiple\"\n  [class.c-select--full-width]=\"fullWidth\"\n>\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <div\n    class=\"c-select__wrapper\"\n    aria-expanded=\"false\"\n    (click)=\"toggleDropdown()\"\n    (keydown.enter)=\"toggleDropdown()\"\n    (blur)=\"onBlur()\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    aria-controls=\"selectionContainer\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-label]=\"label ? label : 'Select'\"\n  >\n    <div\n      class=\"c-select__selection\"\n      [class.is-error]=\"error\"\n      [class.is-success]=\"success\"\n      [class.is-disabled]=\"disabled\"\n      [class.is-readonly]=\"readonly\"\n      [class.c-select__selection--md]=\"size === 'md'\"\n      [class.c-select__selection--sm]=\"size === 'sm'\"\n      [class.c-select__selection--lg]=\"size === 'lg'\"\n      #selectionContainer\n      id=\"selectionContainer\"\n    >\n      <ng-container *ngIf=\"selectedOptions.length; else placeholderTpl\">\n        <span\n          #badgeElem\n          *ngFor=\"let sel of visibleBadges\"\n          class=\"c-select__badge\"\n          [class.c-select__badge--multiple]=\"multiple\"\n          [class.is-disabled]=\"disabled\"\n        >\n          {{ sel.label }}\n          <lib-icon\n            name=\"x-regular\"\n            *ngIf=\"multiple && !disabled\"\n            size=\"sm\"\n            (click)=\"onDelete(sel)\"\n            iconBefore\n          />\n          <lib-icon\n            name=\"x-regular\"\n            color=\"button-neutral-content-disabled\"\n            *ngIf=\"multiple && disabled\"\n            size=\"sm\"\n            iconBefore\n          />\n        </span>\n\n        <span\n          *ngIf=\"hiddenCount > 0\"\n          class=\"c-select__badge c-select__badge--more\"\n        >\n          +{{ hiddenCount }}\n        </span>\n      </ng-container>\n      <ng-template #placeholderTpl>{{ placeholder }}</ng-template>\n\n      <span class=\"c-select__arrow\" *ngIf=\"!isOpen\">\n        <lib-icon name=\"caretdown-regular\" size=\"lg\" iconBefore />\n      </span>\n      <span class=\"c-select__arrow\" *ngIf=\"isOpen\">\n        <lib-icon name=\"caretup-regular\" size=\"lg\" iconBefore />\n      </span>\n    </div>\n\n    <div class=\"c-select__dropdown\" *ngIf=\"isOpen\" role=\"listbox\">\n      <div class=\"c-select__search-wrapper\" *ngIf=\"searchable\">\n        <lib-input-search\n          [(ngModel)]=\"filterText\"\n          (emitValue)=\"onSearch($event)\"\n          (input)=\"filterOptions()\"\n          placeholder=\"Search...\"\n          (click)=\"$event.stopPropagation()\"\n          aria-label=\"Filtrar opciones\"\n        />\n      </div>\n\n      <div *ngFor=\"let group of filteredOptions\">\n        <div class=\"c-select__group-label\">{{ group.label }}</div>\n\n        <div\n          class=\"c-select__option\"\n          *ngFor=\"let opt of group.options\"\n          [class.is-selected]=\"isSelected(opt)\"\n          (click)=\"$event.stopPropagation(); selectOption(opt)\"\n          (keydown.enter)=\"$event.stopPropagation(); selectOption(opt)\"\n          tabindex=\"0\"\n          role=\"option\"\n          [attr.aria-selected]=\"isSelected(opt)\"\n        >\n          <lib-checkbox\n            *ngIf=\"multiple\"\n            label=\"\"\n            [disabled]=\"disabled\"\n            [state]=\"isSelected(opt) ? 'checked' : 'unchecked'\"\n            class=\"c-tile__check\"\n          ></lib-checkbox>\n          <span class=\"c-select__option-label\">{{ opt.label }}</span>\n          <lib-icon\n            *ngIf=\"!multiple && !disabled && isSelected(opt)\"\n            name=\"checkcircle-regular\"\n            color=\"feedback-success-default\"\n            size=\"sm\"\n            iconBefore\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"password-input-helper\"\n    class=\"c-text-input__helper\"\n  >\n    <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n  </span>\n\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n  </span>\n</div>\n", styles: [".c-select{display:flex;flex-direction:column;gap:var(--space-component-gap-sm, .25rem);max-width:300px}.c-select--full-width{max-width:100%}.c-select__search-wrapper{padding:var(--space-container-padding-sm, 1rem)}.c-select__dropdown{position:absolute;width:100%;max-height:25rem;overflow-y:auto;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scrollbar-width:thin;scrollbar-color:var(--color-effect-overlay, rgba(0, 0, 0, .16)) transparent}.c-select__badge{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge.is-disabled{background:var(--color-action-neutral-background-disabled, rgba(255, 255, 255, 0))}.c-select__badge--more{color:var(--color-textfield-content-default, #070707);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem)}.c-select__badge--multiple{display:flex;height:1.5rem;padding-left:var(--space-component-padding-sm, .5rem);padding-right:var(--space-component-padding-sm, .5rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);border-radius:var(--size-textfield-border-radius, .5rem);background:var(--color-feedback-neutral-surface-background, #dee7e6);color:var(--color-feedback-neutral-default, #535858);text-align:center;font-family:var(--typography-label-xs-strong-family, Satoshi);font-size:var(--typography-label-xs-strong-size, .75rem);font-style:normal;font-weight:var(--typography-label-xs-strong-weight, 700);line-height:var(--typography-label-xs-strong-line-height, 1rem);letter-spacing:var(--typography-label-xs-strong-letter-spacing, 0rem)}.c-select__wrapper{position:relative}.c-select__group-label{display:flex;min-height:3rem;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);color:var(--color-core-content-soft, #535858);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option{display:flex;padding:var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);background:var(--color-action-neutral-background-default, rgba(255, 255, 255, 0));color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-default-family, Satoshi);font-size:var(--typography-label-sm-default-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-default-weight, 400);line-height:var(--typography-label-sm-default-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-default-letter-spacing, 0rem);cursor:pointer;justify-content:space-between}.c-select__option.is-selected{color:var(--color-action-neutral-content-default, #070707);font-family:var(--typography-label-sm-strong-family, Satoshi);font-size:var(--typography-label-sm-strong-size, .875rem);font-style:normal;font-weight:var(--typography-label-sm-strong-weight, 700);line-height:var(--typography-label-sm-strong-line-height, 1.25rem);letter-spacing:var(--typography-label-sm-strong-letter-spacing, 0rem)}.c-select__option:hover{background:var(--color-action-neutral-background-hover, rgba(0, 0, 0, .04))}.c-select__option-label{display:flex;justify-self:flex-start;margin:0 auto 0 0}.c-select__selection{display:flex;height:48px;box-sizing:border-box;padding:var(--space-component-padding-md, .75rem) 2.5rem var(--space-component-padding-md, .75rem) var(--space-component-padding-lg, 1rem);align-items:center;gap:var(--space-component-gap-sm, .25rem);align-self:stretch;border-radius:var(--size-textfield-border-radius, .5rem);border:var(--size-textfield-border-width, 1px) solid var(--color-textfield-border-default, #929a99);background:var(--color-textfield-background-default, #fff);color:var(--color-textfield-content-placeholder, #676d6c);font-family:var(--typography-label-md-default-family, Satoshi);font-size:var(--typography-label-md-default-size, 1rem);font-style:normal;font-weight:var(--typography-label-md-default-weight, 400);line-height:var(--typography-label-md-default-line-height, 1.5rem);letter-spacing:var(--typography-label-md-default-letter-spacing, 0rem);cursor:pointer;overflow:hidden;position:relative}.c-select__selection:focus-visible{border:var(--size-textfield-border-width) solid var(--color-textfield-border-active);outline:none}.c-select__selection--sm{height:32px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection--md{height:40px;padding:var(--space-component-padding-xs) 2rem var(--space-component-padding-xs) 2rem}.c-select__selection.is-error{border-color:var(--color-textfield-border-error)}.c-select__selection.is-success{border-color:var(--color-feedback-success-surface-border)}.c-select__selection.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-select__selection.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-select__arrow{position:absolute;right:1.5rem}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
                 type: Input
             }], multiple: [{
@@ -4710,11 +4706,11 @@ class TabsComponent {
         this.valueChange.emit(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: TabsComponent, isStandalone: true, selector: "lib-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul\n  class=\"c-tabs\"\n  [class.c-tabs--center]=\"alignment() === 'center'\"\n  role=\"tablist\"\n>\n  @for (option of options(); track option.value) {\n  <li\n    class=\"c-tabs__tab\"\n    [class.c-tabs__tab--selected]=\"option.value === selectedValue\"\n    role=\"tab\"\n    tabindex=\"0\"\n    (click)=\"onClick($event, option.value)\"\n    (keydown)=\"onClick($event, option.value)\"\n  >\n    @if (option.iconName) {\n    <lib-icon [name]=\"option.iconName\" size=\"lg\" color=\"core-content-default\" />\n    }\n    {{ option.label }}\n    @if (option.showBadge) {\n    <lib-badge />\n    }\n  </li>\n  }\n</ul>\n", styles: [".c-tabs{width:100%;height:40px;display:flex;align-items:flex-start;border-bottom:1px solid var(--color-core-border-soft);margin:0;padding:0;list-style:none;box-sizing:border-box}.c-tabs--center{justify-content:center}.c-tabs__tab{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:72px;box-sizing:border-box;color:var(--color-action-neutral-content-default);text-align:center;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);padding:var(--space-component-padding-sm) var(--space-component-padding-md);background:var(--color-action-primary-background-default);gap:var(--space-component-gap-sm);margin:0;list-style:none}.c-tabs__tab:hover{color:var(--color-action-neutral-content-hover);background:var(--color-action-neutral-background-hover)}.c-tabs__tab:active{color:var(--color-action-neutral-content-pressed);background-color:var(--color-action-neutral-background-pressed)}.c-tabs__tab:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-tabs__tab--selected{position:relative;color:var(--color-core-content-default);font-family:var(--typography-label-md-strong-family);font-size:var(--typography-label-md-strong-size);font-style:normal;font-weight:var(--typography-label-md-strong-weight);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-tabs__tab--selected:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background:var(--color-action-primary-selected-background-default)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: BadgeComponent, selector: "lib-badge", inputs: ["extraClass", "text", "showText", "strokeEnabled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: TabsComponent, isStandalone: true, selector: "lib-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<ul\n  class=\"c-tabs\"\n  [class.c-tabs--center]=\"alignment() === 'center'\"\n  role=\"tablist\"\n>\n  @for (option of options(); track option.value) {\n  <li\n    class=\"c-tabs__tab\"\n    [class.c-tabs__tab--selected]=\"option.value === selectedValue\"\n    role=\"tab\"\n    tabindex=\"0\"\n    (click)=\"onClick($event, option.value)\"\n    (keydown)=\"onClick($event, option.value)\"\n  >\n    @if (option.iconName) {\n    <lib-icon [name]=\"option.iconName\" size=\"lg\" color=\"core-content-default\" />\n    }\n    {{ option.label }}\n    @if (option.showBadge) {\n    <lib-badge />\n    }\n  </li>\n  }\n</ul>\n", styles: [".c-tabs{width:100%;height:40px;display:flex;align-items:flex-start;border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft);margin:0;padding:0;list-style:none;box-sizing:border-box}.c-tabs--center{justify-content:center}.c-tabs__tab{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:72px;box-sizing:border-box;color:var(--color-action-neutral-content-default);text-align:center;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);padding:var(--space-component-padding-sm) var(--space-component-padding-md);background:var(--color-action-primary-background-default);gap:var(--space-component-gap-sm);margin:0;list-style:none}.c-tabs__tab:hover{color:var(--color-action-neutral-content-hover);background:var(--color-action-neutral-background-hover)}.c-tabs__tab:active{color:var(--color-action-neutral-content-pressed);background-color:var(--color-action-neutral-background-pressed)}.c-tabs__tab:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-tabs__tab--selected{position:relative;color:var(--color-core-content-default);font-family:var(--typography-label-md-strong-family);font-size:var(--typography-label-md-strong-size);font-style:normal;font-weight:var(--typography-label-md-strong-weight);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-tabs__tab--selected:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background:var(--color-action-primary-selected-background-default)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: BadgeComponent, selector: "lib-badge", inputs: ["extraClass", "text", "showText", "strokeEnabled"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-tabs', standalone: true, imports: [IconComponent, BadgeComponent], template: "<ul\n  class=\"c-tabs\"\n  [class.c-tabs--center]=\"alignment() === 'center'\"\n  role=\"tablist\"\n>\n  @for (option of options(); track option.value) {\n  <li\n    class=\"c-tabs__tab\"\n    [class.c-tabs__tab--selected]=\"option.value === selectedValue\"\n    role=\"tab\"\n    tabindex=\"0\"\n    (click)=\"onClick($event, option.value)\"\n    (keydown)=\"onClick($event, option.value)\"\n  >\n    @if (option.iconName) {\n    <lib-icon [name]=\"option.iconName\" size=\"lg\" color=\"core-content-default\" />\n    }\n    {{ option.label }}\n    @if (option.showBadge) {\n    <lib-badge />\n    }\n  </li>\n  }\n</ul>\n", styles: [".c-tabs{width:100%;height:40px;display:flex;align-items:flex-start;border-bottom:1px solid var(--color-core-border-soft);margin:0;padding:0;list-style:none;box-sizing:border-box}.c-tabs--center{justify-content:center}.c-tabs__tab{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:72px;box-sizing:border-box;color:var(--color-action-neutral-content-default);text-align:center;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);padding:var(--space-component-padding-sm) var(--space-component-padding-md);background:var(--color-action-primary-background-default);gap:var(--space-component-gap-sm);margin:0;list-style:none}.c-tabs__tab:hover{color:var(--color-action-neutral-content-hover);background:var(--color-action-neutral-background-hover)}.c-tabs__tab:active{color:var(--color-action-neutral-content-pressed);background-color:var(--color-action-neutral-background-pressed)}.c-tabs__tab:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-tabs__tab--selected{position:relative;color:var(--color-core-content-default);font-family:var(--typography-label-md-strong-family);font-size:var(--typography-label-md-strong-size);font-style:normal;font-weight:var(--typography-label-md-strong-weight);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-tabs__tab--selected:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background:var(--color-action-primary-selected-background-default)}\n"] }]
+            args: [{ selector: 'lib-tabs', standalone: true, imports: [IconComponent, BadgeComponent], template: "<ul\n  class=\"c-tabs\"\n  [class.c-tabs--center]=\"alignment() === 'center'\"\n  role=\"tablist\"\n>\n  @for (option of options(); track option.value) {\n  <li\n    class=\"c-tabs__tab\"\n    [class.c-tabs__tab--selected]=\"option.value === selectedValue\"\n    role=\"tab\"\n    tabindex=\"0\"\n    (click)=\"onClick($event, option.value)\"\n    (keydown)=\"onClick($event, option.value)\"\n  >\n    @if (option.iconName) {\n    <lib-icon [name]=\"option.iconName\" size=\"lg\" color=\"core-content-default\" />\n    }\n    {{ option.label }}\n    @if (option.showBadge) {\n    <lib-badge />\n    }\n  </li>\n  }\n</ul>\n", styles: [".c-tabs{width:100%;height:40px;display:flex;align-items:flex-start;border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft);margin:0;padding:0;list-style:none;box-sizing:border-box}.c-tabs--center{justify-content:center}.c-tabs__tab{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:72px;box-sizing:border-box;color:var(--color-action-neutral-content-default);text-align:center;font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);padding:var(--space-component-padding-sm) var(--space-component-padding-md);background:var(--color-action-primary-background-default);gap:var(--space-component-gap-sm);margin:0;list-style:none}.c-tabs__tab:hover{color:var(--color-action-neutral-content-hover);background:var(--color-action-neutral-background-hover)}.c-tabs__tab:active{color:var(--color-action-neutral-content-pressed);background-color:var(--color-action-neutral-background-pressed)}.c-tabs__tab:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-tabs__tab--selected{position:relative;color:var(--color-core-content-default);font-family:var(--typography-label-md-strong-family);font-size:var(--typography-label-md-strong-size);font-style:normal;font-weight:var(--typography-label-md-strong-weight);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing)}.c-tabs__tab--selected:before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background:var(--color-action-primary-selected-background-default)}\n"] }]
         }] });
 
 class TagComponent {
@@ -4805,7 +4801,7 @@ class TextInputComponent {
                 useExisting: forwardRef(() => TextInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [for]=\"name\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <input\n    [attr.autocomplete]=\"autocomplete\"\n    [id]=\"name\"\n    [name]=\"name\"\n    [type]=\"type\"\n    [class]=\"inputClass.join(' ')\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [value]=\"_value\"\n    [required]=\"required\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-label]=\"name\"\n    [attr.aria-labelledby]=\"name\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"text-input-helper\"\n    class=\"c-text-input__helper\"\n    [class]=\"helperClass\"\n  >\n    {{ helperText }}\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-icon\n      name=\"warning-regular\"\n      color=\"feedback-danger-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ alertText }}\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-icon\n      name=\"checkcircle-regular\"\n      color=\"feedback-success-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ successText }}\n  </span>\n</div>\n", styles: [".c-text-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
+        ], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [for]=\"name\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <input\n    [attr.autocomplete]=\"autocomplete\"\n    [id]=\"name\"\n    [name]=\"name\"\n    [type]=\"type\"\n    [class]=\"inputClass.join(' ')\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [value]=\"_value\"\n    [required]=\"required\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-label]=\"name\"\n    [attr.aria-labelledby]=\"name\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"text-input-helper\"\n    class=\"c-text-input__helper\"\n    [class]=\"helperClass\"\n  >\n    {{ helperText }}\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-icon\n      name=\"warning-regular\"\n      color=\"feedback-danger-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ alertText }}\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-icon\n      name=\"checkcircle-regular\"\n      color=\"feedback-success-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ successText }}\n  </span>\n</div>\n", styles: [".c-text-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
@@ -4820,7 +4816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                             useExisting: forwardRef(() => TextInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [for]=\"name\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <input\n    [attr.autocomplete]=\"autocomplete\"\n    [id]=\"name\"\n    [name]=\"name\"\n    [type]=\"type\"\n    [class]=\"inputClass.join(' ')\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [value]=\"_value\"\n    [required]=\"required\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-label]=\"name\"\n    [attr.aria-labelledby]=\"name\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"text-input-helper\"\n    class=\"c-text-input__helper\"\n    [class]=\"helperClass\"\n  >\n    {{ helperText }}\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-icon\n      name=\"warning-regular\"\n      color=\"feedback-danger-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ alertText }}\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-icon\n      name=\"checkcircle-regular\"\n      color=\"feedback-success-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ successText }}\n  </span>\n</div>\n", styles: [".c-text-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{padding:var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}\n"] }]
+                    ], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n  <lib-input-label\n    *ngIf=\"label\"\n    [required]=\"required\"\n    [for]=\"name\"\n    [text]=\"label\"\n  ></lib-input-label>\n\n  <input\n    [attr.autocomplete]=\"autocomplete\"\n    [id]=\"name\"\n    [name]=\"name\"\n    [type]=\"type\"\n    [class]=\"inputClass.join(' ')\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [value]=\"_value\"\n    [required]=\"required\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-label]=\"name\"\n    [attr.aria-labelledby]=\"name\"\n    (input)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n  />\n\n  <span\n    *ngIf=\"helperText && !error && !success\"\n    id=\"text-input-helper\"\n    class=\"c-text-input__helper\"\n    [class]=\"helperClass\"\n  >\n    {{ helperText }}\n  </span>\n  <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n    <lib-icon\n      name=\"warning-regular\"\n      color=\"feedback-danger-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ alertText }}\n  </span>\n  <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n    <lib-icon\n      name=\"checkcircle-regular\"\n      color=\"feedback-success-default\"\n      size=\"md\"\n    ></lib-icon\n    >{{ successText }}\n  </span>\n</div>\n", styles: [".c-text-input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-lg);align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-sm)}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-md)}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], name: [{
@@ -4965,11 +4961,11 @@ class ThumbnailComponent {
     src = '';
     alt = '';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: ThumbnailComponent, isStandalone: true, selector: "lib-thumbnail", inputs: { size: "size", src: "src", alt: "alt" }, ngImport: i0, template: "<figure [ngClass]=\"['c-thumbnail','c-thumbnail__' + size, !src ? 'c-thumbnail--no-img' : '']\">\n    <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" class=\"c-thumbnail__img\" />\n    <lib-icon name=\"imagesquare-regular\" *ngIf=\"!src\" [size]=\"size === 'xl' ? 'lg' : size\"/>\n</figure>\n", styles: [".c-thumbnail{display:flex;align-items:center;justify-content:center;border-radius:var(--size-border-radius-md);overflow:hidden}.c-thumbnail__img{width:100%;height:100%;object-fit:cover;object-position:center}.c-thumbnail--no-img{border:1px solid var(--color-core-border-soft);background:var(--color-core-background-default)}.c-thumbnail__xl{width:5rem;height:5rem}.c-thumbnail__lg{width:3.75rem;height:3.75rem}.c-thumbnail__md{width:2.5rem;height:2.5rem}.c-thumbnail__sm{width:1.5rem;height:1.5rem;border-radius:var(--size-border-radius-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: ThumbnailComponent, isStandalone: true, selector: "lib-thumbnail", inputs: { size: "size", src: "src", alt: "alt" }, ngImport: i0, template: "<figure [ngClass]=\"['c-thumbnail','c-thumbnail__' + size, !src ? 'c-thumbnail--no-img' : '']\">\n    <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" class=\"c-thumbnail__img\" />\n    <lib-icon name=\"imagesquare-regular\" *ngIf=\"!src\" [size]=\"size === 'xl' ? 'lg' : size\"/>\n</figure>\n", styles: [".c-thumbnail{display:flex;align-items:center;justify-content:center;border-radius:var(--size-border-radius-lg);overflow:hidden;margin:0}.c-thumbnail__img{width:100%;height:100%;object-fit:cover;object-position:center}.c-thumbnail--no-img{border:var(--size-border-width-sm) solid var(--color-core-border-soft);background:var(--color-core-background-default)}.c-thumbnail__xl{width:5rem;height:5rem}.c-thumbnail__lg{width:3.75rem;height:3.75rem}.c-thumbnail__md{width:2.5rem;height:2.5rem}.c-thumbnail__sm{width:1.5rem;height:1.5rem;border-radius:var(--size-border-radius-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ThumbnailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-thumbnail', imports: [CommonModule, IconComponent], template: "<figure [ngClass]=\"['c-thumbnail','c-thumbnail__' + size, !src ? 'c-thumbnail--no-img' : '']\">\n    <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" class=\"c-thumbnail__img\" />\n    <lib-icon name=\"imagesquare-regular\" *ngIf=\"!src\" [size]=\"size === 'xl' ? 'lg' : size\"/>\n</figure>\n", styles: [".c-thumbnail{display:flex;align-items:center;justify-content:center;border-radius:var(--size-border-radius-md);overflow:hidden}.c-thumbnail__img{width:100%;height:100%;object-fit:cover;object-position:center}.c-thumbnail--no-img{border:1px solid var(--color-core-border-soft);background:var(--color-core-background-default)}.c-thumbnail__xl{width:5rem;height:5rem}.c-thumbnail__lg{width:3.75rem;height:3.75rem}.c-thumbnail__md{width:2.5rem;height:2.5rem}.c-thumbnail__sm{width:1.5rem;height:1.5rem;border-radius:var(--size-border-radius-sm)}\n"] }]
+            args: [{ selector: 'lib-thumbnail', imports: [CommonModule, IconComponent], template: "<figure [ngClass]=\"['c-thumbnail','c-thumbnail__' + size, !src ? 'c-thumbnail--no-img' : '']\">\n    <img *ngIf=\"src\" [src]=\"src\" [alt]=\"alt\" class=\"c-thumbnail__img\" />\n    <lib-icon name=\"imagesquare-regular\" *ngIf=\"!src\" [size]=\"size === 'xl' ? 'lg' : size\"/>\n</figure>\n", styles: [".c-thumbnail{display:flex;align-items:center;justify-content:center;border-radius:var(--size-border-radius-lg);overflow:hidden;margin:0}.c-thumbnail__img{width:100%;height:100%;object-fit:cover;object-position:center}.c-thumbnail--no-img{border:var(--size-border-width-sm) solid var(--color-core-border-soft);background:var(--color-core-background-default)}.c-thumbnail__xl{width:5rem;height:5rem}.c-thumbnail__lg{width:3.75rem;height:3.75rem}.c-thumbnail__md{width:2.5rem;height:2.5rem}.c-thumbnail__sm{width:1.5rem;height:1.5rem;border-radius:var(--size-border-radius-sm)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], src: [{