@proximus/lavender-angular 1.4.15-alpha.12 → 1.4.15-alpha.13

package/fesm2022/proximus-lavender-angular.mjs

@@ -6352,82 +6352,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 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: "19.2.25", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxAppleseed, isStandalone: true, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-appleseed',
-                    standalone: true,
-                }]
-        }], 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: "19.2.25", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarousel, isStandalone: true, selector: "px-carousel", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-carousel',
-                    standalone: true,
-                }]
-        }], 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: "19.2.25", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarouselItem, isStandalone: true, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-carousel-item',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
-                type: Output
-            }] } });
 /**
  * @description Type-only wrapper for <px-cell>
  */
@@ -10257,6 +10181,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], change: [{
                 type: Output
             }] } });
+/**
+ * @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: "19.2.25", ngImport: i0, type: PxAppleseed, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxAppleseed, isStandalone: true, selector: "px-appleseed", inputs: { amount: "amount", active: "active" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxAppleseed, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-appleseed',
+                    standalone: true,
+                }]
+        }], 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: "19.2.25", ngImport: i0, type: PxCarousel, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarousel, isStandalone: true, selector: "px-carousel", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarousel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-carousel',
+                    standalone: true,
+                }]
+        }], 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: "19.2.25", ngImport: i0, type: PxCarouselItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxCarouselItem, isStandalone: true, selector: "px-carousel-item", outputs: { CAROUSEL_ITEM_CONNECTED_EVENT: "CAROUSEL_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxCarouselItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-carousel-item',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { CAROUSEL_ITEM_CONNECTED_EVENT: [{
+                type: Output
+            }] } });
 /**
  * @description Type-only wrapper for <px-checkbox>
  */
@@ -11850,22 +11850,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-content-header>
+ * @description Type-only wrapper for <px-container>
  */
