monkey-style-guide 2.0.116 → 2.0.117

package/fesm2015/monkey-style-guide.mjs

@@ -788,6 +788,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
+class MonkeyIconAuctionComponent {
+}
+MonkeyIconAuctionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconAuctionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconAuctionComponent, selector: "monkey-icon-auction", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M22.789 24.5669L22.4355 24.9204L23.1426 25.6275L23.4961 25.274L22.789 24.5669ZM31.2743 17.4958L31.6279 17.1422L30.9208 16.4351L30.5672 16.7887L31.2743 17.4958ZM23.4961 25.274L31.2743 17.4958L30.5672 16.7887L22.789 24.5669L23.4961 25.274Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<path d=\"M14.3027 16.0815L13.9491 16.4351L14.6562 17.1422L15.0098 16.7886L14.3027 16.0815ZM22.788 9.01044L23.1415 8.65688L22.4344 7.94978L22.0809 8.30333L22.788 9.01044ZM15.0098 16.7886L22.788 9.01044L22.0809 8.30333L14.3027 16.0815L15.0098 16.7886Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<rect x=\"9\" y=\"12.1924\" width=\"13\" height=\"26\" rx=\"3.33333\" transform=\"rotate(-45 9 12.1924)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M16.5762 19.7711L20.1117 23.3066L8.30137 35.1169C7.71558 35.7027 6.76583 35.7027 6.18005 35.1169L4.76583 33.7027C4.18005 33.1169 4.18005 32.1672 4.76583 31.5814L16.5762 19.7711Z\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"17.5\" y=\"32.5\" width=\"19\" height=\"4\" rx=\"1.5\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconAuctionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-auction', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M22.789 24.5669L22.4355 24.9204L23.1426 25.6275L23.4961 25.274L22.789 24.5669ZM31.2743 17.4958L31.6279 17.1422L30.9208 16.4351L30.5672 16.7887L31.2743 17.4958ZM23.4961 25.274L31.2743 17.4958L30.5672 16.7887L22.789 24.5669L23.4961 25.274Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<path d=\"M14.3027 16.0815L13.9491 16.4351L14.6562 17.1422L15.0098 16.7886L14.3027 16.0815ZM22.788 9.01044L23.1415 8.65688L22.4344 7.94978L22.0809 8.30333L22.788 9.01044ZM15.0098 16.7886L22.788 9.01044L22.0809 8.30333L14.3027 16.0815L15.0098 16.7886Z\" fill=\"#4B4A53\" [attr.fill]=\"fillColor\"/>\n<rect x=\"9\" y=\"12.1924\" width=\"13\" height=\"26\" rx=\"3.33333\" transform=\"rotate(-45 9 12.1924)\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M16.5762 19.7711L20.1117 23.3066L8.30137 35.1169C7.71558 35.7027 6.76583 35.7027 6.18005 35.1169L4.76583 33.7027C4.18005 33.1169 4.18005 32.1672 4.76583 31.5814L16.5762 19.7711Z\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"17.5\" y=\"32.5\" width=\"19\" height=\"4\" rx=\"1.5\" stroke=\"#4B4A53\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class MonkeyIconBankComponent {
 }
 MonkeyIconBankComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconBankComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1451,6 +1464,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
+class MonkeyIconRadioComponent {
+}
+MonkeyIconRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconRadioComponent, selector: "monkey-icon-radio", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M20.0003 23.3332C21.8413 23.3332 23.3337 21.8408 23.3337 19.9998C23.3337 18.1589 21.8413 16.6665 20.0003 16.6665C18.1594 16.6665 16.667 18.1589 16.667 19.9998C16.667 21.8408 18.1594 23.3332 20.0003 23.3332Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M27.0667 12.9335C27.9965 13.8622 28.734 14.9651 29.2373 16.1791C29.7405 17.393 29.9996 18.6943 29.9996 20.0085C29.9996 21.3226 29.7405 22.6239 29.2373 23.8379C28.734 25.0518 27.9965 26.1547 27.0667 27.0835M12.9334 27.0668C12.0036 26.1381 11.266 25.0352 10.7628 23.8212C10.2595 22.6072 10.0005 21.306 10.0005 19.9918C10.0005 18.6776 10.2595 17.3764 10.7628 16.1624C11.266 14.9484 12.0036 13.8455 12.9334 12.9168M31.7834 8.2168C34.9079 11.3423 36.6631 15.5807 36.6631 20.0001C36.6631 24.4195 34.9079 28.658 31.7834 31.7835M8.21669 31.7835C5.09217 28.658 3.33691 24.4195 3.33691 20.0001C3.33691 15.5807 5.09217 11.3423 8.21669 8.2168\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-radio', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M20.0003 23.3332C21.8413 23.3332 23.3337 21.8408 23.3337 19.9998C23.3337 18.1589 21.8413 16.6665 20.0003 16.6665C18.1594 16.6665 16.667 18.1589 16.667 19.9998C16.667 21.8408 18.1594 23.3332 20.0003 23.3332Z\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M27.0667 12.9335C27.9965 13.8622 28.734 14.9651 29.2373 16.1791C29.7405 17.393 29.9996 18.6943 29.9996 20.0085C29.9996 21.3226 29.7405 22.6239 29.2373 23.8379C28.734 25.0518 27.9965 26.1547 27.0667 27.0835M12.9334 27.0668C12.0036 26.1381 11.266 25.0352 10.7628 23.8212C10.2595 22.6072 10.0005 21.306 10.0005 19.9918C10.0005 18.6776 10.2595 17.3764 10.7628 16.1624C11.266 14.9484 12.0036 13.8455 12.9334 12.9168M31.7834 8.2168C34.9079 11.3423 36.6631 15.5807 36.6631 20.0001C36.6631 24.4195 34.9079 28.658 31.7834 31.7835M8.21669 31.7835C5.09217 28.658 3.33691 24.4195 3.33691 20.0001C3.33691 15.5807 5.09217 11.3423 8.21669 8.2168\" stroke=\"#0273E8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class MonkeyIconRefreshComponent {
 }
 MonkeyIconRefreshComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconRefreshComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1529,6 +1555,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
