@proximus/lavender-angular 1.4.12-beta.1 → 1.4.13-alpha.1

package/fesm2022/proximus-lavender-angular.mjs

@@ -5164,9 +5164,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-card>
+ * @description Type-only wrapper for <px-button-icon>
  */
-class PxCard {
+class PxButtonIcon {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -5174,83 +5174,57 @@ class PxCard {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
-    }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
-    }
-    set backgroundSize(value) {
-        this.elementRef.nativeElement['backgroundSize'] = value;
-    }
-    get backgroundSize() {
-        return this.elementRef.nativeElement['backgroundSize'];
-    }
-    set backgroundPosition(value) {
-        this.elementRef.nativeElement['backgroundPosition'] = value;
-    }
-    get backgroundPosition() {
-        return this.elementRef.nativeElement['backgroundPosition'];
-    }
-    set contrastHelperGradient(value) {
-        this.elementRef.nativeElement['contrastHelperGradient'] = value;
-    }
-    get contrastHelperGradient() {
-        return this.elementRef.nativeElement['contrastHelperGradient'];
-    }
-    set contrastHelperOverlay(value) {
-        this.elementRef.nativeElement['contrastHelperOverlay'] = value;
-    }
-    get contrastHelperOverlay() {
-        return this.elementRef.nativeElement['contrastHelperOverlay'];
-    }
-    set mediaPosition(value) {
-        this.elementRef.nativeElement['mediaPosition'] = value;
+    set loading(value) {
+        this.elementRef.nativeElement['loading'] = value;
     }
-    get mediaPosition() {
-        return this.elementRef.nativeElement['mediaPosition'];
+    get loading() {
+        return this.elementRef.nativeElement['loading'];
     }
-    set mediaPositionMobile(value) {
-        this.elementRef.nativeElement['mediaPositionMobile'] = value;
+    set size(value) {
+        this.elementRef.nativeElement['size'] = value;
     }
-    get mediaPositionMobile() {
-        return this.elementRef.nativeElement['mediaPositionMobile'];
+    get size() {
+        return this.elementRef.nativeElement['size'];
     }
-    set mediaPositionTablet(value) {
-        this.elementRef.nativeElement['mediaPositionTablet'] = value;
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
     }
-    get mediaPositionTablet() {
-        return this.elementRef.nativeElement['mediaPositionTablet'];
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
     }
-    set mediaPositionLaptop(value) {
-        this.elementRef.nativeElement['mediaPositionLaptop'] = value;
+    set ariaExpanded(value) {
+        this.elementRef.nativeElement['ariaExpanded'] = value;
     }
-    get mediaPositionLaptop() {
-        return this.elementRef.nativeElement['mediaPositionLaptop'];
+    get ariaExpanded() {
+        return this.elementRef.nativeElement['ariaExpanded'];
     }
-    set mediaSrc(value) {
-        this.elementRef.nativeElement['mediaSrc'] = value;
+    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
     }
-    get mediaSrc() {
-        return this.elementRef.nativeElement['mediaSrc'];
+    get name() {
+        return this.elementRef.nativeElement['name'];
     }
-    set mediaSrcMobile(value) {
-        this.elementRef.nativeElement['mediaSrcMobile'] = value;
+    /** The value associated with the button's name when it's submitted with a form. */
+    set value(value) {
+        this.elementRef.nativeElement['value'] = value;
     }
-    get mediaSrcMobile() {
-        return this.elementRef.nativeElement['mediaSrcMobile'];
+    get value() {
+        return this.elementRef.nativeElement['value'];
     }
-    set mediaSrcTablet(value) {
-        this.elementRef.nativeElement['mediaSrcTablet'] = value;
+    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
+    set type(value) {
+        this.elementRef.nativeElement['type'] = value;
     }
-    get mediaSrcTablet() {
-        return this.elementRef.nativeElement['mediaSrcTablet'];
+    get type() {
+        return this.elementRef.nativeElement['type'];
     }
-    set mediaSrcLaptop(value) {
-        this.elementRef.nativeElement['mediaSrcLaptop'] = value;
+    /** Whether the button is disabled. */
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
     }
-    get mediaSrcLaptop() {
-        return this.elementRef.nativeElement['mediaSrcLaptop'];
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -5567,55 +5541,33 @@ class PxCard {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCard, selector: "px-card", inputs: { inverted: "inverted", backgroundColor: ["background-color", "backgroundColor"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], mediaPosition: ["media-position", "mediaPosition"], mediaPositionMobile: ["media-position--mobile", "mediaPositionMobile"], mediaPositionTablet: ["media-position--tablet", "mediaPositionTablet"], mediaPositionLaptop: ["media-position--laptop", "mediaPositionLaptop"], mediaSrc: ["media-src", "mediaSrc"], mediaSrcMobile: ["media-src--mobile", "mediaSrcMobile"], mediaSrcTablet: ["media-src--tablet", "mediaSrcTablet"], mediaSrcLaptop: ["media-src--laptop", "mediaSrcLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonIcon, selector: "px-button-icon", inputs: { inverted: "inverted", loading: "loading", size: "size", variant: "variant", ariaExpanded: ["aria-expanded", "ariaExpanded"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-card',
+                    selector: 'px-button-icon',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
-            }], backgroundColor: [{
-                type: Input,
-                args: ['background-color']
-            }], backgroundSize: [{
-                type: Input,
-                args: ['background-size']
-            }], backgroundPosition: [{
-                type: Input,
-                args: ['background-position']
-            }], contrastHelperGradient: [{
-                type: Input,
-                args: ['contrast-helper-gradient']
-            }], contrastHelperOverlay: [{
-                type: Input,
-                args: ['contrast-helper-overlay']
-            }], mediaPosition: [{
-                type: Input,
-                args: ['media-position']
-            }], mediaPositionMobile: [{
-                type: Input,
-                args: ['media-position--mobile']
-            }], mediaPositionTablet: [{
-                type: Input,
-                args: ['media-position--tablet']
-            }], mediaPositionLaptop: [{
-                type: Input,
-                args: ['media-position--laptop']
-            }], mediaSrc: [{
-                type: Input,
-                args: ['media-src']
-            }], mediaSrcMobile: [{
-                type: Input,
-                args: ['media-src--mobile']
-            }], mediaSrcTablet: [{
-                type: Input,
-                args: ['media-src--tablet']
-            }], mediaSrcLaptop: [{
+            }], loading: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], ariaExpanded: [{
                 type: Input,
-                args: ['media-src--laptop']
+                args: ['aria-expanded']
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -5769,82 +5721,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-appleseed>
- */
-class PxAppleseed {
-    elementRef;
-    set amount(value) {
-        this.elementRef.nativeElement['amount'] = value;
-    }
-    get amount() {
-        return this.elementRef.nativeElement['amount'];
-    }
-    set active(value) {
-        this.elementRef.nativeElement['active'] = value;
-    }
-    get active() {
-        return this.elementRef.nativeElement['active'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-appleseed',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }] } });
-/**
- * @description Type-only wrapper for <px-carousel>
- */
-class PxCarousel {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-carousel',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-/**
- * @description Type-only wrapper for <px-carousel-item>
- */
-class PxCarouselItem {
-    elementRef;
-    CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
-            this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-carousel-item',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
-                type: Output
-            }] } });
-/**
- * @description Type-only wrapper for <px-cell>
+ * @description Type-only wrapper for <px-card>
  */
-class PxCell {
+class PxCard {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -5852,89 +5731,83 @@ class PxCell {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
-    }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
-    }
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
     }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
     }
-    set separator(value) {
-        this.elementRef.nativeElement['separator'] = value;
+    set backgroundSize(value) {
+        this.elementRef.nativeElement['backgroundSize'] = value;
     }
-    get separator() {
-        return this.elementRef.nativeElement['separator'];
+    get backgroundSize() {
+        return this.elementRef.nativeElement['backgroundSize'];
     }
-    set separatorMobile(value) {
-        this.elementRef.nativeElement['separatorMobile'] = value;
+    set backgroundPosition(value) {
+        this.elementRef.nativeElement['backgroundPosition'] = value;
     }
-    get separatorMobile() {
-        return this.elementRef.nativeElement['separatorMobile'];
+    get backgroundPosition() {
+        return this.elementRef.nativeElement['backgroundPosition'];
     }
-    set separatorTablet(value) {
-        this.elementRef.nativeElement['separatorTablet'] = value;
+    set contrastHelperGradient(value) {
+        this.elementRef.nativeElement['contrastHelperGradient'] = value;
     }
-    get separatorTablet() {
-        return this.elementRef.nativeElement['separatorTablet'];
+    get contrastHelperGradient() {
+        return this.elementRef.nativeElement['contrastHelperGradient'];
     }
-    set separatorLaptop(value) {
-        this.elementRef.nativeElement['separatorLaptop'] = value;
+    set contrastHelperOverlay(value) {
+        this.elementRef.nativeElement['contrastHelperOverlay'] = value;
     }
-    get separatorLaptop() {
-        return this.elementRef.nativeElement['separatorLaptop'];
+    get contrastHelperOverlay() {
+        return this.elementRef.nativeElement['contrastHelperOverlay'];
     }
-    set separatorDesktop(value) {
-        this.elementRef.nativeElement['separatorDesktop'] = value;
+    set mediaPosition(value) {
+        this.elementRef.nativeElement['mediaPosition'] = value;
     }
-    get separatorDesktop() {
-        return this.elementRef.nativeElement['separatorDesktop'];
+    get mediaPosition() {
+        return this.elementRef.nativeElement['mediaPosition'];
     }
-    set radius(value) {
-        this.elementRef.nativeElement['radius'] = value;
+    set mediaPositionMobile(value) {
+        this.elementRef.nativeElement['mediaPositionMobile'] = value;
     }
-    get radius() {
-        return this.elementRef.nativeElement['radius'];
+    get mediaPositionMobile() {
+        return this.elementRef.nativeElement['mediaPositionMobile'];
     }
-    set radiusMobile(value) {
-        this.elementRef.nativeElement['radiusMobile'] = value;
+    set mediaPositionTablet(value) {
+        this.elementRef.nativeElement['mediaPositionTablet'] = value;
     }
-    get radiusMobile() {
-        return this.elementRef.nativeElement['radiusMobile'];
+    get mediaPositionTablet() {
+        return this.elementRef.nativeElement['mediaPositionTablet'];
     }
-    set radiusTablet(value) {
-        this.elementRef.nativeElement['radiusTablet'] = value;
+    set mediaPositionLaptop(value) {
+        this.elementRef.nativeElement['mediaPositionLaptop'] = value;
     }
-    get radiusTablet() {
-        return this.elementRef.nativeElement['radiusTablet'];
+    get mediaPositionLaptop() {
+        return this.elementRef.nativeElement['mediaPositionLaptop'];
     }
-    set radiusLaptop(value) {
-        this.elementRef.nativeElement['radiusLaptop'] = value;
+    set mediaSrc(value) {
+        this.elementRef.nativeElement['mediaSrc'] = value;
     }
-    get radiusLaptop() {
-        return this.elementRef.nativeElement['radiusLaptop'];
+    get mediaSrc() {
+        return this.elementRef.nativeElement['mediaSrc'];
     }
-    set radiusDesktop(value) {
-        this.elementRef.nativeElement['radiusDesktop'] = value;
+    set mediaSrcMobile(value) {
+        this.elementRef.nativeElement['mediaSrcMobile'] = value;
     }
-    get radiusDesktop() {
-        return this.elementRef.nativeElement['radiusDesktop'];
+    get mediaSrcMobile() {
+        return this.elementRef.nativeElement['mediaSrcMobile'];
     }
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
+    set mediaSrcTablet(value) {
+        this.elementRef.nativeElement['mediaSrcTablet'] = value;
     }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
+    get mediaSrcTablet() {
+        return this.elementRef.nativeElement['mediaSrcTablet'];
     }
-    set compact(value) {
-        this.elementRef.nativeElement['compact'] = value;
+    set mediaSrcLaptop(value) {
+        this.elementRef.nativeElement['mediaSrcLaptop'] = value;
     }
-    get compact() {
-        return this.elementRef.nativeElement['compact'];
+    get mediaSrcLaptop() {
+        return this.elementRef.nativeElement['mediaSrcLaptop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -6251,53 +6124,55 @@ class PxCell {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCard, selector: "px-card", inputs: { inverted: "inverted", backgroundColor: ["background-color", "backgroundColor"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], mediaPosition: ["media-position", "mediaPosition"], mediaPositionMobile: ["media-position--mobile", "mediaPositionMobile"], mediaPositionTablet: ["media-position--tablet", "mediaPositionTablet"], mediaPositionLaptop: ["media-position--laptop", "mediaPositionLaptop"], mediaSrc: ["media-src", "mediaSrc"], mediaSrcMobile: ["media-src--mobile", "mediaSrcMobile"], mediaSrcTablet: ["media-src--tablet", "mediaSrcTablet"], mediaSrcLaptop: ["media-src--laptop", "mediaSrcLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCard, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell',
+                    selector: 'px-card',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
-            }], variant: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], separator: [{
-                type: Input
-            }], separatorMobile: [{
+            }], backgroundColor: [{
                 type: Input,
-                args: ['separator--mobile']
-            }], separatorTablet: [{
+                args: ['background-color']
+            }], backgroundSize: [{
                 type: Input,
-                args: ['separator--tablet']
-            }], separatorLaptop: [{
+                args: ['background-size']
+            }], backgroundPosition: [{
                 type: Input,
-                args: ['separator--laptop']
-            }], separatorDesktop: [{
+                args: ['background-position']
+            }], contrastHelperGradient: [{
                 type: Input,
-                args: ['separator--desktop']
-            }], radius: [{
-                type: Input
-            }], radiusMobile: [{
+                args: ['contrast-helper-gradient']
+            }], contrastHelperOverlay: [{
                 type: Input,
-                args: ['radius--mobile']
-            }], radiusTablet: [{
+                args: ['contrast-helper-overlay']
+            }], mediaPosition: [{
                 type: Input,
-                args: ['radius--tablet']
-            }], radiusLaptop: [{
+                args: ['media-position']
+            }], mediaPositionMobile: [{
                 type: Input,
-                args: ['radius--laptop']
-            }], radiusDesktop: [{
+                args: ['media-position--mobile']
+            }], mediaPositionTablet: [{
                 type: Input,
-                args: ['radius--desktop']
-            }], backgroundColor: [{
+                args: ['media-position--tablet']
+            }], mediaPositionLaptop: [{
                 type: Input,
-                args: ['background-color']
-            }], compact: [{
-                type: Input
+                args: ['media-position--laptop']
+            }], mediaSrc: [{
+                type: Input,
+                args: ['media-src']
+            }], mediaSrcMobile: [{
+                type: Input,
+                args: ['media-src--mobile']
+            }], mediaSrcTablet: [{
+                type: Input,
+                args: ['media-src--tablet']
+            }], mediaSrcLaptop: [{
+                type: Input,
+                args: ['media-src--laptop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -6451,9 +6326,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-cell-button>
+ * @description Type-only wrapper for <px-appleseed>
  */
-class PxCellButton {
+class PxAppleseed {
+    elementRef;
+    set amount(value) {
+        this.elementRef.nativeElement['amount'] = value;
+    }
+    get amount() {
+        return this.elementRef.nativeElement['amount'];
+    }
+    set active(value) {
+        this.elementRef.nativeElement['active'] = value;
+    }
+    get active() {
+        return this.elementRef.nativeElement['active'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxAppleseed, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxAppleseed, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-appleseed',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { amount: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }] } });
+/**
+ * @description Type-only wrapper for <px-carousel>
+ */
+class PxCarousel {
+    elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarousel, selector: "px-carousel", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarousel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-carousel',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-carousel-item>
+ */
+class PxCarouselItem {
+    elementRef;
+    CAROUSEL_ITEM_CONNECTED_EVENT = new EventEmitter();
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('CAROUSEL_ITEM_CONNECTED_EVENT', (e) => {
+            this.CAROUSEL_ITEM_CONNECTED_EVENT.emit(e.detail);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCarouselItem, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCarouselItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-carousel-item',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
+                type: Output
+            }] } });
+/**
+ * @description Type-only wrapper for <px-cell>
+ */
+class PxCell {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -6467,7 +6415,6 @@ class PxCellButton {
     get variant() {
         return this.elementRef.nativeElement['variant'];
     }
-    /** Whether the button is disabled. */
     set disabled(value) {
         this.elementRef.nativeElement['disabled'] = value;
     }
@@ -6546,27 +6493,6 @@ class PxCellButton {
     get compact() {
         return this.elementRef.nativeElement['compact'];
     }
-    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    /** The value associated with the button's name when it's submitted with a form. */
-    set value(value) {
-        this.elementRef.nativeElement['value'] = value;
-    }
-    get value() {
-        return this.elementRef.nativeElement['value'];
-    }
-    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
-    set type(value) {
-        this.elementRef.nativeElement['type'] = value;
-    }
-    get type() {
-        return this.elementRef.nativeElement['type'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -6882,13 +6808,13 @@ class PxCellButton {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", name: "name", value: "value", type: "type", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCell, selector: "px-cell", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCell, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell-button',
+                    selector: 'px-cell',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
@@ -6929,12 +6855,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['background-color']
             }], compact: [{
                 type: Input
-            }], name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], type: [{
-                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -7088,9 +7008,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-cell-checkbox>
+ * @description Type-only wrapper for <px-cell-button>
  */
-class PxCellCheckbox {
+class PxCellButton {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -7104,6 +7024,7 @@ class PxCellCheckbox {
     get variant() {
         return this.elementRef.nativeElement['variant'];
     }
+    /** Whether the button is disabled. */
     set disabled(value) {
         this.elementRef.nativeElement['disabled'] = value;
     }
@@ -7170,47 +7091,38 @@ class PxCellCheckbox {
     get radiusDesktop() {
         return this.elementRef.nativeElement['radiusDesktop'];
     }
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
+    }
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
+    }
+    set compact(value) {
+        this.elementRef.nativeElement['compact'] = value;
+    }
+    get compact() {
+        return this.elementRef.nativeElement['compact'];
+    }
+    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
     set name(value) {
         this.elementRef.nativeElement['name'] = value;
     }
     get name() {
         return this.elementRef.nativeElement['name'];
     }
+    /** The value associated with the button's name when it's submitted with a form. */
     set value(value) {
         this.elementRef.nativeElement['value'] = value;
     }
     get value() {
         return this.elementRef.nativeElement['value'];
     }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
-    set checked(value) {
-        this.elementRef.nativeElement['checked'] = value;
-    }
-    get checked() {
-        return this.elementRef.nativeElement['checked'];
-    }
-    set checkboxPosition(value) {
-        this.elementRef.nativeElement['checkboxPosition'] = value;
-    }
-    get checkboxPosition() {
-        return this.elementRef.nativeElement['checkboxPosition'];
-    }
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
-    }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
-    }
-    set compact(value) {
-        this.elementRef.nativeElement['compact'] = value;
+    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
+    set type(value) {
+        this.elementRef.nativeElement['type'] = value;
     }
-    get compact() {
-        return this.elementRef.nativeElement['compact'];
+    get type() {
+        return this.elementRef.nativeElement['type'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -7524,20 +7436,16 @@ class PxCellCheckbox {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
-    change = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('change', (e) => {
-            this.change.emit(e.detail);
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellButton, selector: "px-cell-button", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", name: "name", value: "value", type: "type", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellButton, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell-checkbox',
+                    selector: 'px-cell-button',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
@@ -7573,22 +7481,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], radiusDesktop: [{
                 type: Input,
                 args: ['radius--desktop']
-            }], name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], checkboxPosition: [{
-                type: Input,
-                args: ['checkbox-position']
             }], backgroundColor: [{
                 type: Input,
                 args: ['background-color']
             }], compact: [{
                 type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -7740,13 +7643,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
-            }], change: [{
-                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-cell-link>
+ * @description Type-only wrapper for <px-cell-checkbox>
  */
-class PxCellLink {
+class PxCellCheckbox {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -7826,11 +7727,35 @@ class PxCellLink {
     get radiusDesktop() {
         return this.elementRef.nativeElement['radiusDesktop'];
     }
-    set targetBlankAriaLabel(value) {
-        this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
     }
-    get targetBlankAriaLabel() {
-        return this.elementRef.nativeElement['targetBlankAriaLabel'];
+    get name() {
+        return this.elementRef.nativeElement['name'];
+    }
+    set value(value) {
+        this.elementRef.nativeElement['value'] = value;
+    }
+    get value() {
+        return this.elementRef.nativeElement['value'];
+    }
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
+    }
+    set checked(value) {
+        this.elementRef.nativeElement['checked'] = value;
+    }
+    get checked() {
+        return this.elementRef.nativeElement['checked'];
+    }
+    set checkboxPosition(value) {
+        this.elementRef.nativeElement['checkboxPosition'] = value;
+    }
+    get checkboxPosition() {
+        return this.elementRef.nativeElement['checkboxPosition'];
     }
     set backgroundColor(value) {
         this.elementRef.nativeElement['backgroundColor'] = value;
@@ -7838,12 +7763,6 @@ class PxCellLink {
     get backgroundColor() {
         return this.elementRef.nativeElement['backgroundColor'];
     }
-    set noicon(value) {
-        this.elementRef.nativeElement['noicon'] = value;
-    }
-    get noicon() {
-        return this.elementRef.nativeElement['noicon'];
-    }
     set compact(value) {
         this.elementRef.nativeElement['compact'] = value;
     }
@@ -8162,16 +8081,20 @@ class PxCellLink {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
+    change = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('change', (e) => {
+            this.change.emit(e.detail);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellCheckbox, selector: "px-cell-checkbox", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", checkboxPosition: ["checkbox-position", "checkboxPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellCheckbox, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell-link',
+                    selector: 'px-cell-checkbox',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
@@ -8207,14 +8130,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], radiusDesktop: [{
                 type: Input,
                 args: ['radius--desktop']
-            }], targetBlankAriaLabel: [{
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], checkboxPosition: [{
                 type: Input,
-                args: ['target-blank-aria-label']
+                args: ['checkbox-position']
             }], backgroundColor: [{
                 type: Input,
                 args: ['background-color']
-            }], noicon: [{
-                type: Input
             }], compact: [{
                 type: Input
             }], grow: [{
@@ -8368,11 +8297,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
+            }], change: [{
+                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-cell-radio>
+ * @description Type-only wrapper for <px-cell-link>
  */
-class PxCellRadio {
+class PxCellLink {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -8452,35 +8383,11 @@ class PxCellRadio {
     get radiusDesktop() {
         return this.elementRef.nativeElement['radiusDesktop'];
     }
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    set value(value) {
-        this.elementRef.nativeElement['value'] = value;
-    }
-    get value() {
-        return this.elementRef.nativeElement['value'];
-    }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
-    set checked(value) {
-        this.elementRef.nativeElement['checked'] = value;
-    }
-    get checked() {
-        return this.elementRef.nativeElement['checked'];
-    }
-    set radioPosition(value) {
-        this.elementRef.nativeElement['radioPosition'] = value;
+    set targetBlankAriaLabel(value) {
+        this.elementRef.nativeElement['targetBlankAriaLabel'] = value;
     }
-    get radioPosition() {
-        return this.elementRef.nativeElement['radioPosition'];
+    get targetBlankAriaLabel() {
+        return this.elementRef.nativeElement['targetBlankAriaLabel'];
     }
     set backgroundColor(value) {
         this.elementRef.nativeElement['backgroundColor'] = value;
@@ -8488,6 +8395,12 @@ class PxCellRadio {
     get backgroundColor() {
         return this.elementRef.nativeElement['backgroundColor'];
     }
+    set noicon(value) {
+        this.elementRef.nativeElement['noicon'] = value;
+    }
+    get noicon() {
+        return this.elementRef.nativeElement['noicon'];
+    }
     set compact(value) {
         this.elementRef.nativeElement['compact'] = value;
     }
@@ -8806,20 +8719,16 @@ class PxCellRadio {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
-    change = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('change', (e) => {
-            this.change.emit(e.detail);
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellLink, selector: "px-cell-link", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], targetBlankAriaLabel: ["target-blank-aria-label", "targetBlankAriaLabel"], backgroundColor: ["background-color", "backgroundColor"], noicon: "noicon", compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellLink, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell-radio',
+                    selector: 'px-cell-link',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
@@ -8855,20 +8764,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], radiusDesktop: [{
                 type: Input,
                 args: ['radius--desktop']
-            }], name: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], radioPosition: [{
+            }], targetBlankAriaLabel: [{
                 type: Input,
-                args: ['radio-position']
+                args: ['target-blank-aria-label']
             }], backgroundColor: [{
                 type: Input,
                 args: ['background-color']
+            }], noicon: [{
+                type: Input
             }], compact: [{
                 type: Input
             }], grow: [{
@@ -9022,13 +8925,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
-            }], change: [{
-                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-cell-switch>
+ * @description Type-only wrapper for <px-cell-radio>
  */
-class PxCellSwitch {
+class PxCellRadio {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -9120,12 +9021,24 @@ class PxCellSwitch {
     get value() {
         return this.elementRef.nativeElement['value'];
     }
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
+    }
     set checked(value) {
         this.elementRef.nativeElement['checked'] = value;
     }
     get checked() {
         return this.elementRef.nativeElement['checked'];
     }
+    set radioPosition(value) {
+        this.elementRef.nativeElement['radioPosition'] = value;
+    }
+    get radioPosition() {
+        return this.elementRef.nativeElement['radioPosition'];
+    }
     set backgroundColor(value) {
         this.elementRef.nativeElement['backgroundColor'] = value;
     }
@@ -9457,13 +9370,13 @@ class PxCellSwitch {
             this.change.emit(e.detail);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellRadio, selector: "px-cell-radio", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", state: "state", checked: "checked", radioPosition: ["radio-position", "radioPosition"], backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellRadio, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-cell-switch',
+                    selector: 'px-cell-radio',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
@@ -9503,8 +9416,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], value: [{
                 type: Input
+            }], state: [{
+                type: Input
             }], checked: [{
                 type: Input
+            }], radioPosition: [{
+                type: Input,
+                args: ['radio-position']
             }], backgroundColor: [{
                 type: Input,
                 args: ['background-color']
@@ -9665,9 +9583,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-button-icon>
+ * @description Type-only wrapper for <px-cell-switch>
  */
-class PxButtonIcon {
+class PxCellSwitch {
     elementRef;
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -9675,57 +9593,107 @@ class PxButtonIcon {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set loading(value) {
-        this.elementRef.nativeElement['loading'] = value;
-    }
-    get loading() {
-        return this.elementRef.nativeElement['loading'];
-    }
-    set size(value) {
-        this.elementRef.nativeElement['size'] = value;
-    }
-    get size() {
-        return this.elementRef.nativeElement['size'];
-    }
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
     }
     get variant() {
         return this.elementRef.nativeElement['variant'];
     }
-    set ariaExpanded(value) {
-        this.elementRef.nativeElement['ariaExpanded'] = value;
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
     }
-    get ariaExpanded() {
-        return this.elementRef.nativeElement['ariaExpanded'];
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
+    set separator(value) {
+        this.elementRef.nativeElement['separator'] = value;
+    }
+    get separator() {
+        return this.elementRef.nativeElement['separator'];
+    }
+    set separatorMobile(value) {
+        this.elementRef.nativeElement['separatorMobile'] = value;
+    }
+    get separatorMobile() {
+        return this.elementRef.nativeElement['separatorMobile'];
+    }
+    set separatorTablet(value) {
+        this.elementRef.nativeElement['separatorTablet'] = value;
+    }
+    get separatorTablet() {
+        return this.elementRef.nativeElement['separatorTablet'];
+    }
+    set separatorLaptop(value) {
+        this.elementRef.nativeElement['separatorLaptop'] = value;
+    }
+    get separatorLaptop() {
+        return this.elementRef.nativeElement['separatorLaptop'];
+    }
+    set separatorDesktop(value) {
+        this.elementRef.nativeElement['separatorDesktop'] = value;
+    }
+    get separatorDesktop() {
+        return this.elementRef.nativeElement['separatorDesktop'];
+    }
+    set radius(value) {
+        this.elementRef.nativeElement['radius'] = value;
+    }
+    get radius() {
+        return this.elementRef.nativeElement['radius'];
+    }
+    set radiusMobile(value) {
+        this.elementRef.nativeElement['radiusMobile'] = value;
+    }
+    get radiusMobile() {
+        return this.elementRef.nativeElement['radiusMobile'];
+    }
+    set radiusTablet(value) {
+        this.elementRef.nativeElement['radiusTablet'] = value;
+    }
+    get radiusTablet() {
+        return this.elementRef.nativeElement['radiusTablet'];
+    }
+    set radiusLaptop(value) {
+        this.elementRef.nativeElement['radiusLaptop'] = value;
+    }
+    get radiusLaptop() {
+        return this.elementRef.nativeElement['radiusLaptop'];
+    }
+    set radiusDesktop(value) {
+        this.elementRef.nativeElement['radiusDesktop'] = value;
+    }
+    get radiusDesktop() {
+        return this.elementRef.nativeElement['radiusDesktop'];
     }
-    /** The name of the button, submitted as a pair with the button's value as part of the form data. */
     set name(value) {
         this.elementRef.nativeElement['name'] = value;
     }
     get name() {
         return this.elementRef.nativeElement['name'];
     }
-    /** The value associated with the button's name when it's submitted with a form. */
     set value(value) {
         this.elementRef.nativeElement['value'] = value;
     }
     get value() {
         return this.elementRef.nativeElement['value'];
     }
-    /** The default behavior of the button. Possible values are 'submit', 'reset', and 'button'. */
-    set type(value) {
-        this.elementRef.nativeElement['type'] = value;
+    set checked(value) {
+        this.elementRef.nativeElement['checked'] = value;
     }
-    get type() {
-        return this.elementRef.nativeElement['type'];
+    get checked() {
+        return this.elementRef.nativeElement['checked'];
     }
-    /** Whether the button is disabled. */
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
     }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
+    }
+    set compact(value) {
+        this.elementRef.nativeElement['compact'] = value;
+    }
+    get compact() {
+        return this.elementRef.nativeElement['compact'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -10039,35 +10007,65 @@ class PxButtonIcon {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
+    change = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('change', (e) => {
+            this.change.emit(e.detail);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxButtonIcon, selector: "px-button-icon", inputs: { inverted: "inverted", loading: "loading", size: "size", variant: "variant", ariaExpanded: ["aria-expanded", "ariaExpanded"], name: "name", value: "value", type: "type", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxCellSwitch, selector: "px-cell-switch", inputs: { inverted: "inverted", variant: "variant", disabled: "disabled", separator: "separator", separatorMobile: ["separator--mobile", "separatorMobile"], separatorTablet: ["separator--tablet", "separatorTablet"], separatorLaptop: ["separator--laptop", "separatorLaptop"], separatorDesktop: ["separator--desktop", "separatorDesktop"], radius: "radius", radiusMobile: ["radius--mobile", "radiusMobile"], radiusTablet: ["radius--tablet", "radiusTablet"], radiusLaptop: ["radius--laptop", "radiusLaptop"], radiusDesktop: ["radius--desktop", "radiusDesktop"], name: "name", value: "value", checked: "checked", backgroundColor: ["background-color", "backgroundColor"], compact: "compact", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { change: "change" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxButtonIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxCellSwitch, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-button-icon',
+                    selector: 'px-cell-switch',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
-            }], loading: [{
+            }], variant: [{
                 type: Input
-            }], size: [{
+            }], disabled: [{
                 type: Input
-            }], variant: [{
+            }], separator: [{
                 type: Input
-            }], ariaExpanded: [{
+            }], separatorMobile: [{
                 type: Input,
-                args: ['aria-expanded']
+                args: ['separator--mobile']
+            }], separatorTablet: [{
+                type: Input,
+                args: ['separator--tablet']
+            }], separatorLaptop: [{
+                type: Input,
+                args: ['separator--laptop']
+            }], separatorDesktop: [{
+                type: Input,
+                args: ['separator--desktop']
+            }], radius: [{
+                type: Input
+            }], radiusMobile: [{
+                type: Input,
+                args: ['radius--mobile']
+            }], radiusTablet: [{
+                type: Input,
+                args: ['radius--tablet']
+            }], radiusLaptop: [{
+                type: Input,
+                args: ['radius--laptop']
+            }], radiusDesktop: [{
+                type: Input,
+                args: ['radius--desktop']
             }], name: [{
                 type: Input
             }], value: [{
                 type: Input
-            }], type: [{
+            }], checked: [{
                 type: Input
-            }], disabled: [{
+            }], backgroundColor: [{
+                type: Input,
+                args: ['background-color']
+            }], compact: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -10220,6 +10218,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
+            }], change: [{
+                type: Output
             }] } });
 /**
  * @description Type-only wrapper for <px-checkbox>
@@ -12551,111 +12551,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-content-header>
+ * @description Type-only wrapper for <px-drawer>
  */
-class PxContentHeader {
+class PxDrawer {
     elementRef;
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
-    }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
-    }
-    set backgroundGradient(value) {
-        this.elementRef.nativeElement['backgroundGradient'] = value;
-    }
-    get backgroundGradient() {
-        return this.elementRef.nativeElement['backgroundGradient'];
-    }
-    set backgroundImage(value) {
-        this.elementRef.nativeElement['backgroundImage'] = value;
-    }
-    get backgroundImage() {
-        return this.elementRef.nativeElement['backgroundImage'];
+    set open(value) {
+        this.elementRef.nativeElement['open'] = value;
     }
-    set backgroundImageMobile(value) {
-        this.elementRef.nativeElement['backgroundImageMobile'] = value;
+    get open() {
+        return this.elementRef.nativeElement['open'];
     }
-    get backgroundImageMobile() {
-        return this.elementRef.nativeElement['backgroundImageMobile'];
+    set ariaLabelCloseButton(value) {
+        this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
     }
-    set backgroundImageTablet(value) {
-        this.elementRef.nativeElement['backgroundImageTablet'] = value;
+    get ariaLabelCloseButton() {
+        return this.elementRef.nativeElement['ariaLabelCloseButton'];
     }
-    get backgroundImageTablet() {
-        return this.elementRef.nativeElement['backgroundImageTablet'];
+    set openedby(value) {
+        this.elementRef.nativeElement['openedby'] = value;
     }
-    set backgroundImageLaptop(value) {
-        this.elementRef.nativeElement['backgroundImageLaptop'] = value;
+    get openedby() {
+        return this.elementRef.nativeElement['openedby'];
     }
-    get backgroundImageLaptop() {
-        return this.elementRef.nativeElement['backgroundImageLaptop'];
+    set closedby(value) {
+        this.elementRef.nativeElement['closedby'] = value;
     }
-    set backgroundSize(value) {
-        this.elementRef.nativeElement['backgroundSize'] = value;
+    get closedby() {
+        return this.elementRef.nativeElement['closedby'];
     }
-    get backgroundSize() {
-        return this.elementRef.nativeElement['backgroundSize'];
+    set fullscreen(value) {
+        this.elementRef.nativeElement['fullscreen'] = value;
     }
-    set backgroundPosition(value) {
-        this.elementRef.nativeElement['backgroundPosition'] = value;
+    get fullscreen() {
+        return this.elementRef.nativeElement['fullscreen'];
     }
-    get backgroundPosition() {
-        return this.elementRef.nativeElement['backgroundPosition'];
+    set fullscreenMobile(value) {
+        this.elementRef.nativeElement['fullscreenMobile'] = value;
     }
-    set contrastHelperGradient(value) {
-        this.elementRef.nativeElement['contrastHelperGradient'] = value;
+    get fullscreenMobile() {
+        return this.elementRef.nativeElement['fullscreenMobile'];
     }
-    get contrastHelperGradient() {
-        return this.elementRef.nativeElement['contrastHelperGradient'];
+    set fullscreenTablet(value) {
+        this.elementRef.nativeElement['fullscreenTablet'] = value;
     }
-    set contrastHelperOverlay(value) {
-        this.elementRef.nativeElement['contrastHelperOverlay'] = value;
+    get fullscreenTablet() {
+        return this.elementRef.nativeElement['fullscreenTablet'];
     }
-    get contrastHelperOverlay() {
-        return this.elementRef.nativeElement['contrastHelperOverlay'];
+    set fullscreenLaptop(value) {
+        this.elementRef.nativeElement['fullscreenLaptop'] = value;
     }
-    set minHeight(value) {
-        this.elementRef.nativeElement['minHeight'] = value;
+    get fullscreenLaptop() {
+        return this.elementRef.nativeElement['fullscreenLaptop'];
     }
-    get minHeight() {
-        return this.elementRef.nativeElement['minHeight'];
+    set fullscreenDesktop(value) {
+        this.elementRef.nativeElement['fullscreenDesktop'] = value;
     }
-    set hasGridding(value) {
-        this.elementRef.nativeElement['hasGridding'] = value;
+    get fullscreenDesktop() {
+        return this.elementRef.nativeElement['fullscreenDesktop'];
     }
-    get hasGridding() {
-        return this.elementRef.nativeElement['hasGridding'];
+    HIDE_EVENT = new EventEmitter();
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
+            this.HIDE_EVENT.emit(e.detail);
+        });
     }
-    set hasGriddingMobile(value) {
-        this.elementRef.nativeElement['hasGriddingMobile'] = value;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby", fullscreen: "fullscreen", fullscreenMobile: ["fullscreen--mobile", "fullscreenMobile"], fullscreenTablet: ["fullscreen--tablet", "fullscreenTablet"], fullscreenLaptop: ["fullscreen--laptop", "fullscreenLaptop"], fullscreenDesktop: ["fullscreen--desktop", "fullscreenDesktop"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-drawer',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
+                type: Input
+            }], ariaLabelCloseButton: [{
+                type: Input,
+                args: ['aria-label-close-button']
+            }], openedby: [{
+                type: Input
+            }], closedby: [{
+                type: Input
+            }], fullscreen: [{
+                type: Input
+            }], fullscreenMobile: [{
+                type: Input,
+                args: ['fullscreen--mobile']
+            }], fullscreenTablet: [{
+                type: Input,
+                args: ['fullscreen--tablet']
+            }], fullscreenLaptop: [{
+                type: Input,
+                args: ['fullscreen--laptop']
+            }], fullscreenDesktop: [{
+                type: Input,
+                args: ['fullscreen--desktop']
+            }], HIDE_EVENT: [{
+                type: Output
+            }] } });
+/**
+ * @description Type-only wrapper for <px-dropdown>
+ */
+class PxDropdown {
+    elementRef;
+    set id(value) {
+        this.elementRef.nativeElement['id'] = value;
     }
-    get hasGriddingMobile() {
-        return this.elementRef.nativeElement['hasGriddingMobile'];
+    get id() {
+        return this.elementRef.nativeElement['id'];
     }
-    set hasGriddingTablet(value) {
-        this.elementRef.nativeElement['hasGriddingTablet'] = value;
+    set anchoralignment(value) {
+        this.elementRef.nativeElement['anchoralignment'] = value;
     }
-    get hasGriddingTablet() {
-        return this.elementRef.nativeElement['hasGriddingTablet'];
+    get anchoralignment() {
+        return this.elementRef.nativeElement['anchoralignment'];
     }
-    set hasGriddingLaptop(value) {
-        this.elementRef.nativeElement['hasGriddingLaptop'] = value;
+    set usePolyfill(value) {
+        this.elementRef.nativeElement['usePolyfill'] = value;
     }
-    get hasGriddingLaptop() {
-        return this.elementRef.nativeElement['hasGriddingLaptop'];
+    get usePolyfill() {
+        return this.elementRef.nativeElement['usePolyfill'];
     }
-    set hasGriddingDesktop(value) {
-        this.elementRef.nativeElement['hasGriddingDesktop'] = value;
+    set manualToggle(value) {
+        this.elementRef.nativeElement['manualToggle'] = value;
     }
-    get hasGriddingDesktop() {
-        return this.elementRef.nativeElement['hasGriddingDesktop'];
+    get manualToggle() {
+        return this.elementRef.nativeElement['manualToggle'];
     }
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
+    set popoverHeight(value) {
+        this.elementRef.nativeElement['popoverHeight'] = value;
     }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
+    get popoverHeight() {
+        return this.elementRef.nativeElement['popoverHeight'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -12972,64 +13000,27 @@ class PxContentHeader {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], hasGriddingDesktop: ["has-gridding--desktop", "hasGriddingDesktop"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], popoverHeight: ["popover-height", "popoverHeight"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-content-header',
+                    selector: 'px-dropdown',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
-                type: Input,
-                args: ['background-color']
-            }], backgroundGradient: [{
-                type: Input,
-                args: ['background-gradient']
-            }], backgroundImage: [{
-                type: Input,
-                args: ['background-image']
-            }], backgroundImageMobile: [{
-                type: Input,
-                args: ['background-image--mobile']
-            }], backgroundImageTablet: [{
-                type: Input,
-                args: ['background-image--tablet']
-            }], backgroundImageLaptop: [{
-                type: Input,
-                args: ['background-image--laptop']
-            }], backgroundSize: [{
-                type: Input,
-                args: ['background-size']
-            }], backgroundPosition: [{
-                type: Input,
-                args: ['background-position']
-            }], contrastHelperGradient: [{
-                type: Input,
-                args: ['contrast-helper-gradient']
-            }], contrastHelperOverlay: [{
-                type: Input,
-                args: ['contrast-helper-overlay']
-            }], minHeight: [{
-                type: Input,
-                args: ['min-height']
-            }], hasGridding: [{
-                type: Input,
-                args: ['has-gridding']
-            }], hasGriddingMobile: [{
-                type: Input,
-                args: ['has-gridding--mobile']
-            }], hasGriddingTablet: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
+                type: Input
+            }], anchoralignment: [{
+                type: Input
+            }], usePolyfill: [{
                 type: Input,
-                args: ['has-gridding--tablet']
-            }], hasGriddingLaptop: [{
+                args: ['use-polyfill']
+            }], manualToggle: [{
                 type: Input,
-                args: ['has-gridding--laptop']
-            }], hasGriddingDesktop: [{
+                args: ['manual-toggle']
+            }], popoverHeight: [{
                 type: Input,
-                args: ['has-gridding--desktop']
-            }], inverted: [{
-                type: Input
+                args: ['popover-height']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -13183,139 +13174,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-drawer>
- */
-class PxDrawer {
-    elementRef;
-    set open(value) {
-        this.elementRef.nativeElement['open'] = value;
-    }
-    get open() {
-        return this.elementRef.nativeElement['open'];
-    }
-    set ariaLabelCloseButton(value) {
-        this.elementRef.nativeElement['ariaLabelCloseButton'] = value;
-    }
-    get ariaLabelCloseButton() {
-        return this.elementRef.nativeElement['ariaLabelCloseButton'];
-    }
-    set openedby(value) {
-        this.elementRef.nativeElement['openedby'] = value;
-    }
-    get openedby() {
-        return this.elementRef.nativeElement['openedby'];
-    }
-    set closedby(value) {
-        this.elementRef.nativeElement['closedby'] = value;
-    }
-    get closedby() {
-        return this.elementRef.nativeElement['closedby'];
-    }
-    set fullscreen(value) {
-        this.elementRef.nativeElement['fullscreen'] = value;
-    }
-    get fullscreen() {
-        return this.elementRef.nativeElement['fullscreen'];
-    }
-    set fullscreenMobile(value) {
-        this.elementRef.nativeElement['fullscreenMobile'] = value;
-    }
-    get fullscreenMobile() {
-        return this.elementRef.nativeElement['fullscreenMobile'];
-    }
-    set fullscreenTablet(value) {
-        this.elementRef.nativeElement['fullscreenTablet'] = value;
-    }
-    get fullscreenTablet() {
-        return this.elementRef.nativeElement['fullscreenTablet'];
-    }
-    set fullscreenLaptop(value) {
-        this.elementRef.nativeElement['fullscreenLaptop'] = value;
-    }
-    get fullscreenLaptop() {
-        return this.elementRef.nativeElement['fullscreenLaptop'];
-    }
-    set fullscreenDesktop(value) {
-        this.elementRef.nativeElement['fullscreenDesktop'] = value;
-    }
-    get fullscreenDesktop() {
-        return this.elementRef.nativeElement['fullscreenDesktop'];
-    }
-    HIDE_EVENT = new EventEmitter();
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('HIDE_EVENT', (e) => {
-            this.HIDE_EVENT.emit(e.detail);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDrawer, selector: "px-drawer", inputs: { open: "open", ariaLabelCloseButton: ["aria-label-close-button", "ariaLabelCloseButton"], openedby: "openedby", closedby: "closedby", fullscreen: "fullscreen", fullscreenMobile: ["fullscreen--mobile", "fullscreenMobile"], fullscreenTablet: ["fullscreen--tablet", "fullscreenTablet"], fullscreenLaptop: ["fullscreen--laptop", "fullscreenLaptop"], fullscreenDesktop: ["fullscreen--desktop", "fullscreenDesktop"] }, outputs: { HIDE_EVENT: "HIDE_EVENT" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDrawer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-drawer',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { open: [{
-                type: Input
-            }], ariaLabelCloseButton: [{
-                type: Input,
-                args: ['aria-label-close-button']
-            }], openedby: [{
-                type: Input
-            }], closedby: [{
-                type: Input
-            }], fullscreen: [{
-                type: Input
-            }], fullscreenMobile: [{
-                type: Input,
-                args: ['fullscreen--mobile']
-            }], fullscreenTablet: [{
-                type: Input,
-                args: ['fullscreen--tablet']
-            }], fullscreenLaptop: [{
-                type: Input,
-                args: ['fullscreen--laptop']
-            }], fullscreenDesktop: [{
-                type: Input,
-                args: ['fullscreen--desktop']
-            }], HIDE_EVENT: [{
-                type: Output
-            }] } });
-/**
- * @description Type-only wrapper for <px-dropdown>
+ * @description Type-only wrapper for <px-fieldset>
  */
-class PxDropdown {
+class PxFieldset {
     elementRef;
-    set id(value) {
-        this.elementRef.nativeElement['id'] = value;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
     }
-    get id() {
-        return this.elementRef.nativeElement['id'];
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
     }
-    set anchoralignment(value) {
-        this.elementRef.nativeElement['anchoralignment'] = value;
+    set role(value) {
+        this.elementRef.nativeElement['role'] = value;
     }
-    get anchoralignment() {
-        return this.elementRef.nativeElement['anchoralignment'];
+    get role() {
+        return this.elementRef.nativeElement['role'];
     }
-    set usePolyfill(value) {
-        this.elementRef.nativeElement['usePolyfill'] = value;
+    set ariaRequired(value) {
+        this.elementRef.nativeElement['ariaRequired'] = value;
     }
-    get usePolyfill() {
-        return this.elementRef.nativeElement['usePolyfill'];
+    get ariaRequired() {
+        return this.elementRef.nativeElement['ariaRequired'];
     }
-    set manualToggle(value) {
-        this.elementRef.nativeElement['manualToggle'] = value;
+    set ariaDisabled(value) {
+        this.elementRef.nativeElement['ariaDisabled'] = value;
     }
-    get manualToggle() {
-        return this.elementRef.nativeElement['manualToggle'];
+    get ariaDisabled() {
+        return this.elementRef.nativeElement['ariaDisabled'];
     }
-    set popoverHeight(value) {
-        this.elementRef.nativeElement['popoverHeight'] = value;
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
     }
-    get popoverHeight() {
-        return this.elementRef.nativeElement['popoverHeight'];
+    get state() {
+        return this.elementRef.nativeElement['state'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -13632,27 +13523,26 @@ class PxDropdown {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxDropdown, selector: "px-dropdown", inputs: { id: "id", anchoralignment: "anchoralignment", usePolyfill: ["use-polyfill", "usePolyfill"], manualToggle: ["manual-toggle", "manualToggle"], popoverHeight: ["popover-height", "popoverHeight"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-dropdown',
+                    selector: 'px-fieldset',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
-            }], anchoralignment: [{
+            }], role: [{
                 type: Input
-            }], usePolyfill: [{
-                type: Input,
-                args: ['use-polyfill']
-            }], manualToggle: [{
+            }], ariaRequired: [{
                 type: Input,
-                args: ['manual-toggle']
-            }], popoverHeight: [{
+                args: ['aria-required']
+            }], ariaDisabled: [{
                 type: Input,
-                args: ['popover-height']
+                args: ['aria-disabled']
+            }], state: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -13806,39 +13696,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-fieldset>
+ * @description Type-only wrapper for <px-grid>
  */
-class PxFieldset {
+class PxGrid {
     elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
+    set gridCols(value) {
+        this.elementRef.nativeElement['gridCols'] = value;
     }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
+    get gridCols() {
+        return this.elementRef.nativeElement['gridCols'];
     }
-    set role(value) {
-        this.elementRef.nativeElement['role'] = value;
+    set gridColsMobile(value) {
+        this.elementRef.nativeElement['gridColsMobile'] = value;
     }
-    get role() {
-        return this.elementRef.nativeElement['role'];
+    get gridColsMobile() {
+        return this.elementRef.nativeElement['gridColsMobile'];
     }
-    set ariaRequired(value) {
-        this.elementRef.nativeElement['ariaRequired'] = value;
+    set gridColsTablet(value) {
+        this.elementRef.nativeElement['gridColsTablet'] = value;
     }
-    get ariaRequired() {
-        return this.elementRef.nativeElement['ariaRequired'];
+    get gridColsTablet() {
+        return this.elementRef.nativeElement['gridColsTablet'];
     }
-    set ariaDisabled(value) {
-        this.elementRef.nativeElement['ariaDisabled'] = value;
+    set gridColsLaptop(value) {
+        this.elementRef.nativeElement['gridColsLaptop'] = value;
     }
-    get ariaDisabled() {
-        return this.elementRef.nativeElement['ariaDisabled'];
+    get gridColsLaptop() {
+        return this.elementRef.nativeElement['gridColsLaptop'];
     }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
+    set justifyContent(value) {
+        this.elementRef.nativeElement['justifyContent'] = value;
     }
-    get state() {
-        return this.elementRef.nativeElement['state'];
+    get justifyContent() {
+        return this.elementRef.nativeElement['justifyContent'];
+    }
+    set justifyItems(value) {
+        this.elementRef.nativeElement['justifyItems'] = value;
+    }
+    get justifyItems() {
+        return this.elementRef.nativeElement['justifyItems'];
+    }
+    set alignContent(value) {
+        this.elementRef.nativeElement['alignContent'] = value;
+    }
+    get alignContent() {
+        return this.elementRef.nativeElement['alignContent'];
+    }
+    set alignItems(value) {
+        this.elementRef.nativeElement['alignItems'] = value;
+    }
+    get alignItems() {
+        return this.elementRef.nativeElement['alignItems'];
+    }
+    set justifyContentMobile(value) {
+        this.elementRef.nativeElement['justifyContentMobile'] = value;
+    }
+    get justifyContentMobile() {
+        return this.elementRef.nativeElement['justifyContentMobile'];
+    }
+    set justifyItemsMobile(value) {
+        this.elementRef.nativeElement['justifyItemsMobile'] = value;
+    }
+    get justifyItemsMobile() {
+        return this.elementRef.nativeElement['justifyItemsMobile'];
+    }
+    set alignContentMobile(value) {
+        this.elementRef.nativeElement['alignContentMobile'] = value;
+    }
+    get alignContentMobile() {
+        return this.elementRef.nativeElement['alignContentMobile'];
+    }
+    set alignItemsMobile(value) {
+        this.elementRef.nativeElement['alignItemsMobile'] = value;
+    }
+    get alignItemsMobile() {
+        return this.elementRef.nativeElement['alignItemsMobile'];
+    }
+    set justifyContentTablet(value) {
+        this.elementRef.nativeElement['justifyContentTablet'] = value;
+    }
+    get justifyContentTablet() {
+        return this.elementRef.nativeElement['justifyContentTablet'];
+    }
+    set justifyItemsTablet(value) {
+        this.elementRef.nativeElement['justifyItemsTablet'] = value;
+    }
+    get justifyItemsTablet() {
+        return this.elementRef.nativeElement['justifyItemsTablet'];
+    }
+    set alignContentTablet(value) {
+        this.elementRef.nativeElement['alignContentTablet'] = value;
+    }
+    get alignContentTablet() {
+        return this.elementRef.nativeElement['alignContentTablet'];
+    }
+    set alignItemsTablet(value) {
+        this.elementRef.nativeElement['alignItemsTablet'] = value;
+    }
+    get alignItemsTablet() {
+        return this.elementRef.nativeElement['alignItemsTablet'];
+    }
+    set justifyContentLaptop(value) {
+        this.elementRef.nativeElement['justifyContentLaptop'] = value;
+    }
+    get justifyContentLaptop() {
+        return this.elementRef.nativeElement['justifyContentLaptop'];
+    }
+    set justifyItemsLaptop(value) {
+        this.elementRef.nativeElement['justifyItemsLaptop'] = value;
+    }
+    get justifyItemsLaptop() {
+        return this.elementRef.nativeElement['justifyItemsLaptop'];
+    }
+    set alignContentLaptop(value) {
+        this.elementRef.nativeElement['alignContentLaptop'] = value;
+    }
+    get alignContentLaptop() {
+        return this.elementRef.nativeElement['alignContentLaptop'];
+    }
+    set alignItemsLaptop(value) {
+        this.elementRef.nativeElement['alignItemsLaptop'] = value;
+    }
+    get alignItemsLaptop() {
+        return this.elementRef.nativeElement['alignItemsLaptop'];
+    }
+    set justifyContentDesktop(value) {
+        this.elementRef.nativeElement['justifyContentDesktop'] = value;
+    }
+    get justifyContentDesktop() {
+        return this.elementRef.nativeElement['justifyContentDesktop'];
+    }
+    set justifyItemsDesktop(value) {
+        this.elementRef.nativeElement['justifyItemsDesktop'] = value;
+    }
+    get justifyItemsDesktop() {
+        return this.elementRef.nativeElement['justifyItemsDesktop'];
+    }
+    set alignContentDesktop(value) {
+        this.elementRef.nativeElement['alignContentDesktop'] = value;
+    }
+    get alignContentDesktop() {
+        return this.elementRef.nativeElement['alignContentDesktop'];
+    }
+    set alignItemsDesktop(value) {
+        this.elementRef.nativeElement['alignItemsDesktop'] = value;
+    }
+    get alignItemsDesktop() {
+        return this.elementRef.nativeElement['alignItemsDesktop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -14155,26 +14159,86 @@ class PxFieldset {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFieldset, selector: "px-fieldset", inputs: { inverted: "inverted", role: "role", ariaRequired: ["aria-required", "ariaRequired"], ariaDisabled: ["aria-disabled", "ariaDisabled"], state: "state", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFieldset, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-fieldset',
+                    selector: 'px-grid',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
-                type: Input
-            }], role: [{
-                type: Input
-            }], ariaRequired: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
                 type: Input,
-                args: ['aria-required']
-            }], ariaDisabled: [{
+                args: ['grid-cols']
+            }], gridColsMobile: [{
                 type: Input,
-                args: ['aria-disabled']
-            }], state: [{
-                type: Input
+                args: ['grid-cols--mobile']
+            }], gridColsTablet: [{
+                type: Input,
+                args: ['grid-cols--tablet']
+            }], gridColsLaptop: [{
+                type: Input,
+                args: ['grid-cols--laptop']
+            }], justifyContent: [{
+                type: Input,
+                args: ['justify-content']
+            }], justifyItems: [{
+                type: Input,
+                args: ['justify-items']
+            }], alignContent: [{
+                type: Input,
+                args: ['align-content']
+            }], alignItems: [{
+                type: Input,
+                args: ['align-items']
+            }], justifyContentMobile: [{
+                type: Input,
+                args: ['justify-content--mobile']
+            }], justifyItemsMobile: [{
+                type: Input,
+                args: ['justify-items--mobile']
+            }], alignContentMobile: [{
+                type: Input,
+                args: ['align-content--mobile']
+            }], alignItemsMobile: [{
+                type: Input,
+                args: ['align-items--mobile']
+            }], justifyContentTablet: [{
+                type: Input,
+                args: ['justify-content--tablet']
+            }], justifyItemsTablet: [{
+                type: Input,
+                args: ['justify-items--tablet']
+            }], alignContentTablet: [{
+                type: Input,
+                args: ['align-content--tablet']
+            }], alignItemsTablet: [{
+                type: Input,
+                args: ['align-items--tablet']
+            }], justifyContentLaptop: [{
+                type: Input,
+                args: ['justify-content--laptop']
+            }], justifyItemsLaptop: [{
+                type: Input,
+                args: ['justify-items--laptop']
+            }], alignContentLaptop: [{
+                type: Input,
+                args: ['align-content--laptop']
+            }], alignItemsLaptop: [{
+                type: Input,
+                args: ['align-items--laptop']
+            }], justifyContentDesktop: [{
+                type: Input,
+                args: ['justify-content--desktop']
+            }], justifyItemsDesktop: [{
+                type: Input,
+                args: ['justify-items--desktop']
+            }], alignContentDesktop: [{
+                type: Input,
+                args: ['align-content--desktop']
+            }], alignItemsDesktop: [{
+                type: Input,
+                args: ['align-items--desktop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -14328,153 +14392,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-grid>
+ * @description Type-only wrapper for <px-h1>
  */
-class PxGrid {
+class PxH1 {
     elementRef;
-    set gridCols(value) {
-        this.elementRef.nativeElement['gridCols'] = value;
-    }
-    get gridCols() {
-        return this.elementRef.nativeElement['gridCols'];
-    }
-    set gridColsMobile(value) {
-        this.elementRef.nativeElement['gridColsMobile'] = value;
-    }
-    get gridColsMobile() {
-        return this.elementRef.nativeElement['gridColsMobile'];
-    }
-    set gridColsTablet(value) {
-        this.elementRef.nativeElement['gridColsTablet'] = value;
-    }
-    get gridColsTablet() {
-        return this.elementRef.nativeElement['gridColsTablet'];
-    }
-    set gridColsLaptop(value) {
-        this.elementRef.nativeElement['gridColsLaptop'] = value;
-    }
-    get gridColsLaptop() {
-        return this.elementRef.nativeElement['gridColsLaptop'];
-    }
-    set justifyContent(value) {
-        this.elementRef.nativeElement['justifyContent'] = value;
-    }
-    get justifyContent() {
-        return this.elementRef.nativeElement['justifyContent'];
-    }
-    set justifyItems(value) {
-        this.elementRef.nativeElement['justifyItems'] = value;
-    }
-    get justifyItems() {
-        return this.elementRef.nativeElement['justifyItems'];
-    }
-    set alignContent(value) {
-        this.elementRef.nativeElement['alignContent'] = value;
-    }
-    get alignContent() {
-        return this.elementRef.nativeElement['alignContent'];
-    }
-    set alignItems(value) {
-        this.elementRef.nativeElement['alignItems'] = value;
-    }
-    get alignItems() {
-        return this.elementRef.nativeElement['alignItems'];
-    }
-    set justifyContentMobile(value) {
-        this.elementRef.nativeElement['justifyContentMobile'] = value;
-    }
-    get justifyContentMobile() {
-        return this.elementRef.nativeElement['justifyContentMobile'];
-    }
-    set justifyItemsMobile(value) {
-        this.elementRef.nativeElement['justifyItemsMobile'] = value;
-    }
-    get justifyItemsMobile() {
-        return this.elementRef.nativeElement['justifyItemsMobile'];
-    }
-    set alignContentMobile(value) {
-        this.elementRef.nativeElement['alignContentMobile'] = value;
-    }
-    get alignContentMobile() {
-        return this.elementRef.nativeElement['alignContentMobile'];
-    }
-    set alignItemsMobile(value) {
-        this.elementRef.nativeElement['alignItemsMobile'] = value;
-    }
-    get alignItemsMobile() {
-        return this.elementRef.nativeElement['alignItemsMobile'];
-    }
-    set justifyContentTablet(value) {
-        this.elementRef.nativeElement['justifyContentTablet'] = value;
-    }
-    get justifyContentTablet() {
-        return this.elementRef.nativeElement['justifyContentTablet'];
-    }
-    set justifyItemsTablet(value) {
-        this.elementRef.nativeElement['justifyItemsTablet'] = value;
-    }
-    get justifyItemsTablet() {
-        return this.elementRef.nativeElement['justifyItemsTablet'];
-    }
-    set alignContentTablet(value) {
-        this.elementRef.nativeElement['alignContentTablet'] = value;
-    }
-    get alignContentTablet() {
-        return this.elementRef.nativeElement['alignContentTablet'];
-    }
-    set alignItemsTablet(value) {
-        this.elementRef.nativeElement['alignItemsTablet'] = value;
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
     }
-    get alignItemsTablet() {
-        return this.elementRef.nativeElement['alignItemsTablet'];
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
     }
-    set justifyContentLaptop(value) {
-        this.elementRef.nativeElement['justifyContentLaptop'] = value;
+    set color(value) {
+        this.elementRef.nativeElement['color'] = value;
     }
-    get justifyContentLaptop() {
-        return this.elementRef.nativeElement['justifyContentLaptop'];
+    get color() {
+        return this.elementRef.nativeElement['color'];
     }
-    set justifyItemsLaptop(value) {
-        this.elementRef.nativeElement['justifyItemsLaptop'] = value;
+    set textAlign(value) {
+        this.elementRef.nativeElement['textAlign'] = value;
     }
-    get justifyItemsLaptop() {
-        return this.elementRef.nativeElement['justifyItemsLaptop'];
+    get textAlign() {
+        return this.elementRef.nativeElement['textAlign'];
     }
-    set alignContentLaptop(value) {
-        this.elementRef.nativeElement['alignContentLaptop'] = value;
+    set textAlignMobile(value) {
+        this.elementRef.nativeElement['textAlignMobile'] = value;
     }
-    get alignContentLaptop() {
-        return this.elementRef.nativeElement['alignContentLaptop'];
+    get textAlignMobile() {
+        return this.elementRef.nativeElement['textAlignMobile'];
     }
-    set alignItemsLaptop(value) {
-        this.elementRef.nativeElement['alignItemsLaptop'] = value;
+    set textAlignTablet(value) {
+        this.elementRef.nativeElement['textAlignTablet'] = value;
     }
-    get alignItemsLaptop() {
-        return this.elementRef.nativeElement['alignItemsLaptop'];
+    get textAlignTablet() {
+        return this.elementRef.nativeElement['textAlignTablet'];
     }
-    set justifyContentDesktop(value) {
-        this.elementRef.nativeElement['justifyContentDesktop'] = value;
+    set textAlignLaptop(value) {
+        this.elementRef.nativeElement['textAlignLaptop'] = value;
     }
-    get justifyContentDesktop() {
-        return this.elementRef.nativeElement['justifyContentDesktop'];
+    get textAlignLaptop() {
+        return this.elementRef.nativeElement['textAlignLaptop'];
     }
-    set justifyItemsDesktop(value) {
-        this.elementRef.nativeElement['justifyItemsDesktop'] = value;
+    set textAlignDesktop(value) {
+        this.elementRef.nativeElement['textAlignDesktop'] = value;
     }
-    get justifyItemsDesktop() {
-        return this.elementRef.nativeElement['justifyItemsDesktop'];
+    get textAlignDesktop() {
+        return this.elementRef.nativeElement['textAlignDesktop'];
     }
-    set alignContentDesktop(value) {
-        this.elementRef.nativeElement['alignContentDesktop'] = value;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
     }
-    get alignContentDesktop() {
-        return this.elementRef.nativeElement['alignContentDesktop'];
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
     }
-    set alignItemsDesktop(value) {
-        this.elementRef.nativeElement['alignItemsDesktop'] = value;
+    set autoSpacing(value) {
+        this.elementRef.nativeElement['autoSpacing'] = value;
     }
-    get alignItemsDesktop() {
-        return this.elementRef.nativeElement['alignItemsDesktop'];
+    get autoSpacing() {
+        return this.elementRef.nativeElement['autoSpacing'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -14791,86 +14765,38 @@ class PxGrid {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxGrid, selector: "px-grid", inputs: { gridCols: ["grid-cols", "gridCols"], gridColsMobile: ["grid-cols--mobile", "gridColsMobile"], gridColsTablet: ["grid-cols--tablet", "gridColsTablet"], gridColsLaptop: ["grid-cols--laptop", "gridColsLaptop"], justifyContent: ["justify-content", "justifyContent"], justifyItems: ["justify-items", "justifyItems"], alignContent: ["align-content", "alignContent"], alignItems: ["align-items", "alignItems"], justifyContentMobile: ["justify-content--mobile", "justifyContentMobile"], justifyItemsMobile: ["justify-items--mobile", "justifyItemsMobile"], alignContentMobile: ["align-content--mobile", "alignContentMobile"], alignItemsMobile: ["align-items--mobile", "alignItemsMobile"], justifyContentTablet: ["justify-content--tablet", "justifyContentTablet"], justifyItemsTablet: ["justify-items--tablet", "justifyItemsTablet"], alignContentTablet: ["align-content--tablet", "alignContentTablet"], alignItemsTablet: ["align-items--tablet", "alignItemsTablet"], justifyContentLaptop: ["justify-content--laptop", "justifyContentLaptop"], justifyItemsLaptop: ["justify-items--laptop", "justifyItemsLaptop"], alignContentLaptop: ["align-content--laptop", "alignContentLaptop"], alignItemsLaptop: ["align-items--laptop", "alignItemsLaptop"], justifyContentDesktop: ["justify-content--desktop", "justifyContentDesktop"], justifyItemsDesktop: ["justify-items--desktop", "justifyItemsDesktop"], alignContentDesktop: ["align-content--desktop", "alignContentDesktop"], alignItemsDesktop: ["align-items--desktop", "alignItemsDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH1, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH1, selector: "px-h1", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH1, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-grid',
+                    selector: 'px-h1',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { gridCols: [{
-                type: Input,
-                args: ['grid-cols']
-            }], gridColsMobile: [{
-                type: Input,
-                args: ['grid-cols--mobile']
-            }], gridColsTablet: [{
-                type: Input,
-                args: ['grid-cols--tablet']
-            }], gridColsLaptop: [{
-                type: Input,
-                args: ['grid-cols--laptop']
-            }], justifyContent: [{
-                type: Input,
-                args: ['justify-content']
-            }], justifyItems: [{
-                type: Input,
-                args: ['justify-items']
-            }], alignContent: [{
-                type: Input,
-                args: ['align-content']
-            }], alignItems: [{
-                type: Input,
-                args: ['align-items']
-            }], justifyContentMobile: [{
-                type: Input,
-                args: ['justify-content--mobile']
-            }], justifyItemsMobile: [{
-                type: Input,
-                args: ['justify-items--mobile']
-            }], alignContentMobile: [{
-                type: Input,
-                args: ['align-content--mobile']
-            }], alignItemsMobile: [{
-                type: Input,
-                args: ['align-items--mobile']
-            }], justifyContentTablet: [{
-                type: Input,
-                args: ['justify-content--tablet']
-            }], justifyItemsTablet: [{
-                type: Input,
-                args: ['justify-items--tablet']
-            }], alignContentTablet: [{
-                type: Input,
-                args: ['align-content--tablet']
-            }], alignItemsTablet: [{
-                type: Input,
-                args: ['align-items--tablet']
-            }], justifyContentLaptop: [{
-                type: Input,
-                args: ['justify-content--laptop']
-            }], justifyItemsLaptop: [{
-                type: Input,
-                args: ['justify-items--laptop']
-            }], alignContentLaptop: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], textAlign: [{
                 type: Input,
-                args: ['align-content--laptop']
-            }], alignItemsLaptop: [{
+                args: ['text-align']
+            }], textAlignMobile: [{
                 type: Input,
-                args: ['align-items--laptop']
-            }], justifyContentDesktop: [{
+                args: ['text-align--mobile']
+            }], textAlignTablet: [{
                 type: Input,
-                args: ['justify-content--desktop']
-            }], justifyItemsDesktop: [{
+                args: ['text-align--tablet']
+            }], textAlignLaptop: [{
                 type: Input,
-                args: ['justify-items--desktop']
-            }], alignContentDesktop: [{
+                args: ['text-align--laptop']
+            }], textAlignDesktop: [{
                 type: Input,
-                args: ['align-content--desktop']
-            }], alignItemsDesktop: [{
+                args: ['text-align--desktop']
+            }], inverted: [{
+                type: Input
+            }], autoSpacing: [{
                 type: Input,
-                args: ['align-items--desktop']
+                args: ['auto-spacing']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -15024,9 +14950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h1>
+ * @description Type-only wrapper for <px-h2>
  */
-class PxH1 {
+class PxH2 {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -15397,13 +15323,13 @@ class PxH1 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH1, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH1, selector: "px-h1", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH2, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH2, selector: "px-h2", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH2, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h1',
+                    selector: 'px-h2',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
@@ -15582,9 +15508,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h2>
+ * @description Type-only wrapper for <px-h3>
  */
-class PxH2 {
+class PxH3 {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -15955,13 +15881,13 @@ class PxH2 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH2, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH2, selector: "px-h2", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH3, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH3, selector: "px-h3", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH3, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h2',
+                    selector: 'px-h3',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
@@ -16140,9 +16066,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h3>
+ * @description Type-only wrapper for <px-h4>
  */
-class PxH3 {
+class PxH4 {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -16513,13 +16439,13 @@ class PxH3 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH3, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH3, selector: "px-h3", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH4, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH4, selector: "px-h4", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH3, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH4, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h3',
+                    selector: 'px-h4',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
@@ -16698,9 +16624,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h4>
+ * @description Type-only wrapper for <px-h5>
  */
-class PxH4 {
+class PxH5 {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -17071,13 +16997,13 @@ class PxH4 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH4, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH4, selector: "px-h4", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH5, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH5, selector: "px-h5", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH4, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH5, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h4',
+                    selector: 'px-h5',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
@@ -17256,9 +17182,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h5>
+ * @description Type-only wrapper for <px-h6>
  */
-class PxH5 {
+class PxH6 {
     elementRef;
     set variant(value) {
         this.elementRef.nativeElement['variant'] = value;
@@ -17629,13 +17555,13 @@ class PxH5 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH5, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH5, selector: "px-h5", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH6, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH6, selector: "px-h6", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH5, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH6, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h5',
+                    selector: 'px-h6',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
                 type: Input
@@ -17814,63 +17740,119 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-h6>
+ * @description Type-only wrapper for <px-heading-group>
  */
-class PxH6 {
+class PxHeadingGroup {
     elementRef;
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
     }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHeadingGroup, selector: "px-heading-group", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-heading-group',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-img>
+ */
+class PxImg {
+    elementRef;
+    /** The URL of the image. */
+    set src(value) {
+        this.elementRef.nativeElement['src'] = value;
     }
-    set color(value) {
-        this.elementRef.nativeElement['color'] = value;
+    get src() {
+        return this.elementRef.nativeElement['src'];
     }
-    get color() {
-        return this.elementRef.nativeElement['color'];
+    /** The alternative text for the image. */
+    set alt(value) {
+        this.elementRef.nativeElement['alt'] = value;
     }
-    set textAlign(value) {
-        this.elementRef.nativeElement['textAlign'] = value;
+    get alt() {
+        return this.elementRef.nativeElement['alt'];
     }
-    get textAlign() {
-        return this.elementRef.nativeElement['textAlign'];
+    /** The loading strategy for the image ('lazy' or 'eager'). */
+    set loading(value) {
+        this.elementRef.nativeElement['loading'] = value;
     }
-    set textAlignMobile(value) {
-        this.elementRef.nativeElement['textAlignMobile'] = value;
+    get loading() {
+        return this.elementRef.nativeElement['loading'];
     }
-    get textAlignMobile() {
-        return this.elementRef.nativeElement['textAlignMobile'];
+    set borderRadius(value) {
+        this.elementRef.nativeElement['borderRadius'] = value;
     }
-    set textAlignTablet(value) {
-        this.elementRef.nativeElement['textAlignTablet'] = value;
+    get borderRadius() {
+        return this.elementRef.nativeElement['borderRadius'];
     }
-    get textAlignTablet() {
-        return this.elementRef.nativeElement['textAlignTablet'];
+    set noBorderRadius(value) {
+        this.elementRef.nativeElement['noBorderRadius'] = value;
     }
-    set textAlignLaptop(value) {
-        this.elementRef.nativeElement['textAlignLaptop'] = value;
+    get noBorderRadius() {
+        return this.elementRef.nativeElement['noBorderRadius'];
     }
-    get textAlignLaptop() {
-        return this.elementRef.nativeElement['textAlignLaptop'];
+    set noBorderRadiusMobile(value) {
+        this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
     }
-    set textAlignDesktop(value) {
-        this.elementRef.nativeElement['textAlignDesktop'] = value;
+    get noBorderRadiusMobile() {
+        return this.elementRef.nativeElement['noBorderRadiusMobile'];
     }
-    get textAlignDesktop() {
-        return this.elementRef.nativeElement['textAlignDesktop'];
+    set noBorderRadiusTablet(value) {
+        this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
     }
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
+    get noBorderRadiusTablet() {
+        return this.elementRef.nativeElement['noBorderRadiusTablet'];
     }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
+    set noBorderRadiusLaptop(value) {
+        this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
     }
-    set autoSpacing(value) {
-        this.elementRef.nativeElement['autoSpacing'] = value;
+    get noBorderRadiusLaptop() {
+        return this.elementRef.nativeElement['noBorderRadiusLaptop'];
     }
-    get autoSpacing() {
-        return this.elementRef.nativeElement['autoSpacing'];
+    set width(value) {
+        this.elementRef.nativeElement['width'] = value;
+    }
+    get width() {
+        return this.elementRef.nativeElement['width'];
+    }
+    set widthMobile(value) {
+        this.elementRef.nativeElement['widthMobile'] = value;
+    }
+    get widthMobile() {
+        return this.elementRef.nativeElement['widthMobile'];
+    }
+    set widthTablet(value) {
+        this.elementRef.nativeElement['widthTablet'] = value;
+    }
+    get widthTablet() {
+        return this.elementRef.nativeElement['widthTablet'];
+    }
+    set widthLaptop(value) {
+        this.elementRef.nativeElement['widthLaptop'] = value;
+    }
+    get widthLaptop() {
+        return this.elementRef.nativeElement['widthLaptop'];
+    }
+    set widthDesktop(value) {
+        this.elementRef.nativeElement['widthDesktop'] = value;
+    }
+    get widthDesktop() {
+        return this.elementRef.nativeElement['widthDesktop'];
+    }
+    set cover(value) {
+        this.elementRef.nativeElement['cover'] = value;
+    }
+    get cover() {
+        return this.elementRef.nativeElement['cover'];
+    }
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -18187,38 +18169,53 @@ class PxH6 {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH6, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxH6, selector: "px-h6", inputs: { variant: "variant", color: "color", textAlign: ["text-align", "textAlign"], textAlignMobile: ["text-align--mobile", "textAlignMobile"], textAlignTablet: ["text-align--tablet", "textAlignTablet"], textAlignLaptop: ["text-align--laptop", "textAlignLaptop"], textAlignDesktop: ["text-align--desktop", "textAlignDesktop"], inverted: "inverted", autoSpacing: ["auto-spacing", "autoSpacing"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxImg, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxImg, selector: "px-img", inputs: { src: "src", alt: "alt", loading: "loading", borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], width: "width", widthMobile: ["width--mobile", "widthMobile"], widthTablet: ["width--tablet", "widthTablet"], widthLaptop: ["width--laptop", "widthLaptop"], widthDesktop: ["width--desktop", "widthDesktop"], cover: "cover", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxH6, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxImg, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-h6',
+                    selector: 'px-img',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { src: [{
                 type: Input
-            }], color: [{
+            }], alt: [{
                 type: Input
-            }], textAlign: [{
+            }], loading: [{
+                type: Input
+            }], borderRadius: [{
                 type: Input,
-                args: ['text-align']
-            }], textAlignMobile: [{
+                args: ['border-radius']
+            }], noBorderRadius: [{
                 type: Input,
-                args: ['text-align--mobile']
-            }], textAlignTablet: [{
+                args: ['no-border-radius']
+            }], noBorderRadiusMobile: [{
                 type: Input,
-                args: ['text-align--tablet']
-            }], textAlignLaptop: [{
+                args: ['no-border-radius--mobile']
+            }], noBorderRadiusTablet: [{
                 type: Input,
-                args: ['text-align--laptop']
-            }], textAlignDesktop: [{
+                args: ['no-border-radius--tablet']
+            }], noBorderRadiusLaptop: [{
                 type: Input,
-                args: ['text-align--desktop']
-            }], inverted: [{
+                args: ['no-border-radius--laptop']
+            }], width: [{
                 type: Input
-            }], autoSpacing: [{
+            }], widthMobile: [{
                 type: Input,
-                args: ['auto-spacing']
+                args: ['width--mobile']
+            }], widthTablet: [{
+                type: Input,
+                args: ['width--tablet']
+            }], widthLaptop: [{
+                type: Input,
+                args: ['width--laptop']
+            }], widthDesktop: [{
+                type: Input,
+                args: ['width--desktop']
+            }], cover: [{
+                type: Input
+            }], disabled: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -18372,47 +18369,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-heading-group>
- */
-class PxHeadingGroup {
-    elementRef;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxHeadingGroup, selector: "px-heading-group", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxHeadingGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-heading-group',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-/**
- * @description Type-only wrapper for <px-img>
+ * @description Type-only wrapper for <px-picture>
  */
-class PxImg {
+class PxPicture {
     elementRef;
-    /** The URL of the image. */
-    set src(value) {
-        this.elementRef.nativeElement['src'] = value;
+    set loading(value) {
+        this.elementRef.nativeElement['loading'] = value;
     }
-    get src() {
-        return this.elementRef.nativeElement['src'];
+    get loading() {
+        return this.elementRef.nativeElement['loading'];
     }
-    /** The alternative text for the image. */
     set alt(value) {
         this.elementRef.nativeElement['alt'] = value;
     }
     get alt() {
         return this.elementRef.nativeElement['alt'];
     }
-    /** The loading strategy for the image ('lazy' or 'eager'). */
-    set loading(value) {
-        this.elementRef.nativeElement['loading'] = value;
+    set src(value) {
+        this.elementRef.nativeElement['src'] = value;
     }
-    get loading() {
-        return this.elementRef.nativeElement['loading'];
+    get src() {
+        return this.elementRef.nativeElement['src'];
     }
     set borderRadius(value) {
         this.elementRef.nativeElement['borderRadius'] = value;
@@ -18801,19 +18778,19 @@ class PxImg {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxImg, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxImg, selector: "px-img", inputs: { src: "src", alt: "alt", loading: "loading", borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], width: "width", widthMobile: ["width--mobile", "widthMobile"], widthTablet: ["width--tablet", "widthTablet"], widthLaptop: ["width--laptop", "widthLaptop"], widthDesktop: ["width--desktop", "widthDesktop"], cover: "cover", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPicture, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPicture, selector: "px-picture", inputs: { loading: "loading", alt: "alt", src: "src", borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], width: "width", widthMobile: ["width--mobile", "widthMobile"], widthTablet: ["width--tablet", "widthTablet"], widthLaptop: ["width--laptop", "widthLaptop"], widthDesktop: ["width--desktop", "widthDesktop"], cover: "cover", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxImg, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPicture, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-img',
+                    selector: 'px-picture',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { src: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loading: [{
                 type: Input
             }], alt: [{
                 type: Input
-            }], loading: [{
+            }], src: [{
                 type: Input
             }], borderRadius: [{
                 type: Input,
@@ -19001,99 +18978,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-picture>
+ * @description Type-only wrapper for <px-input>
  */
-class PxPicture {
+class PxInput {
     elementRef;
-    set loading(value) {
-        this.elementRef.nativeElement['loading'] = value;
-    }
-    get loading() {
-        return this.elementRef.nativeElement['loading'];
-    }
-    set alt(value) {
-        this.elementRef.nativeElement['alt'] = value;
-    }
-    get alt() {
-        return this.elementRef.nativeElement['alt'];
-    }
-    set src(value) {
-        this.elementRef.nativeElement['src'] = value;
-    }
-    get src() {
-        return this.elementRef.nativeElement['src'];
-    }
-    set borderRadius(value) {
-        this.elementRef.nativeElement['borderRadius'] = value;
-    }
-    get borderRadius() {
-        return this.elementRef.nativeElement['borderRadius'];
-    }
-    set noBorderRadius(value) {
-        this.elementRef.nativeElement['noBorderRadius'] = value;
-    }
-    get noBorderRadius() {
-        return this.elementRef.nativeElement['noBorderRadius'];
-    }
-    set noBorderRadiusMobile(value) {
-        this.elementRef.nativeElement['noBorderRadiusMobile'] = value;
-    }
-    get noBorderRadiusMobile() {
-        return this.elementRef.nativeElement['noBorderRadiusMobile'];
-    }
-    set noBorderRadiusTablet(value) {
-        this.elementRef.nativeElement['noBorderRadiusTablet'] = value;
-    }
-    get noBorderRadiusTablet() {
-        return this.elementRef.nativeElement['noBorderRadiusTablet'];
-    }
-    set noBorderRadiusLaptop(value) {
-        this.elementRef.nativeElement['noBorderRadiusLaptop'] = value;
-    }
-    get noBorderRadiusLaptop() {
-        return this.elementRef.nativeElement['noBorderRadiusLaptop'];
-    }
-    set width(value) {
-        this.elementRef.nativeElement['width'] = value;
-    }
-    get width() {
-        return this.elementRef.nativeElement['width'];
-    }
-    set widthMobile(value) {
-        this.elementRef.nativeElement['widthMobile'] = value;
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
     }
-    get widthMobile() {
-        return this.elementRef.nativeElement['widthMobile'];
+    get state() {
+        return this.elementRef.nativeElement['state'];
     }
-    set widthTablet(value) {
-        this.elementRef.nativeElement['widthTablet'] = value;
+    set extended(value) {
+        this.elementRef.nativeElement['extended'] = value;
     }
-    get widthTablet() {
-        return this.elementRef.nativeElement['widthTablet'];
+    get extended() {
+        return this.elementRef.nativeElement['extended'];
     }
-    set widthLaptop(value) {
-        this.elementRef.nativeElement['widthLaptop'] = value;
+    set extendedMobile(value) {
+        this.elementRef.nativeElement['extendedMobile'] = value;
     }
-    get widthLaptop() {
-        return this.elementRef.nativeElement['widthLaptop'];
+    get extendedMobile() {
+        return this.elementRef.nativeElement['extendedMobile'];
     }
-    set widthDesktop(value) {
-        this.elementRef.nativeElement['widthDesktop'] = value;
+    set extendedTablet(value) {
+        this.elementRef.nativeElement['extendedTablet'] = value;
     }
-    get widthDesktop() {
-        return this.elementRef.nativeElement['widthDesktop'];
+    get extendedTablet() {
+        return this.elementRef.nativeElement['extendedTablet'];
     }
-    set cover(value) {
-        this.elementRef.nativeElement['cover'] = value;
+    set extendedLaptop(value) {
+        this.elementRef.nativeElement['extendedLaptop'] = value;
     }
-    get cover() {
-        return this.elementRef.nativeElement['cover'];
+    get extendedLaptop() {
+        return this.elementRef.nativeElement['extendedLaptop'];
     }
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
+    set extendedDesktop(value) {
+        this.elementRef.nativeElement['extendedDesktop'] = value;
     }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
+    get extendedDesktop() {
+        return this.elementRef.nativeElement['extendedDesktop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -19407,56 +19330,37 @@ class PxPicture {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
+    event = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('event', (e) => {
+            this.event.emit(e.detail);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPicture, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPicture, selector: "px-picture", inputs: { loading: "loading", alt: "alt", src: "src", borderRadius: ["border-radius", "borderRadius"], noBorderRadius: ["no-border-radius", "noBorderRadius"], noBorderRadiusMobile: ["no-border-radius--mobile", "noBorderRadiusMobile"], noBorderRadiusTablet: ["no-border-radius--tablet", "noBorderRadiusTablet"], noBorderRadiusLaptop: ["no-border-radius--laptop", "noBorderRadiusLaptop"], width: "width", widthMobile: ["width--mobile", "widthMobile"], widthTablet: ["width--tablet", "widthTablet"], widthLaptop: ["width--laptop", "widthLaptop"], widthDesktop: ["width--desktop", "widthDesktop"], cover: "cover", disabled: "disabled", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInput, selector: "px-input", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPicture, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-picture',
+                    selector: 'px-input',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loading: [{
-                type: Input
-            }], alt: [{
-                type: Input
-            }], src: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
                 type: Input
-            }], borderRadius: [{
-                type: Input,
-                args: ['border-radius']
-            }], noBorderRadius: [{
-                type: Input,
-                args: ['no-border-radius']
-            }], noBorderRadiusMobile: [{
-                type: Input,
-                args: ['no-border-radius--mobile']
-            }], noBorderRadiusTablet: [{
-                type: Input,
-                args: ['no-border-radius--tablet']
-            }], noBorderRadiusLaptop: [{
-                type: Input,
-                args: ['no-border-radius--laptop']
-            }], width: [{
+            }], extended: [{
                 type: Input
-            }], widthMobile: [{
+            }], extendedMobile: [{
                 type: Input,
-                args: ['width--mobile']
-            }], widthTablet: [{
+                args: ['extended--mobile']
+            }], extendedTablet: [{
                 type: Input,
-                args: ['width--tablet']
-            }], widthLaptop: [{
+                args: ['extended--tablet']
+            }], extendedLaptop: [{
                 type: Input,
-                args: ['width--laptop']
-            }], widthDesktop: [{
+                args: ['extended--laptop']
+            }], extendedDesktop: [{
                 type: Input,
-                args: ['width--desktop']
-            }], cover: [{
-                type: Input
-            }], disabled: [{
-                type: Input
+                args: ['extended--desktop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -19608,11 +19512,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
+            }], event: [{
+                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-input>
+ * @description Type-only wrapper for <px-select>
  */
-class PxInput {
+class PxSelect {
     elementRef;
     set state(value) {
         this.elementRef.nativeElement['state'] = value;
@@ -19969,13 +19875,13 @@ class PxInput {
             this.event.emit(e.detail);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxInput, selector: "px-input", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelect, selector: "px-select", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-input',
+                    selector: 'px-select',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
                 type: Input
@@ -20148,9 +20054,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-select>
+ * @description Type-only wrapper for <px-textarea>
  */
-class PxSelect {
+class PxTextarea {
     elementRef;
     set state(value) {
         this.elementRef.nativeElement['state'] = value;
@@ -20507,13 +20413,13 @@ class PxSelect {
             this.event.emit(e.detail);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSelect, selector: "px-select", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTextarea, selector: "px-textarea", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-select',
+                    selector: 'px-textarea',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
                 type: Input
@@ -20686,9 +20592,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-textarea>
+ * @description Type-only wrapper for <px-fileupload>
  */
-class PxTextarea {
+class PxFileupload {
     elementRef;
     set state(value) {
         this.elementRef.nativeElement['state'] = value;
@@ -21045,13 +20951,13 @@ class PxTextarea {
             this.event.emit(e.detail);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxTextarea, selector: "px-textarea", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFileupload, selector: "px-fileupload", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-textarea',
+                    selector: 'px-fileupload',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
                 type: Input
@@ -21224,45 +21130,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-fileupload>
+ * @description Type-only wrapper for <px-content-header>
  */
-class PxFileupload {
+class PxContentHeader {
     elementRef;
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
     }
-    get state() {
-        return this.elementRef.nativeElement['state'];
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
     }
-    set extended(value) {
-        this.elementRef.nativeElement['extended'] = value;
+    set backgroundGradient(value) {
+        this.elementRef.nativeElement['backgroundGradient'] = value;
     }
-    get extended() {
-        return this.elementRef.nativeElement['extended'];
+    get backgroundGradient() {
+        return this.elementRef.nativeElement['backgroundGradient'];
     }
-    set extendedMobile(value) {
-        this.elementRef.nativeElement['extendedMobile'] = value;
+    set backgroundImage(value) {
+        this.elementRef.nativeElement['backgroundImage'] = value;
     }
-    get extendedMobile() {
-        return this.elementRef.nativeElement['extendedMobile'];
+    get backgroundImage() {
+        return this.elementRef.nativeElement['backgroundImage'];
     }
-    set extendedTablet(value) {
-        this.elementRef.nativeElement['extendedTablet'] = value;
+    set backgroundImageMobile(value) {
+        this.elementRef.nativeElement['backgroundImageMobile'] = value;
     }
-    get extendedTablet() {
-        return this.elementRef.nativeElement['extendedTablet'];
+    get backgroundImageMobile() {
+        return this.elementRef.nativeElement['backgroundImageMobile'];
     }
-    set extendedLaptop(value) {
-        this.elementRef.nativeElement['extendedLaptop'] = value;
+    set backgroundImageTablet(value) {
+        this.elementRef.nativeElement['backgroundImageTablet'] = value;
     }
-    get extendedLaptop() {
-        return this.elementRef.nativeElement['extendedLaptop'];
+    get backgroundImageTablet() {
+        return this.elementRef.nativeElement['backgroundImageTablet'];
     }
-    set extendedDesktop(value) {
-        this.elementRef.nativeElement['extendedDesktop'] = value;
+    set backgroundImageLaptop(value) {
+        this.elementRef.nativeElement['backgroundImageLaptop'] = value;
     }
-    get extendedDesktop() {
-        return this.elementRef.nativeElement['extendedDesktop'];
+    get backgroundImageLaptop() {
+        return this.elementRef.nativeElement['backgroundImageLaptop'];
+    }
+    set backgroundSize(value) {
+        this.elementRef.nativeElement['backgroundSize'] = value;
+    }
+    get backgroundSize() {
+        return this.elementRef.nativeElement['backgroundSize'];
+    }
+    set backgroundPosition(value) {
+        this.elementRef.nativeElement['backgroundPosition'] = value;
+    }
+    get backgroundPosition() {
+        return this.elementRef.nativeElement['backgroundPosition'];
+    }
+    set contrastHelperGradient(value) {
+        this.elementRef.nativeElement['contrastHelperGradient'] = value;
+    }
+    get contrastHelperGradient() {
+        return this.elementRef.nativeElement['contrastHelperGradient'];
+    }
+    set contrastHelperOverlay(value) {
+        this.elementRef.nativeElement['contrastHelperOverlay'] = value;
+    }
+    get contrastHelperOverlay() {
+        return this.elementRef.nativeElement['contrastHelperOverlay'];
+    }
+    set minHeight(value) {
+        this.elementRef.nativeElement['minHeight'] = value;
+    }
+    get minHeight() {
+        return this.elementRef.nativeElement['minHeight'];
+    }
+    set hasGridding(value) {
+        this.elementRef.nativeElement['hasGridding'] = value;
+    }
+    get hasGridding() {
+        return this.elementRef.nativeElement['hasGridding'];
+    }
+    set hasGriddingMobile(value) {
+        this.elementRef.nativeElement['hasGriddingMobile'] = value;
+    }
+    get hasGriddingMobile() {
+        return this.elementRef.nativeElement['hasGriddingMobile'];
+    }
+    set hasGriddingTablet(value) {
+        this.elementRef.nativeElement['hasGriddingTablet'] = value;
+    }
+    get hasGriddingTablet() {
+        return this.elementRef.nativeElement['hasGriddingTablet'];
+    }
+    set hasGriddingLaptop(value) {
+        this.elementRef.nativeElement['hasGriddingLaptop'] = value;
+    }
+    get hasGriddingLaptop() {
+        return this.elementRef.nativeElement['hasGriddingLaptop'];
+    }
+    set hasGriddingDesktop(value) {
+        this.elementRef.nativeElement['hasGriddingDesktop'] = value;
+    }
+    get hasGriddingDesktop() {
+        return this.elementRef.nativeElement['hasGriddingDesktop'];
+    }
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -21576,37 +21548,67 @@ class PxFileupload {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
-    event = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('event', (e) => {
-            this.event.emit(e.detail);
-        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxFileupload, selector: "px-fileupload", inputs: { state: "state", extended: "extended", extendedMobile: ["extended--mobile", "extendedMobile"], extendedTablet: ["extended--tablet", "extendedTablet"], extendedLaptop: ["extended--laptop", "extendedLaptop"], extendedDesktop: ["extended--desktop", "extendedDesktop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, outputs: { event: "event" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxContentHeader, selector: "px-content-header", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], contrastHelperGradient: ["contrast-helper-gradient", "contrastHelperGradient"], contrastHelperOverlay: ["contrast-helper-overlay", "contrastHelperOverlay"], minHeight: ["min-height", "minHeight"], hasGridding: ["has-gridding", "hasGridding"], hasGriddingMobile: ["has-gridding--mobile", "hasGriddingMobile"], hasGriddingTablet: ["has-gridding--tablet", "hasGriddingTablet"], hasGriddingLaptop: ["has-gridding--laptop", "hasGriddingLaptop"], hasGriddingDesktop: ["has-gridding--desktop", "hasGriddingDesktop"], inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"], wordBreakAll: ["word-break-all", "wordBreakAll"], wordBreakAllMobile: ["word-break-all--mobile", "wordBreakAllMobile"], wordBreakAllTablet: ["word-break-all--tablet", "wordBreakAllTablet"], wordBreakAllLaptop: ["word-break-all--laptop", "wordBreakAllLaptop"], wordBreakAllDesktop: ["word-break-all--desktop", "wordBreakAllDesktop"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxFileupload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxContentHeader, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-fileupload',
+                    selector: 'px-content-header',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
-                type: Input
-            }], extended: [{
-                type: Input
-            }], extendedMobile: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
                 type: Input,
-                args: ['extended--mobile']
-            }], extendedTablet: [{
+                args: ['background-color']
+            }], backgroundGradient: [{
                 type: Input,
-                args: ['extended--tablet']
-            }], extendedLaptop: [{
+                args: ['background-gradient']
+            }], backgroundImage: [{
                 type: Input,
-                args: ['extended--laptop']
-            }], extendedDesktop: [{
+                args: ['background-image']
+            }], backgroundImageMobile: [{
                 type: Input,
-                args: ['extended--desktop']
+                args: ['background-image--mobile']
+            }], backgroundImageTablet: [{
+                type: Input,
+                args: ['background-image--tablet']
+            }], backgroundImageLaptop: [{
+                type: Input,
+                args: ['background-image--laptop']
+            }], backgroundSize: [{
+                type: Input,
+                args: ['background-size']
+            }], backgroundPosition: [{
+                type: Input,
+                args: ['background-position']
+            }], contrastHelperGradient: [{
+                type: Input,
+                args: ['contrast-helper-gradient']
+            }], contrastHelperOverlay: [{
+                type: Input,
+                args: ['contrast-helper-overlay']
+            }], minHeight: [{
+                type: Input,
+                args: ['min-height']
+            }], hasGridding: [{
+                type: Input,
+                args: ['has-gridding']
+            }], hasGriddingMobile: [{
+                type: Input,
+                args: ['has-gridding--mobile']
+            }], hasGriddingTablet: [{
+                type: Input,
+                args: ['has-gridding--tablet']
+            }], hasGriddingLaptop: [{
+                type: Input,
+                args: ['has-gridding--laptop']
+            }], hasGriddingDesktop: [{
+                type: Input,
+                args: ['has-gridding--desktop']
+            }], inverted: [{
+                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -21758,8 +21760,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
-            }], event: [{
-                type: Output
             }] } });
 /**
  * @description Type-only wrapper for <px-page>
@@ -35740,41 +35740,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], CLOSE_EVENT: [{
                 type: Output
             }] } });
-/**
- * @description Type-only wrapper for <px-sticky-container>
- */
-class PxStickyContainer {
-    elementRef;
-    set offsetLeft(value) {
-        this.elementRef.nativeElement['offsetLeft'] = value;
-    }
-    get offsetLeft() {
-        return this.elementRef.nativeElement['offsetLeft'];
-    }
-    set offsetRight(value) {
-        this.elementRef.nativeElement['offsetRight'] = value;
-    }
-    get offsetRight() {
-        return this.elementRef.nativeElement['offsetRight'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStickyContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStickyContainer, selector: "px-sticky-container", inputs: { offsetLeft: ["offset-left", "offsetLeft"], offsetRight: ["offset-right", "offsetRight"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStickyContainer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-sticky-container',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { offsetLeft: [{
-                type: Input,
-                args: ['offset-left']
-            }], offsetRight: [{
-                type: Input,
-                args: ['offset-right']
-            }] } });
 /**
  * @description Type-only wrapper for <px-theme-switcher>
  */
@@ -37046,6 +37011,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-sticky-container>
+ */
+class PxStickyContainer {
+    elementRef;
+    set offsetLeft(value) {
+        this.elementRef.nativeElement['offsetLeft'] = value;
+    }
+    get offsetLeft() {
+        return this.elementRef.nativeElement['offsetLeft'];
+    }
+    set offsetRight(value) {
+        this.elementRef.nativeElement['offsetRight'] = value;
+    }
+    get offsetRight() {
+        return this.elementRef.nativeElement['offsetRight'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStickyContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxStickyContainer, selector: "px-sticky-container", inputs: { offsetLeft: ["offset-left", "offsetLeft"], offsetRight: ["offset-right", "offsetRight"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxStickyContainer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-sticky-container',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { offsetLeft: [{
+                type: Input,
+                args: ['offset-left']
+            }], offsetRight: [{
+                type: Input,
+                args: ['offset-right']
+            }] } });
 /**
  * @description Type-only wrapper for <px-tile>
  */
@@ -41075,7 +41075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 class Lavender {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxButtonIcon, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxButtonIcon, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxContentHeader, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxStickyContainer, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxContentHeader, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxStickyContainer, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -41091,6 +41091,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxBreadcrumb,
                         PxButton,
                         PxButtonWrapper,
+                        PxButtonIcon,
                         PxCard,
                         PxAppleseed,
                         PxCarousel,
@@ -41101,12 +41102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxCellLink,
                         PxCellRadio,
                         PxCellSwitch,
-                        PxButtonIcon,
                         PxCheckbox,
                         PxColorOption,
                         PxColorOptionLink,
                         PxContainer,
-                        PxContentHeader,
                         PxDrawer,
                         PxDropdown,
                         PxFieldset,
@@ -41124,6 +41123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxSelect,
                         PxTextarea,
                         PxFileupload,
+                        PxContentHeader,
                         PxPage,
                         PxSpacer,
                         PxStack,
@@ -41154,7 +41154,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxSpinner,
                         PxStatus,
                         PxStatusCard,
-                        PxStickyContainer,
                         PxThemeSwitcher,
                         PxSwitch,
                         PxTable,
@@ -41167,6 +41166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxTab,
                         PxTabPanel,
                         PxTag,
+                        PxStickyContainer,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,
@@ -41193,6 +41193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxBreadcrumb,
                         PxButton,
                         PxButtonWrapper,
+                        PxButtonIcon,
                         PxCard,
                         PxAppleseed,
                         PxCarousel,
@@ -41203,12 +41204,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxCellLink,
                         PxCellRadio,
                         PxCellSwitch,
-                        PxButtonIcon,
                         PxCheckbox,
                         PxColorOption,
                         PxColorOptionLink,
                         PxContainer,
-                        PxContentHeader,
                         PxDrawer,
                         PxDropdown,
                         PxFieldset,
@@ -41226,6 +41225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxSelect,
                         PxTextarea,
                         PxFileupload,
+                        PxContentHeader,
                         PxPage,
                         PxSpacer,
                         PxStack,
@@ -41256,7 +41256,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxSpinner,
                         PxStatus,
                         PxStatusCard,
-                        PxStickyContainer,
                         PxThemeSwitcher,
                         PxSwitch,
                         PxTable,
@@ -41269,6 +41268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxTab,
                         PxTabPanel,
                         PxTag,
+                        PxStickyContainer,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,