-class PxContentHeader {
+class PxContainer {
     elementRef;
+    set border(value) {
+        this.elementRef.nativeElement['border'] = value;
+    }
+    get border() {
+        return this.elementRef.nativeElement['border'];
+    }
+    set borderColor(value) {
+        this.elementRef.nativeElement['borderColor'] = value;
+    }
+    get borderColor() {
+        return this.elementRef.nativeElement['borderColor'];
+    }
+    set borderSide(value) {
+        this.elementRef.nativeElement['borderSide'] = value;
+    }
+    get borderSide() {
+        return this.elementRef.nativeElement['borderSide'];
+    }
+    set borderSideMobile(value) {
+        this.elementRef.nativeElement['borderSideMobile'] = value;
+    }
+    get borderSideMobile() {
+        return this.elementRef.nativeElement['borderSideMobile'];
+    }
+    set borderSideTablet(value) {
+        this.elementRef.nativeElement['borderSideTablet'] = value;
+    }
+    get borderSideTablet() {
+        return this.elementRef.nativeElement['borderSideTablet'];
+    }
+    set borderSideLaptop(value) {
+        this.elementRef.nativeElement['borderSideLaptop'] = value;
+    }
+    get borderSideLaptop() {
+        return this.elementRef.nativeElement['borderSideLaptop'];
+    }
+    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 backgroundColor(value) {
         this.elementRef.nativeElement['backgroundColor'] = value;
     }
     get backgroundColor() {
         return this.elementRef.nativeElement['backgroundColor'];
     }
+    set backgroundColorMobile(value) {
+        this.elementRef.nativeElement['backgroundColorMobile'] = value;
+    }
+    get backgroundColorMobile() {
+        return this.elementRef.nativeElement['backgroundColorMobile'];
+    }
+    set backgroundColorTablet(value) {
+        this.elementRef.nativeElement['backgroundColorTablet'] = value;
+    }
+    get backgroundColorTablet() {
+        return this.elementRef.nativeElement['backgroundColorTablet'];
+    }
+    set backgroundColorLaptop(value) {
+        this.elementRef.nativeElement['backgroundColorLaptop'] = value;
+    }
+    get backgroundColorLaptop() {
+        return this.elementRef.nativeElement['backgroundColorLaptop'];
+    }
     set backgroundGradient(value) {
         this.elementRef.nativeElement['backgroundGradient'] = value;
     }
     get backgroundGradient() {
         return this.elementRef.nativeElement['backgroundGradient'];
     }
+    set backgroundGradientMobile(value) {
+        this.elementRef.nativeElement['backgroundGradientMobile'] = value;
+    }
+    get backgroundGradientMobile() {
+        return this.elementRef.nativeElement['backgroundGradientMobile'];
+    }
+    set backgroundGradientTablet(value) {
+        this.elementRef.nativeElement['backgroundGradientTablet'] = value;
+    }
+    get backgroundGradientTablet() {
+        return this.elementRef.nativeElement['backgroundGradientTablet'];
+    }
+    set backgroundGradientLaptop(value) {
+        this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
+    }
+    get backgroundGradientLaptop() {
+        return this.elementRef.nativeElement['backgroundGradientLaptop'];
+    }
     set backgroundImage(value) {
         this.elementRef.nativeElement['backgroundImage'] = value;
     }
@@ -11902,53 +12004,23 @@ class PxContentHeader {
     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;
+    set boxShadow(value) {
+        this.elementRef.nativeElement['boxShadow'] = value;
     }
-    get hasGriddingTablet() {
-        return this.elementRef.nativeElement['hasGriddingTablet'];
+    get boxShadow() {
+        return this.elementRef.nativeElement['boxShadow'];
     }
-    set hasGriddingLaptop(value) {
-        this.elementRef.nativeElement['hasGriddingLaptop'] = value;
+    set anchorOffset(value) {
+        this.elementRef.nativeElement['anchorOffset'] = value;
     }
-    get hasGriddingLaptop() {
-        return this.elementRef.nativeElement['hasGriddingLaptop'];
+    get anchorOffset() {
+        return this.elementRef.nativeElement['anchorOffset'];
     }
-    set hasGriddingDesktop(value) {
-        this.elementRef.nativeElement['hasGriddingDesktop'] = value;
+    set anchorSpacing(value) {
+        this.elementRef.nativeElement['anchorSpacing'] = value;
     }
-    get hasGriddingDesktop() {
-        return this.elementRef.nativeElement['hasGriddingDesktop'];
+    get anchorSpacing() {
+        return this.elementRef.nativeElement['anchorSpacing'];
     }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -11956,6 +12028,12 @@ class PxContentHeader {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
+    set subgridRows(value) {
+        this.elementRef.nativeElement['subgridRows'] = value;
+    }
+    get subgridRows() {
+        return this.elementRef.nativeElement['subgridRows'];
+    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -12271,21 +12349,71 @@ class PxContentHeader {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxContentHeader, isStandalone: true, 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: "19.2.25", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxContainer, isStandalone: true, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], 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"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], 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"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], anchorSpacing: ["anchor-spacing", "anchorSpacing"], inverted: "inverted", subgridRows: ["subgrid-rows", "subgridRows"], 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: "19.2.25", ngImport: i0, type: PxContentHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxContainer, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-content-header',
+                    selector: 'px-container',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
+                type: Input
+            }], borderColor: [{
+                type: Input,
+                args: ['border-color']
+            }], borderSide: [{
+                type: Input,
+                args: ['border-side']
+            }], borderSideMobile: [{
+                type: Input,
+                args: ['border-side--mobile']
+            }], borderSideTablet: [{
+                type: Input,
+                args: ['border-side--tablet']
+            }], borderSideLaptop: [{
+                type: Input,
+                args: ['border-side--laptop']
+            }], 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']
+            }], backgroundColor: [{
                 type: Input,
                 args: ['background-color']
+            }], backgroundColorMobile: [{
+                type: Input,
+                args: ['background-color--mobile']
+            }], backgroundColorTablet: [{
+                type: Input,
+                args: ['background-color--tablet']
+            }], backgroundColorLaptop: [{
+                type: Input,
+                args: ['background-color--laptop']
             }], backgroundGradient: [{
                 type: Input,
                 args: ['background-gradient']
+            }], backgroundGradientMobile: [{
+                type: Input,
+                args: ['background-gradient--mobile']
+            }], backgroundGradientTablet: [{
+                type: Input,
+                args: ['background-gradient--tablet']
+            }], backgroundGradientLaptop: [{
+                type: Input,
+                args: ['background-gradient--laptop']
             }], backgroundImage: [{
                 type: Input,
                 args: ['background-image']
@@ -12304,32 +12432,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], 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: [{
+            }], boxShadow: [{
                 type: Input,
-                args: ['has-gridding--tablet']
-            }], hasGriddingLaptop: [{
+                args: ['box-shadow']
+            }], anchorOffset: [{
                 type: Input,
-                args: ['has-gridding--laptop']
-            }], hasGriddingDesktop: [{
+                args: ['anchor-offset']
+            }], anchorSpacing: [{
                 type: Input,
-                args: ['has-gridding--desktop']
+                args: ['anchor-spacing']
             }], inverted: [{
                 type: Input
+            }], subgridRows: [{
+                type: Input,
+                args: ['subgrid-rows']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -12483,124 +12599,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-container>
+ * @description Type-only wrapper for <px-content-header>
  */
-class PxContainer {
+class PxContentHeader {
     elementRef;
-    set border(value) {
-        this.elementRef.nativeElement['border'] = value;
-    }
-    get border() {
-        return this.elementRef.nativeElement['border'];
-    }
-    set borderColor(value) {
-        this.elementRef.nativeElement['borderColor'] = value;
-    }
-    get borderColor() {
-        return this.elementRef.nativeElement['borderColor'];
-    }
-    set borderSide(value) {
-        this.elementRef.nativeElement['borderSide'] = value;
-    }
-    get borderSide() {
-        return this.elementRef.nativeElement['borderSide'];
-    }
-    set borderSideMobile(value) {
-        this.elementRef.nativeElement['borderSideMobile'] = value;
-    }
-    get borderSideMobile() {
-        return this.elementRef.nativeElement['borderSideMobile'];
-    }
-    set borderSideTablet(value) {
-        this.elementRef.nativeElement['borderSideTablet'] = value;
-    }
-    get borderSideTablet() {
-        return this.elementRef.nativeElement['borderSideTablet'];
-    }
-    set borderSideLaptop(value) {
-        this.elementRef.nativeElement['borderSideLaptop'] = value;
-    }
-    get borderSideLaptop() {
-        return this.elementRef.nativeElement['borderSideLaptop'];
-    }
-    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 backgroundColor(value) {
         this.elementRef.nativeElement['backgroundColor'] = value;
     }
     get backgroundColor() {
         return this.elementRef.nativeElement['backgroundColor'];
     }
-    set backgroundColorMobile(value) {
-        this.elementRef.nativeElement['backgroundColorMobile'] = value;
-    }
-    get backgroundColorMobile() {
-        return this.elementRef.nativeElement['backgroundColorMobile'];
-    }
-    set backgroundColorTablet(value) {
-        this.elementRef.nativeElement['backgroundColorTablet'] = value;
-    }
-    get backgroundColorTablet() {
-        return this.elementRef.nativeElement['backgroundColorTablet'];
-    }
-    set backgroundColorLaptop(value) {
-        this.elementRef.nativeElement['backgroundColorLaptop'] = value;
-    }
-    get backgroundColorLaptop() {
-        return this.elementRef.nativeElement['backgroundColorLaptop'];
-    }
     set backgroundGradient(value) {
         this.elementRef.nativeElement['backgroundGradient'] = value;
     }
     get backgroundGradient() {
         return this.elementRef.nativeElement['backgroundGradient'];
     }
-    set backgroundGradientMobile(value) {
-        this.elementRef.nativeElement['backgroundGradientMobile'] = value;
-    }
-    get backgroundGradientMobile() {
-        return this.elementRef.nativeElement['backgroundGradientMobile'];
-    }
-    set backgroundGradientTablet(value) {
-        this.elementRef.nativeElement['backgroundGradientTablet'] = value;
-    }
-    get backgroundGradientTablet() {
-        return this.elementRef.nativeElement['backgroundGradientTablet'];
-    }
-    set backgroundGradientLaptop(value) {
-        this.elementRef.nativeElement['backgroundGradientLaptop'] = value;
-    }
-    get backgroundGradientLaptop() {
-        return this.elementRef.nativeElement['backgroundGradientLaptop'];
-    }
     set backgroundImage(value) {
         this.elementRef.nativeElement['backgroundImage'] = value;
     }
@@ -12637,23 +12651,53 @@ class PxContainer {
     get backgroundPosition() {
         return this.elementRef.nativeElement['backgroundPosition'];
     }
-    set boxShadow(value) {
-        this.elementRef.nativeElement['boxShadow'] = value;
+    set contrastHelperGradient(value) {
+        this.elementRef.nativeElement['contrastHelperGradient'] = value;
     }
-    get boxShadow() {
-        return this.elementRef.nativeElement['boxShadow'];
+    get contrastHelperGradient() {
+        return this.elementRef.nativeElement['contrastHelperGradient'];
     }
-    set anchorOffset(value) {
-        this.elementRef.nativeElement['anchorOffset'] = value;
+    set contrastHelperOverlay(value) {
+        this.elementRef.nativeElement['contrastHelperOverlay'] = value;
     }
-    get anchorOffset() {
-        return this.elementRef.nativeElement['anchorOffset'];
+    get contrastHelperOverlay() {
+        return this.elementRef.nativeElement['contrastHelperOverlay'];
     }
-    set anchorSpacing(value) {
-        this.elementRef.nativeElement['anchorSpacing'] = value;
+    set minHeight(value) {
+        this.elementRef.nativeElement['minHeight'] = value;
     }
-    get anchorSpacing() {
-        return this.elementRef.nativeElement['anchorSpacing'];
+    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;
@@ -12661,12 +12705,6 @@ class PxContainer {
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set subgridRows(value) {
-        this.elementRef.nativeElement['subgridRows'] = value;
-    }
-    get subgridRows() {
-        return this.elementRef.nativeElement['subgridRows'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -12982,71 +13020,21 @@ class PxContainer {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxContainer, isStandalone: true, selector: "px-container", inputs: { border: "border", borderColor: ["border-color", "borderColor"], borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], 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"], backgroundColor: ["background-color", "backgroundColor"], backgroundColorMobile: ["background-color--mobile", "backgroundColorMobile"], backgroundColorTablet: ["background-color--tablet", "backgroundColorTablet"], backgroundColorLaptop: ["background-color--laptop", "backgroundColorLaptop"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundGradientMobile: ["background-gradient--mobile", "backgroundGradientMobile"], backgroundGradientTablet: ["background-gradient--tablet", "backgroundGradientTablet"], backgroundGradientLaptop: ["background-gradient--laptop", "backgroundGradientLaptop"], 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"], boxShadow: ["box-shadow", "boxShadow"], anchorOffset: ["anchor-offset", "anchorOffset"], anchorSpacing: ["anchor-spacing", "anchorSpacing"], inverted: "inverted", subgridRows: ["subgrid-rows", "subgridRows"], 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: "19.2.25", ngImport: i0, type: PxContentHeader, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxContentHeader, isStandalone: true, 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: "19.2.25", ngImport: i0, type: PxContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxContentHeader, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-container',
+                    selector: 'px-content-header',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { border: [{
-                type: Input
-            }], borderColor: [{
-                type: Input,
-                args: ['border-color']
-            }], borderSide: [{
-                type: Input,
-                args: ['border-side']
-            }], borderSideMobile: [{
-                type: Input,
-                args: ['border-side--mobile']
-            }], borderSideTablet: [{
-                type: Input,
-                args: ['border-side--tablet']
-            }], borderSideLaptop: [{
-                type: Input,
-                args: ['border-side--laptop']
-            }], 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']
-            }], backgroundColor: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
                 type: Input,
                 args: ['background-color']
-            }], backgroundColorMobile: [{
-                type: Input,
-                args: ['background-color--mobile']
-            }], backgroundColorTablet: [{
-                type: Input,
-                args: ['background-color--tablet']
-            }], backgroundColorLaptop: [{
-                type: Input,
-                args: ['background-color--laptop']
             }], backgroundGradient: [{
                 type: Input,
                 args: ['background-gradient']
-            }], backgroundGradientMobile: [{
-                type: Input,
-                args: ['background-gradient--mobile']
-            }], backgroundGradientTablet: [{
-                type: Input,
-                args: ['background-gradient--tablet']
-            }], backgroundGradientLaptop: [{
-                type: Input,
-                args: ['background-gradient--laptop']
             }], backgroundImage: [{
                 type: Input,
                 args: ['background-image']
@@ -13065,20 +13053,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], backgroundPosition: [{
                 type: Input,
                 args: ['background-position']
-            }], boxShadow: [{
+            }], contrastHelperGradient: [{
                 type: Input,
-                args: ['box-shadow']
-            }], anchorOffset: [{
+                args: ['contrast-helper-gradient']
+            }], contrastHelperOverlay: [{
                 type: Input,
-                args: ['anchor-offset']
-            }], anchorSpacing: [{
+                args: ['contrast-helper-overlay']
+            }], minHeight: [{
                 type: Input,
-                args: ['anchor-spacing']
+                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
-            }], subgridRows: [{
-                type: Input,
-                args: ['subgrid-rows']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -13231,107 +13231,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 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: "19.2.25", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxDrawer, isStandalone: true, 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: "19.2.25", ngImport: i0, type: PxDrawer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-drawer',
-                    standalone: true,
-                }]
-        }], 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>
  */
@@ -13856,6 +13755,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 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: "19.2.25", ngImport: i0, type: PxDrawer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxDrawer, isStandalone: true, 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: "19.2.25", ngImport: i0, type: PxDrawer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-drawer',
+                    standalone: true,
+                }]
+        }], 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-fieldset>
  */
@@ -28822,16 +28822,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-ribbon>
+ * @description Type-only wrapper for <px-radio>
  */
-class PxRibbon {
+class PxRadio {
     elementRef;
+    /** The validation state of the radio button. */
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
+    }
+    /** The visual variant of the radio button. */
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
+    }
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
+    }
+    /** Whether to use inverted (dark background) styling. */
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
+    set size(value) {
+        this.elementRef.nativeElement['size'] = value;
+    }
+    get size() {
+        return this.elementRef.nativeElement['size'];
+    }
+    /** Whether the radio button is checked. */
+    set checked(value) {
+        this.elementRef.nativeElement['checked'] = value;
+    }
+    get checked() {
+        return this.elementRef.nativeElement['checked'];
+    }
+    /** Whether the radio button is disabled. */
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
+    /** Whether to apply hover styling. */
+    set hover(value) {
+        this.elementRef.nativeElement['hover'] = value;
+    }
+    get hover() {
+        return this.elementRef.nativeElement['hover'];
+    }
+    /** The name of the radio button, used for form submission. */
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
+    }
+    get name() {
+        return this.elementRef.nativeElement['name'];
+    }
+    /** The value of the radio button, used for form submission. */
+    set value(value) {
+        this.elementRef.nativeElement['value'] = value;
+    }
+    get value() {
+        return this.elementRef.nativeElement['value'];
+    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -29144,19 +29200,40 @@ class PxRibbon {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
+    /** Fired when the radio button becomes checked. */
+    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: "19.2.25", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRibbon, isStandalone: true, selector: "px-ribbon", inputs: { 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: "19.2.25", ngImport: i0, type: PxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadio, isStandalone: true, selector: "px-radio", inputs: { state: "state", variant: "variant", inverted: "inverted", size: "size", checked: "checked", disabled: "disabled", hover: "hover", name: "name", value: "value", 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: "19.2.25", ngImport: i0, type: PxRibbon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRadio, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-ribbon',
+                    selector: 'px-radio',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hover: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -29309,27 +29386,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
+            }], change: [{
+                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-radio>
+ * @description Type-only wrapper for <px-radio-base>
  */
-class PxRadio {
+class PxRadioBase {
     elementRef;
-    /** The validation state of the radio button. */
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
-    /** The visual variant of the radio button. */
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
+    set hover(value) {
+        this.elementRef.nativeElement['hover'] = value;
     }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
+    get hover() {
+        return this.elementRef.nativeElement['hover'];
     }
-    /** Whether to use inverted (dark background) styling. */
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
@@ -29342,41 +29412,6 @@ class PxRadio {
     get size() {
         return this.elementRef.nativeElement['size'];
     }
-    /** Whether the radio button is checked. */
-    set checked(value) {
-        this.elementRef.nativeElement['checked'] = value;
-    }
-    get checked() {
-        return this.elementRef.nativeElement['checked'];
-    }
-    /** Whether the radio button is disabled. */
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
-    }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
-    }
-    /** Whether to apply hover styling. */
-    set hover(value) {
-        this.elementRef.nativeElement['hover'] = value;
-    }
-    get hover() {
-        return this.elementRef.nativeElement['hover'];
-    }
-    /** The name of the radio button, used for form submission. */
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    /** The value of the radio button, used for form submission. */
-    set value(value) {
-        this.elementRef.nativeElement['value'] = value;
-    }
-    get value() {
-        return this.elementRef.nativeElement['value'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -29689,41 +29724,24 @@ class PxRadio {
     get wordBreakAllDesktop() {
         return this.elementRef.nativeElement['wordBreakAllDesktop'];
     }
-    /** Fired when the radio button becomes checked. */
-    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: "19.2.25", ngImport: i0, type: PxRadio, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadio, isStandalone: true, selector: "px-radio", inputs: { state: "state", variant: "variant", inverted: "inverted", size: "size", checked: "checked", disabled: "disabled", hover: "hover", name: "name", value: "value", 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: "19.2.25", ngImport: i0, type: PxRadioBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadioBase, isStandalone: true, selector: "px-radio-base", inputs: { hover: "hover", inverted: "inverted", size: "size", 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: "19.2.25", ngImport: i0, type: PxRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRadioBase, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-radio',
+                    selector: 'px-radio-base',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { state: [{
-                type: Input
-            }], variant: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hover: [{
                 type: Input
             }], inverted: [{
                 type: Input
             }], size: [{
                 type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], hover: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], value: [{
-                type: Input
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -29875,19 +29893,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], wordBreakAllDesktop: [{
                 type: Input,
                 args: ['word-break-all--desktop']
-            }], change: [{
-                type: Output
             }] } });
 /**
- * @description Type-only wrapper for <px-radio-base>
+ * @description Type-only wrapper for <px-radio-group>
  */
-class PxRadioBase {
+class PxRadioGroup {
     elementRef;
-    set hover(value) {
-        this.elementRef.nativeElement['hover'] = value;
+    set name(value) {
+        this.elementRef.nativeElement['name'] = value;
     }
-    get hover() {
-        return this.elementRef.nativeElement['hover'];
+    get name() {
+        return this.elementRef.nativeElement['name'];
+    }
+    set gap(value) {
+        this.elementRef.nativeElement['gap'] = value;
+    }
+    get gap() {
+        return this.elementRef.nativeElement['gap'];
+    }
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
+    }
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
+    }
+    set required(value) {
+        this.elementRef.nativeElement['required'] = value;
+    }
+    get required() {
+        return this.elementRef.nativeElement['required'];
+    }
+    set disabled(value) {
+        this.elementRef.nativeElement['disabled'] = value;
+    }
+    get disabled() {
+        return this.elementRef.nativeElement['disabled'];
+    }
+    set state(value) {
+        this.elementRef.nativeElement['state'] = value;
+    }
+    get state() {
+        return this.elementRef.nativeElement['state'];
     }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
@@ -30216,16 +30262,26 @@ class PxRadioBase {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRadioBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadioBase, isStandalone: true, selector: "px-radio-base", inputs: { hover: "hover", inverted: "inverted", size: "size", 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: "19.2.25", ngImport: i0, type: PxRadioGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadioGroup, isStandalone: true, selector: "px-radio-group", inputs: { name: "name", gap: "gap", variant: "variant", required: "required", disabled: "disabled", state: "state", inverted: "inverted", size: "size", 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: "19.2.25", ngImport: i0, type: PxRadioBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRadioGroup, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-radio-base',
+                    selector: 'px-radio-group',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hover: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], state: [{
                 type: Input
             }], inverted: [{
                 type: Input
@@ -30384,58 +30440,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 args: ['word-break-all--desktop']
             }] } });
 /**
- * @description Type-only wrapper for <px-radio-group>
+ * @description Type-only wrapper for <px-ribbon>
  */
-class PxRadioGroup {
+class PxRibbon {
     elementRef;
-    set name(value) {
-        this.elementRef.nativeElement['name'] = value;
-    }
-    get name() {
-        return this.elementRef.nativeElement['name'];
-    }
-    set gap(value) {
-        this.elementRef.nativeElement['gap'] = value;
-    }
-    get gap() {
-        return this.elementRef.nativeElement['gap'];
-    }
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
-    }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
-    }
-    set required(value) {
-        this.elementRef.nativeElement['required'] = value;
-    }
-    get required() {
-        return this.elementRef.nativeElement['required'];
-    }
-    set disabled(value) {
-        this.elementRef.nativeElement['disabled'] = value;
-    }
-    get disabled() {
-        return this.elementRef.nativeElement['disabled'];
-    }
-    set state(value) {
-        this.elementRef.nativeElement['state'] = value;
-    }
-    get state() {
-        return this.elementRef.nativeElement['state'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
     get inverted() {
         return this.elementRef.nativeElement['inverted'];
     }
-    set size(value) {
-        this.elementRef.nativeElement['size'] = value;
-    }
-    get size() {
-        return this.elementRef.nativeElement['size'];
-    }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
     }
@@ -30751,30 +30765,16 @@ class PxRadioGroup {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRadioGroup, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRadioGroup, isStandalone: true, selector: "px-radio-group", inputs: { name: "name", gap: "gap", variant: "variant", required: "required", disabled: "disabled", state: "state", inverted: "inverted", size: "size", 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: "19.2.25", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxRibbon, isStandalone: true, selector: "px-ribbon", inputs: { 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: "19.2.25", ngImport: i0, type: PxRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxRibbon, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-radio-group',
+                    selector: 'px-ribbon',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{
-                type: Input
-            }], gap: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], inverted: [{
-                type: Input
-            }], size: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -34243,6 +34243,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-spinner>
+ */
+class PxSpinner {
+    elementRef;
+    set size(value) {
+        this.elementRef.nativeElement['size'] = value;
+    }
+    get size() {
+        return this.elementRef.nativeElement['size'];
+    }
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    set timeout(value) {
+        this.elementRef.nativeElement['timeout'] = value;
+    }
+    get timeout() {
+        return this.elementRef.nativeElement['timeout'];
+    }
+    set ariaLabel(value) {
+        this.elementRef.nativeElement['ariaLabel'] = value;
+    }
+    get ariaLabel() {
+        return this.elementRef.nativeElement['ariaLabel'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxSpinner, isStandalone: true, selector: "px-spinner", inputs: { size: "size", inverted: "inverted", timeout: "timeout", ariaLabel: ["aria-label", "ariaLabel"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpinner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-spinner',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], timeout: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }] } });
 /**
  * @description Type-only wrapper for <px-span>
  */
@@ -34783,57 +34834,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
-/**
- * @description Type-only wrapper for <px-spinner>
- */
-class PxSpinner {
-    elementRef;
-    set size(value) {
-        this.elementRef.nativeElement['size'] = value;
-    }
-    get size() {
-        return this.elementRef.nativeElement['size'];
-    }
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
-    }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
-    }
-    set timeout(value) {
-        this.elementRef.nativeElement['timeout'] = value;
-    }
-    get timeout() {
-        return this.elementRef.nativeElement['timeout'];
-    }
-    set ariaLabel(value) {
-        this.elementRef.nativeElement['ariaLabel'] = value;
-    }
-    get ariaLabel() {
-        return this.elementRef.nativeElement['ariaLabel'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxSpinner, isStandalone: true, selector: "px-spinner", inputs: { size: "size", inverted: "inverted", timeout: "timeout", ariaLabel: ["aria-label", "ariaLabel"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxSpinner, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-spinner',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { size: [{
-                type: Input
-            }], inverted: [{
-                type: Input
-            }], timeout: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input,
-                args: ['aria-label']
-            }] } });
 /**
  * @description Type-only wrapper for <px-status>
  */
@@ -37258,6 +37258,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input,
                 args: ['word-break-all--desktop']
             }] } });
+/**
+ * @description Type-only wrapper for <px-timeline>
+ */
+class PxTimeline {
+    elementRef;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimeline, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTimeline, isStandalone: true, selector: "px-timeline", inputs: { inverted: "inverted" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimeline, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-timeline',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+                type: Input
+            }] } });
+/**
+ * @description Type-only wrapper for <px-timeline-item>
+ */
+class PxTimelineItem {
+    elementRef;
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    set lastchild(value) {
+        this.elementRef.nativeElement['lastchild'] = value;
+    }
+    get lastchild() {
+        return this.elementRef.nativeElement['lastchild'];
+    }
+    set item(value) {
+        this.elementRef.nativeElement['item'] = value;
+    }
+    get item() {
+        return this.elementRef.nativeElement['item'];
+    }
+    TIMELINE_ITEM_CONNECTED_EVENT = new EventEmitter();
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.elementRef.nativeElement.addEventListener('TIMELINE_ITEM_CONNECTED_EVENT', (e) => {
+            this.TIMELINE_ITEM_CONNECTED_EVENT.emit(e.detail);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimelineItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTimelineItem, isStandalone: true, selector: "px-timeline-item", inputs: { inverted: "inverted", lastchild: "lastchild", item: "item" }, outputs: { TIMELINE_ITEM_CONNECTED_EVENT: "TIMELINE_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimelineItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-timeline-item',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+                type: Input
+            }], lastchild: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], TIMELINE_ITEM_CONNECTED_EVENT: [{
+                type: Output
+            }] } });
 /**
  * @description Type-only wrapper for <px-tile>
  */
@@ -40481,80 +40555,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }], change: [{
                 type: Output
             }] } });
-/**
- * @description Type-only wrapper for <px-timeline>
- */
-class PxTimeline {
-    elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
-    }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimeline, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTimeline, isStandalone: true, selector: "px-timeline", inputs: { inverted: "inverted" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimeline, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-timeline',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
-                type: Input
-            }] } });
-/**
- * @description Type-only wrapper for <px-timeline-item>
- */
-class PxTimelineItem {
-    elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
-    }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
-    }
-    set lastchild(value) {
-        this.elementRef.nativeElement['lastchild'] = value;
-    }
-    get lastchild() {
-        return this.elementRef.nativeElement['lastchild'];
-    }
-    set item(value) {
-        this.elementRef.nativeElement['item'] = value;
-    }
-    get item() {
-        return this.elementRef.nativeElement['item'];
-    }
-    TIMELINE_ITEM_CONNECTED_EVENT = new EventEmitter();
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.elementRef.nativeElement.addEventListener('TIMELINE_ITEM_CONNECTED_EVENT', (e) => {
-            this.TIMELINE_ITEM_CONNECTED_EVENT.emit(e.detail);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimelineItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: PxTimelineItem, isStandalone: true, selector: "px-timeline-item", inputs: { inverted: "inverted", lastchild: "lastchild", item: "item" }, outputs: { TIMELINE_ITEM_CONNECTED_EVENT: "TIMELINE_ITEM_CONNECTED_EVENT" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PxTimelineItem, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-timeline-item',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
-                type: Input
-            }], lastchild: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], TIMELINE_ITEM_CONNECTED_EVENT: [{
-                type: Output
-            }] } });
 /**
  * @description Type-only wrapper for <px-typography>
  */