+class MonkeyIconTrophyComponent {
+}
+MonkeyIconTrophyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconTrophyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconTrophyComponent, selector: "monkey-icon-trophy", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M10.5 3.72C10.5 3.5985 10.5985 3.5 10.72 3.5H29.28C29.4015 3.5 29.5 3.5985 29.5 3.72V11C29.5 16.2467 25.2467 20.5 20 20.5C14.7533 20.5 10.5 16.2467 10.5 11V3.72Z\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M11 5H9.54138C7.68756 5 6.27743 6.6646 6.5822 8.4932L7.44293 13.6576C7.76439 15.5863 9.43315 17 11.3885 17H12.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M29 5H30.4586C32.3124 5 33.7226 6.6646 33.4178 8.4932L32.5571 13.6576C32.2356 15.5863 30.5668 17 28.6115 17H27.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconTrophyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-trophy', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M10.5 3.72C10.5 3.5985 10.5985 3.5 10.72 3.5H29.28C29.4015 3.5 29.5 3.5985 29.5 3.72V11C29.5 16.2467 25.2467 20.5 20 20.5C14.7533 20.5 10.5 16.2467 10.5 11V3.72Z\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"18.5\" y=\"20.5\" width=\"3\" height=\"5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"15.5\" y=\"25.5\" width=\"9\" height=\"3\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M11 5H9.54138C7.68756 5 6.27743 6.6646 6.5822 8.4932L7.44293 13.6576C7.76439 15.5863 9.43315 17 11.3885 17H12.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M29 5H30.4586C32.3124 5 33.7226 6.6646 33.4178 8.4932L32.5571 13.6576C32.2356 15.5863 30.5668 17 28.6115 17H27.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n<rect x=\"12.5\" y=\"28.5\" width=\"15\" height=\"8\" rx=\"0.5\" stroke=\"black\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class MonkeyIconUploadComponent {
 }
 MonkeyIconUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1555,6 +1594,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 type: Input
             }] } });
 
+class MonkeyIconWaitingComponent {
+}
+MonkeyIconWaitingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconWaitingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyIconWaitingComponent, selector: "monkey-icon-waiting", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<g clip-path=\"url(#clip0_638_12213)\">\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_638_12213\">\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWaitingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-waiting', template: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<g clip-path=\"url(#clip0_638_12213)\">\n<path d=\"M20 5V13\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 9.39355L24.9486 15.0504\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M13 20L6 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M15.0508 15.0503L11.5152 11.5148\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 35L20 27\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M9.39453 30.6064L15.0514 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M35 20L27 20\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M30.6055 30.6064L24.9486 24.9496\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" [attr.stroke]=\"fillColor\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_638_12213\">\n<rect width=\"40\" height=\"40\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class MonkeyIconWalletComponent {
 }
 MonkeyIconWalletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconWalletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1669,6 +1721,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'arrow-up'"
     ></monkey-icon-arrow-up>
+    <monkey-icon-auction
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'auction'"
+    ></monkey-icon-auction>
     <monkey-icon-bank
       [fillColor]="_fillColor"
       [id]="_id"
@@ -1693,7 +1751,6 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'box'"
     ></monkey-icon-box>
-
     <monkey-icon-calendar
       [fillColor]="_fillColor"
       [id]="_id"
@@ -1729,15 +1786,13 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [id]="_id"
       [size]="_size"
       *ngIf="_icon === 'check-grey'"
-    >
-    </monkey-icon-check-grey>
+    ></monkey-icon-check-grey>
     <monkey-icon-check-white
       [fillColor]="_fillColor"
       [id]="_id"
       [size]="_size"
       *ngIf="_icon === 'check-white'"
-    >
-    </monkey-icon-check-white>
+    ></monkey-icon-check-white>
     <monkey-icon-check
       [fillColor]="_fillColor"
       [id]="_id"
@@ -1978,6 +2033,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'pork'"
     ></monkey-icon-pork>
+    <monkey-icon-radio
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'radio'"
+    ></monkey-icon-radio>
     <monkey-icon-refresh
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2014,6 +2075,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'trash'"
     ></monkey-icon-trash>
+    <monkey-icon-trophy
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'trophy'"
+    ></monkey-icon-trophy>
     <monkey-icon-upload
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2026,6 +2093,12 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'user'"
     ></monkey-icon-user>
+    <monkey-icon-waiting
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'waiting'"
+    ></monkey-icon-waiting>
     <monkey-icon-wallet
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2038,7 +2111,7 @@ MonkeyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
       [size]="_size"
       *ngIf="_icon === 'warning'"
     ></monkey-icon-warning>
-  `, isInline: true, components: [{ type: MonkeyIconArrowDownComponent, selector: "monkey-icon-arrow-down", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowLeftComponent, selector: "monkey-icon-arrow-left", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowRightComponent, selector: "monkey-icon-arrow-right", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowUpComponent, selector: "monkey-icon-arrow-up", inputs: ["fillColor", "size"] }, { type: MonkeyIconBankComponent, selector: "monkey-icon-bank", inputs: ["fillColor", "size"] }, { type: MonkeyIconBellComponent, selector: "monkey-icon-bell", inputs: ["fillColor", "size"] }, { type: MonkeyIconBookComponent, selector: "monkey-icon-book", inputs: ["fillColor", "size"] }, { type: MonkeyIconBoxComponent, selector: "monkey-icon-box", inputs: ["fillColor", "size"] }, { type: MonkeyIconCalendarComponent, selector: "monkey-icon-calendar", inputs: ["fillColor", "size"] }, { type: MonkeyIconCameraComponent, selector: "monkey-icon-camera", inputs: ["fillColor", "size"] }, { type: MonkeyIconChatComponent, selector: "monkey-icon-chat", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleOutComponent, selector: "monkey-icon-check-circle-out", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleComponent, selector: "monkey-icon-check-circle", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckGreyComponent, selector: "monkey-icon-check-grey", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckWhiteComponent, selector: "monkey-icon-check-white", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckComponent, selector: "monkey-icon-check", inputs: ["fillColor", "size"] }, { type: MonkeyIconClipboardComponent, selector: "monkey-icon-clipboard", inputs: ["fillColor", "size"] }, { type: MonkeyIconClockComponent, selector: "monkey-icon-clock", inputs: ["fillColor", "size"] }, { type: MonkeyIconCloseComponent, selector: "monkey-icon-close", inputs: ["fillColor", "size"] }, { type: MonkeyIconCNPJComponent, selector: "monkey-icon-cnpj", inputs: ["fillColor", "size"] }, { type: MonkeyIconCodepenComponent, selector: "monkey-icon-codepen", inputs: ["fillColor", "size"] }, { type: MonkeyIconCompanyNameComponent, selector: "monkey-icon-company-name", inputs: ["fillColor", "size"] }, { type: MonkeyIconContractComponent, selector: "monkey-icon-contract", inputs: ["fillColor", "size"] }, { type: MonkeyIconDeleteComponent, selector: "monkey-icon-delete", inputs: ["fillColor", "size"] }, { type: MonkeyIconDocumentComponent, selector: "monkey-icon-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconDollarSignComponent, selector: "monkey-icon-dollar-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconDomainComponent, selector: "monkey-icon-domain", inputs: ["fillColor", "size"] }, { type: MonkeyIconDownloadComponent, selector: "monkey-icon-download", inputs: ["fillColor", "size"] }, { type: MonkeyIconEditComponent, selector: "monkey-icon-edit", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmailComponent, selector: "monkey-icon-email", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmptyDocComponent, selector: "monkey-icon-empty-doc", inputs: ["fillColor", "size"] }, { type: MonkeyIconErrorComponent, selector: "monkey-icon-error", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeClosedComponent, selector: "monkey-icon-eye-closed", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeOpenComponent, selector: "monkey-icon-eye-open", inputs: ["fillColor", "size"] }, { type: MonkeyIconFilterComponent, selector: "monkey-icon-filter", inputs: ["fillColor", "size"] }, { type: MonkeyIconGridComponent, selector: "monkey-icon-grid", inputs: ["fillColor", "size"] }, { type: MonkeyIconHelpComponent, selector: "monkey-icon-help", inputs: ["fillColor", "size"] }, { type: MonkeyIconHexagonComponent, selector: "monkey-icon-hexagon", inputs: ["fillColor", "size"] }, { type: MonkeyIconHomeComponent, selector: "monkey-icon-home", inputs: ["fillColor", "size"] }, { type: MonkeyIconImageComponent, selector: "monkey-icon-image", inputs: ["fillColor", "size"] }, { type: MonkeyIconListComponent, selector: "monkey-icon-list", inputs: ["fillColor", "size"] }, { type: MonkeyIconLocationPinComponent, selector: "monkey-icon-location-pin", inputs: ["fillColor", "size"] }, { type: MonkeyIconLoginComponent, selector: "monkey-icon-login", inputs: ["fillColor", "size"] }, { type: MonkeyIconLogoutComponent, selector: "monkey-icon-logout", inputs: ["fillColor", "size"] }, { type: MonkeyIconMenuComponent, selector: "monkey-icon-menu", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoneySignComponent, selector: "monkey-icon-money-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoreComponent, selector: "monkey-icon-more", inputs: ["fillColor", "size"] }, { type: MonkeyIconOfferedComponent, selector: "monkey-icon-offered", inputs: ["fillColor", "size"] }, { type: MonkeyIconPasswordComponent, selector: "monkey-icon-password", inputs: ["fillColor", "size"] }, { type: MonkeyIconPeopleComponent, selector: "monkey-icon-people", inputs: ["fillColor", "size"] }, { type: MonkeyIconPercentComponent, selector: "monkey-icon-percent", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonDocumentComponent, selector: "monkey-icon-person-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonSadComponent, selector: "monkey-icon-person-sad", inputs: ["fillColor", "size"] }, { type: MonkeyIconPhoneComponent, selector: "monkey-icon-phone", inputs: ["fillColor", "size"] }, { type: MonkeyIconPorkComponent, selector: "monkey-icon-pork", inputs: ["fillColor", "size"] }, { type: MonkeyIconRefreshComponent, selector: "monkey-icon-refresh", inputs: ["fillColor", "size"] }, { type: MonkeyIconRepeatComponent, selector: "monkey-icon-repeat", inputs: ["fillColor", "size"] }, { type: MonkeyIconSearchComponent, selector: "monkey-icon-search", inputs: ["fillColor", "size"] }, { type: MonkeyIconSecondWarningComponent, selector: "monkey-icon-second-warning", inputs: ["fillColor", "size"] }, { type: MonkeyIconSettingsComponent, selector: "monkey-icon-settings", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrashComponent, selector: "monkey-icon-trash", inputs: ["fillColor", "size"] }, { type: MonkeyIconUploadComponent, selector: "monkey-icon-upload", inputs: ["fillColor", "size"] }, { type: MonkeyIconUserComponent, selector: "monkey-icon-user", inputs: ["fillColor", "size"] }, { type: MonkeyIconWalletComponent, selector: "monkey-icon-wallet", inputs: ["fillColor", "size"] }, { type: MonkeyIconWarningComponent, selector: "monkey-icon-warning", inputs: ["fillColor", "size"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, components: [{ type: MonkeyIconArrowDownComponent, selector: "monkey-icon-arrow-down", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowLeftComponent, selector: "monkey-icon-arrow-left", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowRightComponent, selector: "monkey-icon-arrow-right", inputs: ["fillColor", "size"] }, { type: MonkeyIconArrowUpComponent, selector: "monkey-icon-arrow-up", inputs: ["fillColor", "size"] }, { type: MonkeyIconAuctionComponent, selector: "monkey-icon-auction", inputs: ["fillColor", "size"] }, { type: MonkeyIconBankComponent, selector: "monkey-icon-bank", inputs: ["fillColor", "size"] }, { type: MonkeyIconBellComponent, selector: "monkey-icon-bell", inputs: ["fillColor", "size"] }, { type: MonkeyIconBookComponent, selector: "monkey-icon-book", inputs: ["fillColor", "size"] }, { type: MonkeyIconBoxComponent, selector: "monkey-icon-box", inputs: ["fillColor", "size"] }, { type: MonkeyIconCalendarComponent, selector: "monkey-icon-calendar", inputs: ["fillColor", "size"] }, { type: MonkeyIconCameraComponent, selector: "monkey-icon-camera", inputs: ["fillColor", "size"] }, { type: MonkeyIconChatComponent, selector: "monkey-icon-chat", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleOutComponent, selector: "monkey-icon-check-circle-out", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckCircleComponent, selector: "monkey-icon-check-circle", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckGreyComponent, selector: "monkey-icon-check-grey", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckWhiteComponent, selector: "monkey-icon-check-white", inputs: ["fillColor", "size"] }, { type: MonkeyIconCheckComponent, selector: "monkey-icon-check", inputs: ["fillColor", "size"] }, { type: MonkeyIconClipboardComponent, selector: "monkey-icon-clipboard", inputs: ["fillColor", "size"] }, { type: MonkeyIconClockComponent, selector: "monkey-icon-clock", inputs: ["fillColor", "size"] }, { type: MonkeyIconCloseComponent, selector: "monkey-icon-close", inputs: ["fillColor", "size"] }, { type: MonkeyIconCNPJComponent, selector: "monkey-icon-cnpj", inputs: ["fillColor", "size"] }, { type: MonkeyIconCodepenComponent, selector: "monkey-icon-codepen", inputs: ["fillColor", "size"] }, { type: MonkeyIconCompanyNameComponent, selector: "monkey-icon-company-name", inputs: ["fillColor", "size"] }, { type: MonkeyIconContractComponent, selector: "monkey-icon-contract", inputs: ["fillColor", "size"] }, { type: MonkeyIconDeleteComponent, selector: "monkey-icon-delete", inputs: ["fillColor", "size"] }, { type: MonkeyIconDocumentComponent, selector: "monkey-icon-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconDollarSignComponent, selector: "monkey-icon-dollar-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconDomainComponent, selector: "monkey-icon-domain", inputs: ["fillColor", "size"] }, { type: MonkeyIconDownloadComponent, selector: "monkey-icon-download", inputs: ["fillColor", "size"] }, { type: MonkeyIconEditComponent, selector: "monkey-icon-edit", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmailComponent, selector: "monkey-icon-email", inputs: ["fillColor", "size"] }, { type: MonkeyIconEmptyDocComponent, selector: "monkey-icon-empty-doc", inputs: ["fillColor", "size"] }, { type: MonkeyIconErrorComponent, selector: "monkey-icon-error", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeClosedComponent, selector: "monkey-icon-eye-closed", inputs: ["fillColor", "size"] }, { type: MonkeyIconEyeOpenComponent, selector: "monkey-icon-eye-open", inputs: ["fillColor", "size"] }, { type: MonkeyIconFilterComponent, selector: "monkey-icon-filter", inputs: ["fillColor", "size"] }, { type: MonkeyIconGridComponent, selector: "monkey-icon-grid", inputs: ["fillColor", "size"] }, { type: MonkeyIconHelpComponent, selector: "monkey-icon-help", inputs: ["fillColor", "size"] }, { type: MonkeyIconHexagonComponent, selector: "monkey-icon-hexagon", inputs: ["fillColor", "size"] }, { type: MonkeyIconHomeComponent, selector: "monkey-icon-home", inputs: ["fillColor", "size"] }, { type: MonkeyIconImageComponent, selector: "monkey-icon-image", inputs: ["fillColor", "size"] }, { type: MonkeyIconListComponent, selector: "monkey-icon-list", inputs: ["fillColor", "size"] }, { type: MonkeyIconLocationPinComponent, selector: "monkey-icon-location-pin", inputs: ["fillColor", "size"] }, { type: MonkeyIconLoginComponent, selector: "monkey-icon-login", inputs: ["fillColor", "size"] }, { type: MonkeyIconLogoutComponent, selector: "monkey-icon-logout", inputs: ["fillColor", "size"] }, { type: MonkeyIconMenuComponent, selector: "monkey-icon-menu", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoneySignComponent, selector: "monkey-icon-money-sign", inputs: ["fillColor", "size"] }, { type: MonkeyIconMoreComponent, selector: "monkey-icon-more", inputs: ["fillColor", "size"] }, { type: MonkeyIconOfferedComponent, selector: "monkey-icon-offered", inputs: ["fillColor", "size"] }, { type: MonkeyIconPasswordComponent, selector: "monkey-icon-password", inputs: ["fillColor", "size"] }, { type: MonkeyIconPeopleComponent, selector: "monkey-icon-people", inputs: ["fillColor", "size"] }, { type: MonkeyIconPercentComponent, selector: "monkey-icon-percent", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonDocumentComponent, selector: "monkey-icon-person-document", inputs: ["fillColor", "size"] }, { type: MonkeyIconPersonSadComponent, selector: "monkey-icon-person-sad", inputs: ["fillColor", "size"] }, { type: MonkeyIconPhoneComponent, selector: "monkey-icon-phone", inputs: ["fillColor", "size"] }, { type: MonkeyIconPorkComponent, selector: "monkey-icon-pork", inputs: ["fillColor", "size"] }, { type: MonkeyIconRadioComponent, selector: "monkey-icon-radio", inputs: ["fillColor", "size"] }, { type: MonkeyIconRefreshComponent, selector: "monkey-icon-refresh", inputs: ["fillColor", "size"] }, { type: MonkeyIconRepeatComponent, selector: "monkey-icon-repeat", inputs: ["fillColor", "size"] }, { type: MonkeyIconSearchComponent, selector: "monkey-icon-search", inputs: ["fillColor", "size"] }, { type: MonkeyIconSecondWarningComponent, selector: "monkey-icon-second-warning", inputs: ["fillColor", "size"] }, { type: MonkeyIconSettingsComponent, selector: "monkey-icon-settings", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrashComponent, selector: "monkey-icon-trash", inputs: ["fillColor", "size"] }, { type: MonkeyIconTrophyComponent, selector: "monkey-icon-trophy", inputs: ["fillColor", "size"] }, { type: MonkeyIconUploadComponent, selector: "monkey-icon-upload", inputs: ["fillColor", "size"] }, { type: MonkeyIconUserComponent, selector: "monkey-icon-user", inputs: ["fillColor", "size"] }, { type: MonkeyIconWaitingComponent, selector: "monkey-icon-waiting", inputs: ["fillColor", "size"] }, { type: MonkeyIconWalletComponent, selector: "monkey-icon-wallet", inputs: ["fillColor", "size"] }, { type: MonkeyIconWarningComponent, selector: "monkey-icon-warning", inputs: ["fillColor", "size"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconComponent, decorators: [{
             type: Component,
             args: [{
@@ -2068,6 +2141,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [size]="_size"
       *ngIf="_icon === 'arrow-up'"
     ></monkey-icon-arrow-up>
+    <monkey-icon-auction
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'auction'"
+    ></monkey-icon-auction>
     <monkey-icon-bank
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2092,7 +2171,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [size]="_size"
       *ngIf="_icon === 'box'"
     ></monkey-icon-box>
-
     <monkey-icon-calendar
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2128,15 +2206,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [id]="_id"
       [size]="_size"
       *ngIf="_icon === 'check-grey'"
-    >
-    </monkey-icon-check-grey>
+    ></monkey-icon-check-grey>
     <monkey-icon-check-white
       [fillColor]="_fillColor"
       [id]="_id"
       [size]="_size"
       *ngIf="_icon === 'check-white'"
-    >
-    </monkey-icon-check-white>
+    ></monkey-icon-check-white>
     <monkey-icon-check
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2377,6 +2453,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [size]="_size"
       *ngIf="_icon === 'pork'"
     ></monkey-icon-pork>
+    <monkey-icon-radio
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'radio'"
+    ></monkey-icon-radio>
     <monkey-icon-refresh
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2413,6 +2495,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [size]="_size"
       *ngIf="_icon === 'trash'"
     ></monkey-icon-trash>
+    <monkey-icon-trophy
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'trophy'"
+    ></monkey-icon-trophy>
     <monkey-icon-upload
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2425,6 +2513,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
       [size]="_size"
       *ngIf="_icon === 'user'"
     ></monkey-icon-user>
+    <monkey-icon-waiting
+      [fillColor]="_fillColor"
+      [id]="_id"
+      [size]="_size"
+      *ngIf="_icon === 'waiting'"
+    ></monkey-icon-waiting>
     <monkey-icon-wallet
       [fillColor]="_fillColor"
       [id]="_id"
@@ -2772,10 +2866,11 @@ class MonkeyIconModule {
 }
 MonkeyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 MonkeyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, declarations: [MonkeyIconComponent,
+        MonkeyIconArrowDownComponent,
         MonkeyIconArrowLeftComponent,
         MonkeyIconArrowRightComponent,
         MonkeyIconArrowUpComponent,
-        MonkeyIconArrowDownComponent,
+        MonkeyIconAuctionComponent,
         MonkeyIconBankComponent,
         MonkeyIconBellComponent,
         MonkeyIconBookComponent,
@@ -2827,14 +2922,17 @@ MonkeyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MonkeyIconPersonSadComponent,
         MonkeyIconPhoneComponent,
         MonkeyIconPorkComponent,
+        MonkeyIconRadioComponent,
         MonkeyIconRefreshComponent,
         MonkeyIconRepeatComponent,
         MonkeyIconSearchComponent,
         MonkeyIconSecondWarningComponent,
         MonkeyIconSettingsComponent,
         MonkeyIconTrashComponent,
+        MonkeyIconTrophyComponent,
         MonkeyIconUploadComponent,
         MonkeyIconUserComponent,
+        MonkeyIconWaitingComponent,
         MonkeyIconWalletComponent,
         MonkeyIconWarningComponent], imports: [CommonModule], exports: [MonkeyIconComponent] });
 MonkeyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyIconModule, imports: [[CommonModule]] });
@@ -2843,10 +2941,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
             args: [{
                     declarations: [
                         MonkeyIconComponent,
+                        MonkeyIconArrowDownComponent,
                         MonkeyIconArrowLeftComponent,
                         MonkeyIconArrowRightComponent,
                         MonkeyIconArrowUpComponent,
-                        MonkeyIconArrowDownComponent,
+                        MonkeyIconAuctionComponent,
                         MonkeyIconBankComponent,
                         MonkeyIconBellComponent,
                         MonkeyIconBookComponent,
@@ -2898,20 +2997,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         MonkeyIconPersonSadComponent,
                         MonkeyIconPhoneComponent,
                         MonkeyIconPorkComponent,
+                        MonkeyIconRadioComponent,
                         MonkeyIconRefreshComponent,
                         MonkeyIconRepeatComponent,
                         MonkeyIconSearchComponent,
                         MonkeyIconSecondWarningComponent,
                         MonkeyIconSettingsComponent,
                         MonkeyIconTrashComponent,
+                        MonkeyIconTrophyComponent,
                         MonkeyIconUploadComponent,
                         MonkeyIconUserComponent,
+                        MonkeyIconWaitingComponent,
                         MonkeyIconWalletComponent,
-                        MonkeyIconWarningComponent,
+                        MonkeyIconWarningComponent
                     ],
                     imports: [CommonModule],
                     exports: [MonkeyIconComponent],
-                    schemas: [NO_ERRORS_SCHEMA],
+                    schemas: [NO_ERRORS_SCHEMA]
                 }]
         }] });
 
@@ -7298,79 +7400,79 @@ class MonkeyExpansionComponent {
     }
 }
 MonkeyExpansionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyExpansionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyExpansionComponent, selector: "monkey-expansion", inputs: { label: "label", helperMessage: "helperMessage", color: "color", disabled: "disabled", open: "open" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
-    <mecx-monkey-expansion
-      [id]="_id"
-      [ngClass]="
-        ('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
-        (disabled ? ' disabled' : '')
-      "
-    >
-      <mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-        <monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
-      </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-header
-        class="open"
-        *ngIf="open"
-        (click)="onToggleExpand()"
-      >
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-        <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
-      </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body *ngIf="open">
-        <ng-content></ng-content>
-      </mecx-monkey-expansion-body>
-    </mecx-monkey-expansion>
+MonkeyExpansionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyExpansionComponent, selector: "monkey-expansion", inputs: { label: "label", helperMessage: "helperMessage", color: "color", disabled: "disabled", open: "open" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+    <mecx-monkey-expansion
+      [id]="_id"
+      [ngClass]="
+        ('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
+        (disabled ? ' disabled' : '')
+      "
+    >
+      <mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+        <monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
+      </mecx-monkey-expansion-header>
+      <mecx-monkey-expansion-header
+        class="open"
+        *ngIf="open"
+        (click)="onToggleExpand()"
+      >
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+        <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
+      </mecx-monkey-expansion-header>
+      <mecx-monkey-expansion-body *ngIf="open">
+        <ng-content></ng-content>
+      </mecx-monkey-expansion-body>
+    </mecx-monkey-expansion>
   `, isInline: true, components: [{ type: MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyExpansionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-expansion',
-                    template: `
-    <mecx-monkey-expansion
-      [id]="_id"
-      [ngClass]="
-        ('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
-        (disabled ? ' disabled' : '')
-      "
-    >
-      <mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-        <monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
-      </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-header
-        class="open"
-        *ngIf="open"
-        (click)="onToggleExpand()"
-      >
-        <label>
-          {{ label }}
-        </label>
-        <helper>
-          {{ helperMessage }}
-        </helper>
-        <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
-      </mecx-monkey-expansion-header>
-      <mecx-monkey-expansion-body *ngIf="open">
-        <ng-content></ng-content>
-      </mecx-monkey-expansion-body>
-    </mecx-monkey-expansion>
+                    template: `
+    <mecx-monkey-expansion
+      [id]="_id"
+      [ngClass]="
+        ('mecx-monkey-expansion mecx-monkey-expansion__' + color || 'theme') +
+        (disabled ? ' disabled' : '')
+      "
+    >
+      <mecx-monkey-expansion-header *ngIf="!open" (click)="onToggleExpand()">
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+        <monkey-icon icon="arrow-down-16" [color]="'#4B4A53'"></monkey-icon>
+      </mecx-monkey-expansion-header>
+      <mecx-monkey-expansion-header
+        class="open"
+        *ngIf="open"
+        (click)="onToggleExpand()"
+      >
+        <label>
+          {{ label }}
+        </label>
+        <helper>
+          {{ helperMessage }}
+        </helper>
+        <monkey-icon icon="arrow-up-16" [color]="'#4B4A53'"></monkey-icon>
+      </mecx-monkey-expansion-header>
+      <mecx-monkey-expansion-body *ngIf="open">
+        <ng-content></ng-content>
+      </mecx-monkey-expansion-body>
+    </mecx-monkey-expansion>
   `,
                     encapsulation: ViewEncapsulation.None,
                 }]
@@ -7781,19 +7883,19 @@ MonkeyTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             useExisting: forwardRef(() => MonkeyTabComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
-    <mecx-tab-body [ngClass]="position">
-      <ng-content></ng-content>
-    </mecx-tab-body>
+    ], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent, descendants: true }], ngImport: i0, template: `
+    <mecx-tab-body [ngClass]="position">
+      <ng-content></ng-content>
+    </mecx-tab-body>
   `, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'monkey-tab',
-                    template: `
-    <mecx-tab-body [ngClass]="position">
-      <ng-content></ng-content>
-    </mecx-tab-body>
+                    template: `
+    <mecx-tab-body [ngClass]="position">
+      <ng-content></ng-content>
+    </mecx-tab-body>
   `,
                     encapsulation: ViewEncapsulation.None,
                     providers: [
@@ -7932,5 +8034,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonModule, MonkeyCheckboxComponent, MonkeyCheckboxModule, MonkeyDateRangePickerComponent, MonkeyDateRangePickerModule, MonkeyExpansionComponent, MonkeyExpansionModule, MonkeyFileUploadComponent, MonkeyFileUploadModule, MonkeyIconArrowLeftComponent, MonkeyIconArrowRightComponent, MonkeyIconArrowUpComponent, MonkeyIconBankComponent, MonkeyIconBellComponent, MonkeyIconBookComponent, MonkeyIconBoxComponent, MonkeyIconCNPJComponent, MonkeyIconCalendarComponent, MonkeyIconCameraComponent, MonkeyIconChatComponent, MonkeyIconCheckCircleComponent, MonkeyIconCheckCircleOutComponent, MonkeyIconCheckComponent, MonkeyIconCheckGreyComponent, MonkeyIconCheckWhiteComponent, MonkeyIconClipboardComponent, MonkeyIconClockComponent, MonkeyIconCloseComponent, MonkeyIconCodepenComponent, MonkeyIconCompanyNameComponent, MonkeyIconComponent, MonkeyIconContractComponent, MonkeyIconDeleteComponent, MonkeyIconDocumentComponent, MonkeyIconDollarSignComponent, MonkeyIconDomainComponent, MonkeyIconDownloadComponent, MonkeyIconEditComponent, MonkeyIconEmailComponent, MonkeyIconEmptyDocComponent, MonkeyIconErrorComponent, MonkeyIconEyeClosedComponent, MonkeyIconEyeOpenComponent, MonkeyIconFilterComponent, MonkeyIconGridComponent, MonkeyIconHelpComponent, MonkeyIconHexagonComponent, MonkeyIconHomeComponent, MonkeyIconImageComponent, MonkeyIconListComponent, MonkeyIconLocationPinComponent, MonkeyIconLoginComponent, MonkeyIconLogoutComponent, MonkeyIconMenuComponent, MonkeyIconModule, MonkeyIconMoneySignComponent, MonkeyIconMoreComponent, MonkeyIconOfferedComponent, MonkeyIconPasswordComponent, MonkeyIconPeopleComponent, MonkeyIconPercentComponent, MonkeyIconPersonDocumentComponent, MonkeyIconPersonSadComponent, MonkeyIconPhoneComponent, MonkeyIconPorkComponent, MonkeyIconRefreshComponent, MonkeyIconRepeatComponent, MonkeyIconSearchComponent, MonkeyIconSecondWarningComponent, MonkeyIconSettingsComponent, MonkeyIconTrashComponent, MonkeyIconUploadComponent, MonkeyIconUserComponent, MonkeyIconWalletComponent, MonkeyIconWarningComponent, MonkeyImageCropComponent, MonkeyImageCropModule, MonkeyInputComponent, MonkeyInputFilterComponent, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputPhoneModule, MonkeyModalComponent, MonkeyModalModule, MonkeyOptionComponent, MonkeyOptionModule, MonkeyRadioButtonComponent, MonkeyRadioButtonModule, MonkeySelectComponent, MonkeySelectFilterComponent, MonkeySelectModule, MonkeySelectMultipleComponent, MonkeySelectSearchComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStyleGuideModalFixedService, MonkeyStyleGuideModalService, MonkeyStyleGuideModule, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService, MonkeyTabComponent, MonkeyTabModule, MonkeyTableColumnComponent, MonkeyTableComponent, MonkeyTableModule, MonkeyToggleComponent, MonkeyToggleModule, MonkeyUtils, MonkeyWizardComponent, MonkeyWizardModule, PhoneNumberValidDirective };
+export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonModule, MonkeyCheckboxComponent, MonkeyCheckboxModule, MonkeyDateRangePickerComponent, MonkeyDateRangePickerModule, MonkeyExpansionComponent, MonkeyExpansionModule, MonkeyFileUploadComponent, MonkeyFileUploadModule, MonkeyIconArrowLeftComponent, MonkeyIconArrowRightComponent, MonkeyIconArrowUpComponent, MonkeyIconAuctionComponent, MonkeyIconBankComponent, MonkeyIconBellComponent, MonkeyIconBookComponent, MonkeyIconBoxComponent, MonkeyIconCNPJComponent, MonkeyIconCalendarComponent, MonkeyIconCameraComponent, MonkeyIconChatComponent, MonkeyIconCheckCircleComponent, MonkeyIconCheckCircleOutComponent, MonkeyIconCheckComponent, MonkeyIconCheckGreyComponent, MonkeyIconCheckWhiteComponent, MonkeyIconClipboardComponent, MonkeyIconClockComponent, MonkeyIconCloseComponent, MonkeyIconCodepenComponent, MonkeyIconCompanyNameComponent, MonkeyIconComponent, MonkeyIconContractComponent, MonkeyIconDeleteComponent, MonkeyIconDocumentComponent, MonkeyIconDollarSignComponent, MonkeyIconDomainComponent, MonkeyIconDownloadComponent, MonkeyIconEditComponent, MonkeyIconEmailComponent, MonkeyIconEmptyDocComponent, MonkeyIconErrorComponent, MonkeyIconEyeClosedComponent, MonkeyIconEyeOpenComponent, MonkeyIconFilterComponent, MonkeyIconGridComponent, MonkeyIconHelpComponent, MonkeyIconHexagonComponent, MonkeyIconHomeComponent, MonkeyIconImageComponent, MonkeyIconListComponent, MonkeyIconLocationPinComponent, MonkeyIconLoginComponent, MonkeyIconLogoutComponent, MonkeyIconMenuComponent, MonkeyIconModule, MonkeyIconMoneySignComponent, MonkeyIconMoreComponent, MonkeyIconOfferedComponent, MonkeyIconPasswordComponent, MonkeyIconPeopleComponent, MonkeyIconPercentComponent, MonkeyIconPersonDocumentComponent, MonkeyIconPersonSadComponent, MonkeyIconPhoneComponent, MonkeyIconPorkComponent, MonkeyIconRadioComponent, MonkeyIconRefreshComponent, MonkeyIconRepeatComponent, MonkeyIconSearchComponent, MonkeyIconSecondWarningComponent, MonkeyIconSettingsComponent, MonkeyIconTrashComponent, MonkeyIconTrophyComponent, MonkeyIconUploadComponent, MonkeyIconUserComponent, MonkeyIconWaitingComponent, MonkeyIconWalletComponent, MonkeyIconWarningComponent, MonkeyImageCropComponent, MonkeyImageCropModule, MonkeyInputComponent, MonkeyInputFilterComponent, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputPhoneModule, MonkeyModalComponent, MonkeyModalModule, MonkeyOptionComponent, MonkeyOptionModule, MonkeyRadioButtonComponent, MonkeyRadioButtonModule, MonkeySelectComponent, MonkeySelectFilterComponent, MonkeySelectModule, MonkeySelectMultipleComponent, MonkeySelectSearchComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStyleGuideModalFixedService, MonkeyStyleGuideModalService, MonkeyStyleGuideModule, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService, MonkeyTabComponent, MonkeyTabModule, MonkeyTableColumnComponent, MonkeyTableComponent, MonkeyTableModule, MonkeyToggleComponent, MonkeyToggleModule, MonkeyUtils, MonkeyWizardComponent, MonkeyWizardModule, PhoneNumberValidDirective };
 //# sourceMappingURL=monkey-style-guide.mjs.map