@@ -41302,7 +41302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             }] } });
 class Lavender {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContentHeader, PxContainer, 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, PxRibbon, PxRadio, PxRadioBase, PxRadioGroup, 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, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContentHeader, PxContainer, 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, PxRibbon, PxRadio, PxRadioBase, PxRadioGroup, 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: "19.2.25", ngImport: i0, type: Lavender, imports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxAppleseed, PxCarousel, PxCarouselItem, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDropdown, PxDrawer, 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, PxSpinner, PxSpan, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTimeline, PxTimelineItem, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxAppleseed, PxCarousel, PxCarouselItem, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDropdown, PxDrawer, 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, PxSpinner, PxSpan, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTimeline, PxTimelineItem, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Lavender, decorators: [{
@@ -41320,22 +41320,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxButtonWrapper,
                         PxButtonIcon,
                         PxCard,
-                        PxAppleseed,
-                        PxCarousel,
-                        PxCarouselItem,
                         PxCell,
                         PxCellButton,
                         PxCellCheckbox,
                         PxCellLink,
                         PxCellRadio,
                         PxCellSwitch,
+                        PxAppleseed,
+                        PxCarousel,
+                        PxCarouselItem,
                         PxCheckbox,
                         PxColorOption,
                         PxColorOptionLink,
-                        PxContentHeader,
                         PxContainer,
-                        PxDrawer,
+                        PxContentHeader,
                         PxDropdown,
+                        PxDrawer,
                         PxFieldset,
                         PxGrid,
                         PxH1,
@@ -41367,18 +41367,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxCardContainer,
                         PxCardHeading,
                         PxPrice,
-                        PxRibbon,
                         PxRadio,
                         PxRadioBase,
                         PxRadioGroup,
+                        PxRibbon,
                         PxSection,
                         PxSelectableBox,
                         PxSelectableBoxCheckbox,
                         PxSelectableBoxRadio,
                         PxSeparator,
                         PxSkeleton,
-                        PxSpan,
                         PxSpinner,
+                        PxSpan,
                         PxStatus,
                         PxStatusCard,
                         PxStickyContainer,
@@ -41394,14 +41394,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxTab,
                         PxTabPanel,
                         PxTag,
+                        PxTimeline,
+                        PxTimelineItem,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,
                         PxTileLink,
                         PxTileRadio,
                         PxTileSwitch,
-                        PxTimeline,
-                        PxTimelineItem,
                         PxTypography,
                         PxPatch,
                         PxIcon,
@@ -41422,22 +41422,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxButtonWrapper,
                         PxButtonIcon,
                         PxCard,
-                        PxAppleseed,
-                        PxCarousel,
-                        PxCarouselItem,
                         PxCell,
                         PxCellButton,
                         PxCellCheckbox,
                         PxCellLink,
                         PxCellRadio,
                         PxCellSwitch,
+                        PxAppleseed,
+                        PxCarousel,
+                        PxCarouselItem,
                         PxCheckbox,
                         PxColorOption,
                         PxColorOptionLink,
-                        PxContentHeader,
                         PxContainer,
-                        PxDrawer,
+                        PxContentHeader,
                         PxDropdown,
+                        PxDrawer,
                         PxFieldset,
                         PxGrid,
                         PxH1,
@@ -41469,18 +41469,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxCardContainer,
                         PxCardHeading,
                         PxPrice,
-                        PxRibbon,
                         PxRadio,
                         PxRadioBase,
                         PxRadioGroup,
+                        PxRibbon,
                         PxSection,
                         PxSelectableBox,
                         PxSelectableBoxCheckbox,
                         PxSelectableBoxRadio,
                         PxSeparator,
                         PxSkeleton,
-                        PxSpan,
                         PxSpinner,
+                        PxSpan,
                         PxStatus,
                         PxStatusCard,
                         PxStickyContainer,
@@ -41496,14 +41496,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         PxTab,
                         PxTabPanel,
                         PxTag,
+                        PxTimeline,
+                        PxTimelineItem,
                         PxTile,
                         PxTileButton,
                         PxTileCheckbox,
                         PxTileLink,
                         PxTileRadio,
                         PxTileSwitch,
-                        PxTimeline,
-                        PxTimelineItem,
                         PxTypography,
                         PxPatch,
                         PxIcon,