@getflip/swirl-components-angular 0.9.0 → 0.11.0

package/projects/component-library/src/lib/stencil-generated/components.ts

@@ -27,17 +27,17 @@ export class FileManager {
 }
 
 
-export declare interface FlipActionList extends Components.FlipActionList {}
+export declare interface SwirlActionList extends Components.SwirlActionList {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined
 })
 @Component({
-  selector: 'flip-action-list',
+  selector: 'swirl-action-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>'
 })
-export class FlipActionList {
+export class SwirlActionList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -46,19 +46,19 @@ export class FlipActionList {
 }
 
 
-export declare interface FlipActionListItem extends Components.FlipActionListItem {}
+export declare interface SwirlActionListItem extends Components.SwirlActionListItem {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['description', 'disabled', 'icon', 'intent', 'label', 'size', 'suffix']
 })
 @Component({
-  selector: 'flip-action-list-item',
+  selector: 'swirl-action-list-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['description', 'disabled', 'icon', 'intent', 'label', 'size', 'suffix']
 })
-export class FlipActionListItem {
+export class SwirlActionListItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -67,19 +67,19 @@ export class FlipActionListItem {
 }
 
 
-export declare interface FlipActionListSection extends Components.FlipActionListSection {}
+export declare interface SwirlActionListSection extends Components.SwirlActionListSection {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['label']
 })
 @Component({
-  selector: 'flip-action-list-section',
+  selector: 'swirl-action-list-section',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['label']
 })
-export class FlipActionListSection {
+export class SwirlActionListSection {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -87,8 +87,8 @@ export class FlipActionListSection {
   }
 }
 
-import type { FlipAppLayoutMobileView as IFlipAppLayoutFlipAppLayoutMobileView } from '@getflip/swirl-components';
-export declare interface FlipAppLayout extends Components.FlipAppLayout {
+import type { SwirlAppLayoutMobileView as ISwirlAppLayoutSwirlAppLayoutMobileView } from '@getflip/swirl-components';
+export declare interface SwirlAppLayout extends Components.SwirlAppLayout {
   /**
    *  
    */
@@ -96,7 +96,7 @@ export declare interface FlipAppLayout extends Components.FlipAppLayout {
   /**
    *  
    */
-  mobileViewChange: EventEmitter<CustomEvent<IFlipAppLayoutFlipAppLayoutMobileView>>;
+  mobileViewChange: EventEmitter<CustomEvent<ISwirlAppLayoutSwirlAppLayoutMobileView>>;
   /**
    *  
    */
@@ -114,12 +114,12 @@ export declare interface FlipAppLayout extends Components.FlipAppLayout {
   methods: ['showSidebar', 'hideSidebar', 'toggleSidebar', 'changeMobileView']
 })
 @Component({
-  selector: 'flip-app-layout',
+  selector: 'swirl-app-layout',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['appBarMedia', 'appName', 'backToNavigationViewButtonLabel', 'ctaIcon', 'ctaLabel', 'heading', 'navigationBackButtonLabel', 'navigationLabel', 'showNavigationBackButton', 'sidebarCloseButtonLabel', 'sidebarHeading', 'subheading', 'transitionStyle']
 })
-export class FlipAppLayout {
+export class SwirlAppLayout {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -129,7 +129,7 @@ export class FlipAppLayout {
 }
 
 
-export declare interface FlipAutocomplete extends Components.FlipAutocomplete {
+export declare interface SwirlAutocomplete extends Components.SwirlAutocomplete {
   /**
    *  
    */
@@ -139,15 +139,15 @@ export declare interface FlipAutocomplete extends Components.FlipAutocomplete {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoSelect', 'clearButtonLabel', 'clearable', 'disabled', 'flipAriaDescribedby', 'generateSuggestions', 'invalid', 'maxLength', 'menuLabel', 'mode', 'required', 'spellCheck', 'value']
+  inputs: ['autoSelect', 'clearButtonLabel', 'clearable', 'disabled', 'generateSuggestions', 'invalid', 'maxLength', 'menuLabel', 'mode', 'required', 'spellCheck', 'swirlAriaDescribedby', 'value']
 })
 @Component({
-  selector: 'flip-autocomplete',
+  selector: 'swirl-autocomplete',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoSelect', 'clearButtonLabel', 'clearable', 'disabled', 'flipAriaDescribedby', 'generateSuggestions', 'invalid', 'maxLength', 'menuLabel', 'mode', 'required', 'spellCheck', 'value']
+  inputs: ['autoSelect', 'clearButtonLabel', 'clearable', 'disabled', 'generateSuggestions', 'invalid', 'maxLength', 'menuLabel', 'mode', 'required', 'spellCheck', 'swirlAriaDescribedby', 'value']
 })
-export class FlipAutocomplete {
+export class SwirlAutocomplete {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -157,19 +157,19 @@ export class FlipAutocomplete {
 }
 
 
-export declare interface FlipAvatar extends Components.FlipAvatar {}
+export declare interface SwirlAvatar extends Components.SwirlAvatar {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'showLabel', 'size', 'src', 'variant']
 })
 @Component({
-  selector: 'flip-avatar',
+  selector: 'swirl-avatar',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'showLabel', 'size', 'src', 'variant']
 })
-export class FlipAvatar {
+export class SwirlAvatar {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -178,19 +178,19 @@ export class FlipAvatar {
 }
 
 
-export declare interface FlipAvatarGroup extends Components.FlipAvatarGroup {}
+export declare interface SwirlAvatarGroup extends Components.SwirlAvatarGroup {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['badge']
 })
 @Component({
-  selector: 'flip-avatar-group',
+  selector: 'swirl-avatar-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['badge']
 })
-export class FlipAvatarGroup {
+export class SwirlAvatarGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -199,19 +199,19 @@ export class FlipAvatarGroup {
 }
 
 
-export declare interface FlipBadge extends Components.FlipBadge {}
+export declare interface SwirlBadge extends Components.SwirlBadge {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['icon', 'intent', 'label', 'size', 'variant']
 })
 @Component({
-  selector: 'flip-badge',
+  selector: 'swirl-badge',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['icon', 'intent', 'label', 'size', 'variant']
 })
-export class FlipBadge {
+export class SwirlBadge {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -220,7 +220,7 @@ export class FlipBadge {
 }
 
 
-export declare interface FlipBanner extends Components.FlipBanner {
+export declare interface SwirlBanner extends Components.SwirlBanner {
   /**
    *  
    */
@@ -237,12 +237,12 @@ export declare interface FlipBanner extends Components.FlipBanner {
   inputs: ['actionLabel', 'content', 'dismissLabel', 'dismissable', 'importance', 'intent', 'showIcon']
 })
 @Component({
-  selector: 'flip-banner',
+  selector: 'swirl-banner',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['actionLabel', 'content', 'dismissLabel', 'dismissable', 'importance', 'intent', 'showIcon']
 })
-export class FlipBanner {
+export class SwirlBanner {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -252,19 +252,19 @@ export class FlipBanner {
 }
 
 
-export declare interface FlipBox extends Components.FlipBox {}
+export declare interface SwirlBox extends Components.SwirlBox {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['as', 'bordered', 'centerBlock', 'centerInline', 'cover', 'padding']
+  inputs: ['as', 'bordered', 'centerBlock', 'centerInline', 'cover', 'overflow', 'padding']
 })
 @Component({
-  selector: 'flip-box',
+  selector: 'swirl-box',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['as', 'bordered', 'centerBlock', 'centerInline', 'cover', 'padding']
+  inputs: ['as', 'bordered', 'centerBlock', 'centerInline', 'cover', 'overflow', 'padding']
 })
-export class FlipBox {
+export class SwirlBox {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -273,19 +273,19 @@ export class FlipBox {
 }
 
 
-export declare interface FlipButton extends Components.FlipButton {}
+export declare interface SwirlButton extends Components.SwirlButton {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'download', 'flipAriaDescribedby', 'flipAriaExpanded', 'flipAriaLabel', 'form', 'hideLabel', 'href', 'icon', 'iconPosition', 'intent', 'label', 'name', 'size', 'target', 'type', 'value', 'variant']
+  inputs: ['disabled', 'download', 'form', 'hideLabel', 'href', 'icon', 'iconPosition', 'intent', 'label', 'name', 'pill', 'size', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlAriaLabel', 'target', 'type', 'value', 'variant']
 })
 @Component({
-  selector: 'flip-button',
+  selector: 'swirl-button',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'download', 'flipAriaDescribedby', 'flipAriaExpanded', 'flipAriaLabel', 'form', 'hideLabel', 'href', 'icon', 'iconPosition', 'intent', 'label', 'name', 'size', 'target', 'type', 'value', 'variant']
+  inputs: ['disabled', 'download', 'form', 'hideLabel', 'href', 'icon', 'iconPosition', 'intent', 'label', 'name', 'pill', 'size', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlAriaLabel', 'target', 'type', 'value', 'variant']
 })
-export class FlipButton {
+export class SwirlButton {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -294,19 +294,19 @@ export class FlipButton {
 }
 
 
-export declare interface FlipButtonGroup extends Components.FlipButtonGroup {}
+export declare interface SwirlButtonGroup extends Components.SwirlButtonGroup {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['orientation', 'segmented', 'stretch', 'wrap']
 })
 @Component({
-  selector: 'flip-button-group',
+  selector: 'swirl-button-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['orientation', 'segmented', 'stretch', 'wrap']
 })
-export class FlipButtonGroup {
+export class SwirlButtonGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -315,19 +315,19 @@ export class FlipButtonGroup {
 }
 
 
-export declare interface FlipCard extends Components.FlipCard {}
+export declare interface SwirlCard extends Components.SwirlCard {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['as', 'elevated', 'href', 'interactive', 'linkTarget']
 })
 @Component({
-  selector: 'flip-card',
+  selector: 'swirl-card',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['as', 'elevated', 'href', 'interactive', 'linkTarget']
 })
-export class FlipCard {
+export class SwirlCard {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -336,7 +336,7 @@ export class FlipCard {
 }
 
 
-export declare interface FlipCheckbox extends Components.FlipCheckbox {
+export declare interface SwirlCheckbox extends Components.SwirlCheckbox {
   /**
    *  
    */
@@ -346,15 +346,15 @@ export declare interface FlipCheckbox extends Components.FlipCheckbox {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['checked', 'description', 'disabled', 'flipAriaDescribedby', 'inputId', 'inputName', 'invalid', 'label', 'value']
+  inputs: ['checked', 'description', 'disabled', 'inputId', 'inputName', 'invalid', 'label', 'swirlAriaDescribedby', 'swirlAriaLabel', 'value']
 })
 @Component({
-  selector: 'flip-checkbox',
+  selector: 'swirl-checkbox',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['checked', 'description', 'disabled', 'flipAriaDescribedby', 'inputId', 'inputName', 'invalid', 'label', 'value']
+  inputs: ['checked', 'description', 'disabled', 'inputId', 'inputName', 'invalid', 'label', 'swirlAriaDescribedby', 'swirlAriaLabel', 'value']
 })
-export class FlipCheckbox {
+export class SwirlCheckbox {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -364,19 +364,19 @@ export class FlipCheckbox {
 }
 
 
-export declare interface FlipChip extends Components.FlipChip {}
+export declare interface SwirlChip extends Components.SwirlChip {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['avatar', 'icon', 'intent', 'interactive', 'label']
 })
 @Component({
-  selector: 'flip-chip',
+  selector: 'swirl-chip',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['avatar', 'icon', 'intent', 'interactive', 'label']
 })
-export class FlipChip {
+export class SwirlChip {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -385,7 +385,7 @@ export class FlipChip {
 }
 
 
-export declare interface FlipConsoleLayout extends Components.FlipConsoleLayout {
+export declare interface SwirlConsoleLayout extends Components.SwirlConsoleLayout {
   /**
    *  
    */
@@ -403,12 +403,12 @@ export declare interface FlipConsoleLayout extends Components.FlipConsoleLayout
   methods: ['toggleSidebar', 'showSidebar', 'hideSidebar']
 })
 @Component({
-  selector: 'flip-console-layout',
+  selector: 'swirl-console-layout',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['appName', 'backButonLabel', 'heading', 'helpButonLabel', 'hideNavigationButtonLabel', 'logoText', 'navigationLabel', 'showBackButton', 'showHelpButton', 'showNavigationButtonLabel', 'subheading']
 })
-export class FlipConsoleLayout {
+export class SwirlConsoleLayout {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -418,7 +418,7 @@ export class FlipConsoleLayout {
 }
 
 
-export declare interface FlipDateInput extends Components.FlipDateInput {
+export declare interface SwirlDateInput extends Components.SwirlDateInput {
   /**
    *  
    */
@@ -428,15 +428,15 @@ export declare interface FlipDateInput extends Components.FlipDateInput {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoFocus', 'autoSelect', 'datePickerLabel', 'disabled', 'flipAriaDescribedby', 'format', 'invalid', 'locale', 'placeholder', 'required', 'value']
+  inputs: ['autoFocus', 'autoSelect', 'datePickerLabel', 'disabled', 'format', 'invalid', 'locale', 'placeholder', 'required', 'swirlAriaDescribedby', 'value']
 })
 @Component({
-  selector: 'flip-date-input',
+  selector: 'swirl-date-input',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoFocus', 'autoSelect', 'datePickerLabel', 'disabled', 'flipAriaDescribedby', 'format', 'invalid', 'locale', 'placeholder', 'required', 'value']
+  inputs: ['autoFocus', 'autoSelect', 'datePickerLabel', 'disabled', 'format', 'invalid', 'locale', 'placeholder', 'required', 'swirlAriaDescribedby', 'value']
 })
-export class FlipDateInput {
+export class SwirlDateInput {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -446,7 +446,7 @@ export class FlipDateInput {
 }
 
 
-export declare interface FlipDatePicker extends Components.FlipDatePicker {
+export declare interface SwirlDatePicker extends Components.SwirlDatePicker {
   /**
    *  
    */
@@ -459,12 +459,12 @@ export declare interface FlipDatePicker extends Components.FlipDatePicker {
   inputs: ['locale', 'maxDate', 'minDate', 'range', 'startDate', 'value']
 })
 @Component({
-  selector: 'flip-date-picker',
+  selector: 'swirl-date-picker',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['locale', 'maxDate', 'minDate', 'range', 'startDate', 'value']
 })
-export class FlipDatePicker {
+export class SwirlDatePicker {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -474,17 +474,17 @@ export class FlipDatePicker {
 }
 
 
-export declare interface FlipDescriptionList extends Components.FlipDescriptionList {}
+export declare interface SwirlDescriptionList extends Components.SwirlDescriptionList {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined
 })
 @Component({
-  selector: 'flip-description-list',
+  selector: 'swirl-description-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>'
 })
-export class FlipDescriptionList {
+export class SwirlDescriptionList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -493,19 +493,19 @@ export class FlipDescriptionList {
 }
 
 
-export declare interface FlipDescriptionListItem extends Components.FlipDescriptionListItem {}
+export declare interface SwirlDescriptionListItem extends Components.SwirlDescriptionListItem {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['term']
 })
 @Component({
-  selector: 'flip-description-list-item',
+  selector: 'swirl-description-list-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['term']
 })
-export class FlipDescriptionListItem {
+export class SwirlDescriptionListItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -514,7 +514,7 @@ export class FlipDescriptionListItem {
 }
 
 
-export declare interface FlipDialog extends Components.FlipDialog {
+export declare interface SwirlDialog extends Components.SwirlDialog {
   /**
    *  
    */
@@ -532,12 +532,12 @@ export declare interface FlipDialog extends Components.FlipDialog {
   methods: ['open', 'close']
 })
 @Component({
-  selector: 'flip-dialog',
+  selector: 'swirl-dialog',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['hideLabel', 'intent', 'label', 'primaryActionLabel', 'secondaryActionLabel']
 })
-export class FlipDialog {
+export class SwirlDialog {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -547,19 +547,19 @@ export class FlipDialog {
 }
 
 
-export declare interface FlipEmptyState extends Components.FlipEmptyState {}
+export declare interface SwirlEmptyState extends Components.SwirlEmptyState {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['heading', 'illustration']
 })
 @Component({
-  selector: 'flip-empty-state',
+  selector: 'swirl-empty-state',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['heading', 'illustration']
 })
-export class FlipEmptyState {
+export class SwirlEmptyState {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -568,7 +568,7 @@ export class FlipEmptyState {
 }
 
 
-export declare interface FlipFileUploader extends Components.FlipFileUploader {
+export declare interface SwirlFileUploader extends Components.SwirlFileUploader {
   /**
    *  
    */
@@ -582,12 +582,12 @@ export declare interface FlipFileUploader extends Components.FlipFileUploader {
   methods: ['reset']
 })
 @Component({
-  selector: 'flip-file-uploader',
+  selector: 'swirl-file-uploader',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['accept', 'ctaLabel', 'description', 'disabled', 'dragDropLabel', 'inputId', 'inputName', 'label', 'multiple', 'showDropzone', 'uploadButtonLabel']
 })
-export class FlipFileUploader {
+export class SwirlFileUploader {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -597,7 +597,7 @@ export class FlipFileUploader {
 }
 
 
-export declare interface FlipFileViewer extends Components.FlipFileViewer {
+export declare interface SwirlFileViewer extends Components.SwirlFileViewer {
   /**
    *  
    */
@@ -611,12 +611,12 @@ export declare interface FlipFileViewer extends Components.FlipFileViewer {
   methods: ['download', 'print']
 })
 @Component({
-  selector: 'flip-file-viewer',
+  selector: 'swirl-file-viewer',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['active', 'autoplay', 'description', 'errorMessage', 'file', 'type', 'typeUnsupportedMessage', 'zoom']
 })
-export class FlipFileViewer {
+export class SwirlFileViewer {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -626,7 +626,7 @@ export class FlipFileViewer {
 }
 
 
-export declare interface FlipFileViewerAudio extends Components.FlipFileViewerAudio {
+export declare interface SwirlFileViewerAudio extends Components.SwirlFileViewerAudio {
   /**
    *  
    */
@@ -639,12 +639,12 @@ export declare interface FlipFileViewerAudio extends Components.FlipFileViewerAu
   inputs: ['autoplay', 'file', 'type']
 })
 @Component({
-  selector: 'flip-file-viewer-audio',
+  selector: 'swirl-file-viewer-audio',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['autoplay', 'file', 'type']
 })
-export class FlipFileViewerAudio {
+export class SwirlFileViewerAudio {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -654,7 +654,7 @@ export class FlipFileViewerAudio {
 }
 
 
-export declare interface FlipFileViewerCsv extends Components.FlipFileViewerCsv {
+export declare interface SwirlFileViewerCsv extends Components.SwirlFileViewerCsv {
   /**
    *  
    */
@@ -667,12 +667,12 @@ export declare interface FlipFileViewerCsv extends Components.FlipFileViewerCsv
   inputs: ['errorMessage', 'file']
 })
 @Component({
-  selector: 'flip-file-viewer-csv',
+  selector: 'swirl-file-viewer-csv',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['errorMessage', 'file']
 })
-export class FlipFileViewerCsv {
+export class SwirlFileViewerCsv {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -682,7 +682,7 @@ export class FlipFileViewerCsv {
 }
 
 
-export declare interface FlipFileViewerImage extends Components.FlipFileViewerImage {
+export declare interface SwirlFileViewerImage extends Components.SwirlFileViewerImage {
   /**
    *  
    */
@@ -696,12 +696,12 @@ export declare interface FlipFileViewerImage extends Components.FlipFileViewerIm
   methods: ['getZoom', 'resetZoom']
 })
 @Component({
-  selector: 'flip-file-viewer-image',
+  selector: 'swirl-file-viewer-image',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['description', 'errorMessage', 'file', 'maxZoom']
 })
-export class FlipFileViewerImage {
+export class SwirlFileViewerImage {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -711,7 +711,7 @@ export class FlipFileViewerImage {
 }
 
 
-export declare interface FlipFileViewerPdf extends Components.FlipFileViewerPdf {
+export declare interface SwirlFileViewerPdf extends Components.SwirlFileViewerPdf {
   /**
    *  
    */
@@ -725,12 +725,12 @@ export declare interface FlipFileViewerPdf extends Components.FlipFileViewerPdf
   methods: ['print', 'nextPage', 'previousPage', 'setPage']
 })
 @Component({
-  selector: 'flip-file-viewer-pdf',
+  selector: 'swirl-file-viewer-pdf',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['errorMessage', 'file', 'singlePageMode', 'zoom']
 })
-export class FlipFileViewerPdf {
+export class SwirlFileViewerPdf {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -740,7 +740,7 @@ export class FlipFileViewerPdf {
 }
 
 
-export declare interface FlipFileViewerText extends Components.FlipFileViewerText {
+export declare interface SwirlFileViewerText extends Components.SwirlFileViewerText {
   /**
    *  
    */
@@ -753,12 +753,12 @@ export declare interface FlipFileViewerText extends Components.FlipFileViewerTex
   inputs: ['errorMessage', 'file']
 })
 @Component({
-  selector: 'flip-file-viewer-text',
+  selector: 'swirl-file-viewer-text',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['errorMessage', 'file']
 })
-export class FlipFileViewerText {
+export class SwirlFileViewerText {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -768,7 +768,7 @@ export class FlipFileViewerText {
 }
 
 
-export declare interface FlipFileViewerVideo extends Components.FlipFileViewerVideo {
+export declare interface SwirlFileViewerVideo extends Components.SwirlFileViewerVideo {
   /**
    *  
    */
@@ -781,12 +781,12 @@ export declare interface FlipFileViewerVideo extends Components.FlipFileViewerVi
   inputs: ['autoplay', 'file', 'type']
 })
 @Component({
-  selector: 'flip-file-viewer-video',
+  selector: 'swirl-file-viewer-video',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['autoplay', 'file', 'type']
 })
-export class FlipFileViewerVideo {
+export class SwirlFileViewerVideo {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -796,19 +796,19 @@ export class FlipFileViewerVideo {
 }
 
 
-export declare interface FlipFormControl extends Components.FlipFormControl {}
+export declare interface SwirlFormControl extends Components.SwirlFormControl {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['description', 'disabled', 'errorMessage', 'invalid', 'label']
 })
 @Component({
-  selector: 'flip-form-control',
+  selector: 'swirl-form-control',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['description', 'disabled', 'errorMessage', 'invalid', 'label']
 })
-export class FlipFormControl {
+export class SwirlFormControl {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -817,19 +817,19 @@ export class FlipFormControl {
 }
 
 
-export declare interface FlipFormGroup extends Components.FlipFormGroup {}
+export declare interface SwirlFormGroup extends Components.SwirlFormGroup {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['orientation']
 })
 @Component({
-  selector: 'flip-form-group',
+  selector: 'swirl-form-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['orientation']
 })
-export class FlipFormGroup {
+export class SwirlFormGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -838,19 +838,19 @@ export class FlipFormGroup {
 }
 
 
-export declare interface FlipHeading extends Components.FlipHeading {}
+export declare interface SwirlHeading extends Components.SwirlHeading {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['align', 'as', 'headingId', 'level', 'text']
 })
 @Component({
-  selector: 'flip-heading',
+  selector: 'swirl-heading',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['align', 'as', 'headingId', 'level', 'text']
 })
-export class FlipHeading {
+export class SwirlHeading {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -859,19 +859,19 @@ export class FlipHeading {
 }
 
 
-export declare interface FlipIconAdd extends Components.FlipIconAdd {}
+export declare interface SwirlIconAdd extends Components.SwirlIconAdd {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-add',
+  selector: 'swirl-icon-add',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconAdd {
+export class SwirlIconAdd {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -880,19 +880,19 @@ export class FlipIconAdd {
 }
 
 
-export declare interface FlipIconAddPhoto extends Components.FlipIconAddPhoto {}
+export declare interface SwirlIconAddPhoto extends Components.SwirlIconAddPhoto {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-add-photo',
+  selector: 'swirl-icon-add-photo',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconAddPhoto {
+export class SwirlIconAddPhoto {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -901,19 +901,19 @@ export class FlipIconAddPhoto {
 }
 
 
-export declare interface FlipIconAdminPanelSettings extends Components.FlipIconAdminPanelSettings {}
+export declare interface SwirlIconAdminPanelSettings extends Components.SwirlIconAdminPanelSettings {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-admin-panel-settings',
+  selector: 'swirl-icon-admin-panel-settings',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconAdminPanelSettings {
+export class SwirlIconAdminPanelSettings {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -922,19 +922,19 @@ export class FlipIconAdminPanelSettings {
 }
 
 
-export declare interface FlipIconArrowBack extends Components.FlipIconArrowBack {}
+export declare interface SwirlIconArrowBack extends Components.SwirlIconArrowBack {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-arrow-back',
+  selector: 'swirl-icon-arrow-back',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconArrowBack {
+export class SwirlIconArrowBack {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -943,19 +943,19 @@ export class FlipIconArrowBack {
 }
 
 
-export declare interface FlipIconArrowForward extends Components.FlipIconArrowForward {}
+export declare interface SwirlIconArrowDownward extends Components.SwirlIconArrowDownward {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-arrow-forward',
+  selector: 'swirl-icon-arrow-downward',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconArrowForward {
+export class SwirlIconArrowDownward {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -964,19 +964,19 @@ export class FlipIconArrowForward {
 }
 
 
-export declare interface FlipIconArrowLeft extends Components.FlipIconArrowLeft {}
+export declare interface SwirlIconArrowForward extends Components.SwirlIconArrowForward {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-arrow-left',
+  selector: 'swirl-icon-arrow-forward',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconArrowLeft {
+export class SwirlIconArrowForward {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -985,19 +985,19 @@ export class FlipIconArrowLeft {
 }
 
 
-export declare interface FlipIconArrowRight extends Components.FlipIconArrowRight {}
+export declare interface SwirlIconArrowLeft extends Components.SwirlIconArrowLeft {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-arrow-right',
+  selector: 'swirl-icon-arrow-left',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconArrowRight {
+export class SwirlIconArrowLeft {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1006,19 +1006,19 @@ export class FlipIconArrowRight {
 }
 
 
-export declare interface FlipIconArrowRightSmall extends Components.FlipIconArrowRightSmall {}
+export declare interface SwirlIconArrowRight extends Components.SwirlIconArrowRight {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-arrow-right-small',
+  selector: 'swirl-icon-arrow-right',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconArrowRightSmall {
+export class SwirlIconArrowRight {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1027,19 +1027,19 @@ export class FlipIconArrowRightSmall {
 }
 
 
-export declare interface FlipIconAttachment extends Components.FlipIconAttachment {}
+export declare interface SwirlIconArrowRightSmall extends Components.SwirlIconArrowRightSmall {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-attachment',
+  selector: 'swirl-icon-arrow-right-small',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconAttachment {
+export class SwirlIconArrowRightSmall {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1048,19 +1048,19 @@ export class FlipIconAttachment {
 }
 
 
-export declare interface FlipIconBlock extends Components.FlipIconBlock {}
+export declare interface SwirlIconArrowUpward extends Components.SwirlIconArrowUpward {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-block',
+  selector: 'swirl-icon-arrow-upward',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconBlock {
+export class SwirlIconArrowUpward {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1069,19 +1069,19 @@ export class FlipIconBlock {
 }
 
 
-export declare interface FlipIconCancel extends Components.FlipIconCancel {}
+export declare interface SwirlIconAttachment extends Components.SwirlIconAttachment {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-cancel',
+  selector: 'swirl-icon-attachment',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCancel {
+export class SwirlIconAttachment {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1090,19 +1090,19 @@ export class FlipIconCancel {
 }
 
 
-export declare interface FlipIconChatBubble extends Components.FlipIconChatBubble {}
+export declare interface SwirlIconBlock extends Components.SwirlIconBlock {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-chat-bubble',
+  selector: 'swirl-icon-block',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconChatBubble {
+export class SwirlIconBlock {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1111,19 +1111,19 @@ export class FlipIconChatBubble {
 }
 
 
-export declare interface FlipIconCheck extends Components.FlipIconCheck {}
+export declare interface SwirlIconCancel extends Components.SwirlIconCancel {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-check',
+  selector: 'swirl-icon-cancel',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCheck {
+export class SwirlIconCancel {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1132,19 +1132,19 @@ export class FlipIconCheck {
 }
 
 
-export declare interface FlipIconCheckCircle extends Components.FlipIconCheckCircle {}
+export declare interface SwirlIconChatBubble extends Components.SwirlIconChatBubble {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-check-circle',
+  selector: 'swirl-icon-chat-bubble',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCheckCircle {
+export class SwirlIconChatBubble {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1153,19 +1153,19 @@ export class FlipIconCheckCircle {
 }
 
 
-export declare interface FlipIconCheckSmall extends Components.FlipIconCheckSmall {}
+export declare interface SwirlIconChatsFilled extends Components.SwirlIconChatsFilled {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-check-small',
+  selector: 'swirl-icon-chats-filled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCheckSmall {
+export class SwirlIconChatsFilled {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1174,19 +1174,19 @@ export class FlipIconCheckSmall {
 }
 
 
-export declare interface FlipIconCheckStrong extends Components.FlipIconCheckStrong {}
+export declare interface SwirlIconChatsOutlined extends Components.SwirlIconChatsOutlined {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-check-strong',
+  selector: 'swirl-icon-chats-outlined',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCheckStrong {
+export class SwirlIconChatsOutlined {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1195,19 +1195,19 @@ export class FlipIconCheckStrong {
 }
 
 
-export declare interface FlipIconChevronLeft extends Components.FlipIconChevronLeft {}
+export declare interface SwirlIconCheck extends Components.SwirlIconCheck {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-chevron-left',
+  selector: 'swirl-icon-check',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconChevronLeft {
+export class SwirlIconCheck {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1216,19 +1216,19 @@ export class FlipIconChevronLeft {
 }
 
 
-export declare interface FlipIconChevronRight extends Components.FlipIconChevronRight {}
+export declare interface SwirlIconCheckCircle extends Components.SwirlIconCheckCircle {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-chevron-right',
+  selector: 'swirl-icon-check-circle',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconChevronRight {
+export class SwirlIconCheckCircle {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1237,19 +1237,19 @@ export class FlipIconChevronRight {
 }
 
 
-export declare interface FlipIconClose extends Components.FlipIconClose {}
+export declare interface SwirlIconCheckSmall extends Components.SwirlIconCheckSmall {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-close',
+  selector: 'swirl-icon-check-small',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconClose {
+export class SwirlIconCheckSmall {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1258,19 +1258,19 @@ export class FlipIconClose {
 }
 
 
-export declare interface FlipIconCloseSmall extends Components.FlipIconCloseSmall {}
+export declare interface SwirlIconCheckStrong extends Components.SwirlIconCheckStrong {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-close-small',
+  selector: 'swirl-icon-check-strong',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCloseSmall {
+export class SwirlIconCheckStrong {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1279,19 +1279,19 @@ export class FlipIconCloseSmall {
 }
 
 
-export declare interface FlipIconCloudUpload extends Components.FlipIconCloudUpload {}
+export declare interface SwirlIconChevronLeft extends Components.SwirlIconChevronLeft {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-cloud-upload',
+  selector: 'swirl-icon-chevron-left',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCloudUpload {
+export class SwirlIconChevronLeft {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1300,19 +1300,19 @@ export class FlipIconCloudUpload {
 }
 
 
-export declare interface FlipIconComment extends Components.FlipIconComment {}
+export declare interface SwirlIconChevronRight extends Components.SwirlIconChevronRight {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-comment',
+  selector: 'swirl-icon-chevron-right',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconComment {
+export class SwirlIconChevronRight {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1321,19 +1321,19 @@ export class FlipIconComment {
 }
 
 
-export declare interface FlipIconCopy extends Components.FlipIconCopy {}
+export declare interface SwirlIconClose extends Components.SwirlIconClose {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-copy',
+  selector: 'swirl-icon-close',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconCopy {
+export class SwirlIconClose {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1342,19 +1342,19 @@ export class FlipIconCopy {
 }
 
 
-export declare interface FlipIconDateRange extends Components.FlipIconDateRange {}
+export declare interface SwirlIconCloseSmall extends Components.SwirlIconCloseSmall {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-date-range',
+  selector: 'swirl-icon-close-small',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconDateRange {
+export class SwirlIconCloseSmall {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1363,19 +1363,19 @@ export class FlipIconDateRange {
 }
 
 
-export declare interface FlipIconDelete extends Components.FlipIconDelete {}
+export declare interface SwirlIconCloudUpload extends Components.SwirlIconCloudUpload {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-delete',
+  selector: 'swirl-icon-cloud-upload',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconDelete {
+export class SwirlIconCloudUpload {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1384,19 +1384,19 @@ export class FlipIconDelete {
 }
 
 
-export declare interface FlipIconDescription extends Components.FlipIconDescription {}
+export declare interface SwirlIconColumn extends Components.SwirlIconColumn {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-description',
+  selector: 'swirl-icon-column',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconDescription {
+export class SwirlIconColumn {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1405,19 +1405,19 @@ export class FlipIconDescription {
 }
 
 
-export declare interface FlipIconDownload extends Components.FlipIconDownload {}
+export declare interface SwirlIconComment extends Components.SwirlIconComment {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-download',
+  selector: 'swirl-icon-comment',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconDownload {
+export class SwirlIconComment {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1426,19 +1426,19 @@ export class FlipIconDownload {
 }
 
 
-export declare interface FlipIconEdit extends Components.FlipIconEdit {}
+export declare interface SwirlIconCopy extends Components.SwirlIconCopy {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-edit',
+  selector: 'swirl-icon-copy',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconEdit {
+export class SwirlIconCopy {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1447,19 +1447,19 @@ export class FlipIconEdit {
 }
 
 
-export declare interface FlipIconEmojiMood extends Components.FlipIconEmojiMood {}
+export declare interface SwirlIconDateRange extends Components.SwirlIconDateRange {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-emoji-mood',
+  selector: 'swirl-icon-date-range',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconEmojiMood {
+export class SwirlIconDateRange {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1468,19 +1468,19 @@ export class FlipIconEmojiMood {
 }
 
 
-export declare interface FlipIconEmojiSatisfied extends Components.FlipIconEmojiSatisfied {}
+export declare interface SwirlIconDelete extends Components.SwirlIconDelete {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-emoji-satisfied',
+  selector: 'swirl-icon-delete',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconEmojiSatisfied {
+export class SwirlIconDelete {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1489,19 +1489,19 @@ export class FlipIconEmojiSatisfied {
 }
 
 
-export declare interface FlipIconError extends Components.FlipIconError {}
+export declare interface SwirlIconDescription extends Components.SwirlIconDescription {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-error',
+  selector: 'swirl-icon-description',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconError {
+export class SwirlIconDescription {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1510,19 +1510,19 @@ export class FlipIconError {
 }
 
 
-export declare interface FlipIconExpandLess extends Components.FlipIconExpandLess {}
+export declare interface SwirlIconDownload extends Components.SwirlIconDownload {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-expand-less',
+  selector: 'swirl-icon-download',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconExpandLess {
+export class SwirlIconDownload {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1531,19 +1531,19 @@ export class FlipIconExpandLess {
 }
 
 
-export declare interface FlipIconExpandMore extends Components.FlipIconExpandMore {}
+export declare interface SwirlIconEdit extends Components.SwirlIconEdit {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-expand-more',
+  selector: 'swirl-icon-edit',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconExpandMore {
+export class SwirlIconEdit {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1552,19 +1552,19 @@ export class FlipIconExpandMore {
 }
 
 
-export declare interface FlipIconFile extends Components.FlipIconFile {}
+export declare interface SwirlIconEmojiMood extends Components.SwirlIconEmojiMood {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-file',
+  selector: 'swirl-icon-emoji-mood',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconFile {
+export class SwirlIconEmojiMood {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1573,19 +1573,19 @@ export class FlipIconFile {
 }
 
 
-export declare interface FlipIconFolderShared extends Components.FlipIconFolderShared {}
+export declare interface SwirlIconEmojiSatisfied extends Components.SwirlIconEmojiSatisfied {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-folder-shared',
+  selector: 'swirl-icon-emoji-satisfied',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconFolderShared {
+export class SwirlIconEmojiSatisfied {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1594,19 +1594,19 @@ export class FlipIconFolderShared {
 }
 
 
-export declare interface FlipIconFullscreen extends Components.FlipIconFullscreen {}
+export declare interface SwirlIconError extends Components.SwirlIconError {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-fullscreen',
+  selector: 'swirl-icon-error',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconFullscreen {
+export class SwirlIconError {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1615,19 +1615,19 @@ export class FlipIconFullscreen {
 }
 
 
-export declare interface FlipIconFullscreenExit extends Components.FlipIconFullscreenExit {}
+export declare interface SwirlIconExpandLess extends Components.SwirlIconExpandLess {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-fullscreen-exit',
+  selector: 'swirl-icon-expand-less',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconFullscreenExit {
+export class SwirlIconExpandLess {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1636,19 +1636,19 @@ export class FlipIconFullscreenExit {
 }
 
 
-export declare interface FlipIconGroupAssign extends Components.FlipIconGroupAssign {}
+export declare interface SwirlIconExpandMore extends Components.SwirlIconExpandMore {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-group-assign',
+  selector: 'swirl-icon-expand-more',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconGroupAssign {
+export class SwirlIconExpandMore {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1657,19 +1657,19 @@ export class FlipIconGroupAssign {
 }
 
 
-export declare interface FlipIconGroups extends Components.FlipIconGroups {}
+export declare interface SwirlIconFile extends Components.SwirlIconFile {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-groups',
+  selector: 'swirl-icon-file',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconGroups {
+export class SwirlIconFile {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1678,19 +1678,19 @@ export class FlipIconGroups {
 }
 
 
-export declare interface FlipIconGroupsCustom extends Components.FlipIconGroupsCustom {}
+export declare interface SwirlIconFilter extends Components.SwirlIconFilter {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-groups-custom',
+  selector: 'swirl-icon-filter',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconGroupsCustom {
+export class SwirlIconFilter {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1699,19 +1699,19 @@ export class FlipIconGroupsCustom {
 }
 
 
-export declare interface FlipIconHelp extends Components.FlipIconHelp {}
+export declare interface SwirlIconFolderShared extends Components.SwirlIconFolderShared {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-help',
+  selector: 'swirl-icon-folder-shared',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconHelp {
+export class SwirlIconFolderShared {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1720,19 +1720,19 @@ export class FlipIconHelp {
 }
 
 
-export declare interface FlipIconImage extends Components.FlipIconImage {}
+export declare interface SwirlIconFullscreen extends Components.SwirlIconFullscreen {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-image',
+  selector: 'swirl-icon-fullscreen',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconImage {
+export class SwirlIconFullscreen {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1741,19 +1741,19 @@ export class FlipIconImage {
 }
 
 
-export declare interface FlipIconInfo extends Components.FlipIconInfo {}
+export declare interface SwirlIconFullscreenExit extends Components.SwirlIconFullscreenExit {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-info',
+  selector: 'swirl-icon-fullscreen-exit',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconInfo {
+export class SwirlIconFullscreenExit {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1762,19 +1762,19 @@ export class FlipIconInfo {
 }
 
 
-export declare interface FlipIconInventory extends Components.FlipIconInventory {}
+export declare interface SwirlIconGroupAssign extends Components.SwirlIconGroupAssign {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-inventory',
+  selector: 'swirl-icon-group-assign',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconInventory {
+export class SwirlIconGroupAssign {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1783,19 +1783,19 @@ export class FlipIconInventory {
 }
 
 
-export declare interface FlipIconLike extends Components.FlipIconLike {}
+export declare interface SwirlIconGroups extends Components.SwirlIconGroups {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-like',
+  selector: 'swirl-icon-groups',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconLike {
+export class SwirlIconGroups {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1804,19 +1804,19 @@ export class FlipIconLike {
 }
 
 
-export declare interface FlipIconLink extends Components.FlipIconLink {}
+export declare interface SwirlIconGroupsCustom extends Components.SwirlIconGroupsCustom {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-link',
+  selector: 'swirl-icon-groups-custom',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconLink {
+export class SwirlIconGroupsCustom {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1825,19 +1825,19 @@ export class FlipIconLink {
 }
 
 
-export declare interface FlipIconLock extends Components.FlipIconLock {}
+export declare interface SwirlIconGroupsFilled extends Components.SwirlIconGroupsFilled {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-lock',
+  selector: 'swirl-icon-groups-filled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconLock {
+export class SwirlIconGroupsFilled {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1846,19 +1846,19 @@ export class FlipIconLock {
 }
 
 
-export declare interface FlipIconLogout extends Components.FlipIconLogout {}
+export declare interface SwirlIconGroupsOutlined extends Components.SwirlIconGroupsOutlined {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-logout',
+  selector: 'swirl-icon-groups-outlined',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconLogout {
+export class SwirlIconGroupsOutlined {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1867,19 +1867,19 @@ export class FlipIconLogout {
 }
 
 
-export declare interface FlipIconMail extends Components.FlipIconMail {}
+export declare interface SwirlIconHelp extends Components.SwirlIconHelp {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-mail',
+  selector: 'swirl-icon-help',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMail {
+export class SwirlIconHelp {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1888,19 +1888,19 @@ export class FlipIconMail {
 }
 
 
-export declare interface FlipIconManageAccounts extends Components.FlipIconManageAccounts {}
+export declare interface SwirlIconImage extends Components.SwirlIconImage {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-manage-accounts',
+  selector: 'swirl-icon-image',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconManageAccounts {
+export class SwirlIconImage {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1909,19 +1909,19 @@ export class FlipIconManageAccounts {
 }
 
 
-export declare interface FlipIconMention extends Components.FlipIconMention {}
+export declare interface SwirlIconInfo extends Components.SwirlIconInfo {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-mention',
+  selector: 'swirl-icon-info',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMention {
+export class SwirlIconInfo {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1930,19 +1930,19 @@ export class FlipIconMention {
 }
 
 
-export declare interface FlipIconMenu extends Components.FlipIconMenu {}
+export declare interface SwirlIconInventory extends Components.SwirlIconInventory {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-menu',
+  selector: 'swirl-icon-inventory',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMenu {
+export class SwirlIconInventory {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1951,19 +1951,19 @@ export class FlipIconMenu {
 }
 
 
-export declare interface FlipIconMessage extends Components.FlipIconMessage {}
+export declare interface SwirlIconLike extends Components.SwirlIconLike {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-message',
+  selector: 'swirl-icon-like',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMessage {
+export class SwirlIconLike {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1972,19 +1972,19 @@ export class FlipIconMessage {
 }
 
 
-export declare interface FlipIconMoreHorizontal extends Components.FlipIconMoreHorizontal {}
+export declare interface SwirlIconLink extends Components.SwirlIconLink {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-more-horizontal',
+  selector: 'swirl-icon-link',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMoreHorizontal {
+export class SwirlIconLink {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -1993,19 +1993,19 @@ export class FlipIconMoreHorizontal {
 }
 
 
-export declare interface FlipIconMoreVertikal extends Components.FlipIconMoreVertikal {}
+export declare interface SwirlIconLock extends Components.SwirlIconLock {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-more-vertikal',
+  selector: 'swirl-icon-lock',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconMoreVertikal {
+export class SwirlIconLock {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2014,19 +2014,19 @@ export class FlipIconMoreVertikal {
 }
 
 
-export declare interface FlipIconNotifications extends Components.FlipIconNotifications {}
+export declare interface SwirlIconLogout extends Components.SwirlIconLogout {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-notifications',
+  selector: 'swirl-icon-logout',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconNotifications {
+export class SwirlIconLogout {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2035,19 +2035,19 @@ export class FlipIconNotifications {
 }
 
 
-export declare interface FlipIconNotificationsActive extends Components.FlipIconNotificationsActive {}
+export declare interface SwirlIconMail extends Components.SwirlIconMail {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-notifications-active',
+  selector: 'swirl-icon-mail',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconNotificationsActive {
+export class SwirlIconMail {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2056,19 +2056,19 @@ export class FlipIconNotificationsActive {
 }
 
 
-export declare interface FlipIconNotificationsOff extends Components.FlipIconNotificationsOff {}
+export declare interface SwirlIconManageAccounts extends Components.SwirlIconManageAccounts {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-notifications-off',
+  selector: 'swirl-icon-manage-accounts',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconNotificationsOff {
+export class SwirlIconManageAccounts {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2077,19 +2077,19 @@ export class FlipIconNotificationsOff {
 }
 
 
-export declare interface FlipIconOpenInNew extends Components.FlipIconOpenInNew {}
+export declare interface SwirlIconMention extends Components.SwirlIconMention {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-open-in-new',
+  selector: 'swirl-icon-mention',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconOpenInNew {
+export class SwirlIconMention {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2098,19 +2098,19 @@ export class FlipIconOpenInNew {
 }
 
 
-export declare interface FlipIconPeopleAlt extends Components.FlipIconPeopleAlt {}
+export declare interface SwirlIconMenu extends Components.SwirlIconMenu {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-people-alt',
+  selector: 'swirl-icon-menu',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPeopleAlt {
+export class SwirlIconMenu {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2119,19 +2119,19 @@ export class FlipIconPeopleAlt {
 }
 
 
-export declare interface FlipIconPerson extends Components.FlipIconPerson {}
+export declare interface SwirlIconMenuFilled extends Components.SwirlIconMenuFilled {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-person',
+  selector: 'swirl-icon-menu-filled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPerson {
+export class SwirlIconMenuFilled {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2140,19 +2140,19 @@ export class FlipIconPerson {
 }
 
 
-export declare interface FlipIconPersonOff extends Components.FlipIconPersonOff {}
+export declare interface SwirlIconMenuOutlined extends Components.SwirlIconMenuOutlined {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-person-off',
+  selector: 'swirl-icon-menu-outlined',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPersonOff {
+export class SwirlIconMenuOutlined {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2161,19 +2161,19 @@ export class FlipIconPersonOff {
 }
 
 
-export declare interface FlipIconPhone extends Components.FlipIconPhone {}
+export declare interface SwirlIconMessage extends Components.SwirlIconMessage {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-phone',
+  selector: 'swirl-icon-message',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPhone {
+export class SwirlIconMessage {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2182,19 +2182,19 @@ export class FlipIconPhone {
 }
 
 
-export declare interface FlipIconPoll extends Components.FlipIconPoll {}
+export declare interface SwirlIconMoreHorizontal extends Components.SwirlIconMoreHorizontal {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-poll',
+  selector: 'swirl-icon-more-horizontal',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPoll {
+export class SwirlIconMoreHorizontal {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2203,19 +2203,19 @@ export class FlipIconPoll {
 }
 
 
-export declare interface FlipIconPrint extends Components.FlipIconPrint {}
+export declare interface SwirlIconMoreVertikal extends Components.SwirlIconMoreVertikal {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-print',
+  selector: 'swirl-icon-more-vertikal',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconPrint {
+export class SwirlIconMoreVertikal {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2224,19 +2224,19 @@ export class FlipIconPrint {
 }
 
 
-export declare interface FlipIconRecieved extends Components.FlipIconRecieved {}
+export declare interface SwirlIconNewsFilled extends Components.SwirlIconNewsFilled {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-recieved',
+  selector: 'swirl-icon-news-filled',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconRecieved {
+export class SwirlIconNewsFilled {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2245,19 +2245,19 @@ export class FlipIconRecieved {
 }
 
 
-export declare interface FlipIconRemove extends Components.FlipIconRemove {}
+export declare interface SwirlIconNewsOutlined extends Components.SwirlIconNewsOutlined {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-remove',
+  selector: 'swirl-icon-news-outlined',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconRemove {
+export class SwirlIconNewsOutlined {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2266,19 +2266,19 @@ export class FlipIconRemove {
 }
 
 
-export declare interface FlipIconSearch extends Components.FlipIconSearch {}
+export declare interface SwirlIconNotifications extends Components.SwirlIconNotifications {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-search',
+  selector: 'swirl-icon-notifications',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconSearch {
+export class SwirlIconNotifications {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2287,19 +2287,19 @@ export class FlipIconSearch {
 }
 
 
-export declare interface FlipIconSearchStrong extends Components.FlipIconSearchStrong {}
+export declare interface SwirlIconNotificationsActive extends Components.SwirlIconNotificationsActive {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-search-strong',
+  selector: 'swirl-icon-notifications-active',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconSearchStrong {
+export class SwirlIconNotificationsActive {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2308,19 +2308,19 @@ export class FlipIconSearchStrong {
 }
 
 
-export declare interface FlipIconSend extends Components.FlipIconSend {}
+export declare interface SwirlIconNotificationsOff extends Components.SwirlIconNotificationsOff {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-send',
+  selector: 'swirl-icon-notifications-off',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconSend {
+export class SwirlIconNotificationsOff {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2329,19 +2329,19 @@ export class FlipIconSend {
 }
 
 
-export declare interface FlipIconSettings extends Components.FlipIconSettings {}
+export declare interface SwirlIconOpenInNew extends Components.SwirlIconOpenInNew {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-settings',
+  selector: 'swirl-icon-open-in-new',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconSettings {
+export class SwirlIconOpenInNew {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2350,19 +2350,19 @@ export class FlipIconSettings {
 }
 
 
-export declare interface FlipIconTimeFilled extends Components.FlipIconTimeFilled {}
+export declare interface SwirlIconPeopleAlt extends Components.SwirlIconPeopleAlt {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-time-filled',
+  selector: 'swirl-icon-people-alt',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconTimeFilled {
+export class SwirlIconPeopleAlt {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2371,19 +2371,19 @@ export class FlipIconTimeFilled {
 }
 
 
-export declare interface FlipIconTimeOutlined extends Components.FlipIconTimeOutlined {}
+export declare interface SwirlIconPerson extends Components.SwirlIconPerson {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-time-outlined',
+  selector: 'swirl-icon-person',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconTimeOutlined {
+export class SwirlIconPerson {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2392,19 +2392,19 @@ export class FlipIconTimeOutlined {
 }
 
 
-export declare interface FlipIconToday extends Components.FlipIconToday {}
+export declare interface SwirlIconPersonOff extends Components.SwirlIconPersonOff {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-today',
+  selector: 'swirl-icon-person-off',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconToday {
+export class SwirlIconPersonOff {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2413,19 +2413,19 @@ export class FlipIconToday {
 }
 
 
-export declare interface FlipIconUserAssign extends Components.FlipIconUserAssign {}
+export declare interface SwirlIconPhone extends Components.SwirlIconPhone {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-user-assign',
+  selector: 'swirl-icon-phone',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconUserAssign {
+export class SwirlIconPhone {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2434,19 +2434,19 @@ export class FlipIconUserAssign {
 }
 
 
-export declare interface FlipIconVideoCamera extends Components.FlipIconVideoCamera {}
+export declare interface SwirlIconPoll extends Components.SwirlIconPoll {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-video-camera',
+  selector: 'swirl-icon-poll',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconVideoCamera {
+export class SwirlIconPoll {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2455,19 +2455,19 @@ export class FlipIconVideoCamera {
 }
 
 
-export declare interface FlipIconVisibility extends Components.FlipIconVisibility {}
+export declare interface SwirlIconPrint extends Components.SwirlIconPrint {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-visibility',
+  selector: 'swirl-icon-print',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconVisibility {
+export class SwirlIconPrint {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2476,19 +2476,19 @@ export class FlipIconVisibility {
 }
 
 
-export declare interface FlipIconVisibilityOff extends Components.FlipIconVisibilityOff {}
+export declare interface SwirlIconRecieved extends Components.SwirlIconRecieved {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-visibility-off',
+  selector: 'swirl-icon-recieved',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconVisibilityOff {
+export class SwirlIconRecieved {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2497,19 +2497,19 @@ export class FlipIconVisibilityOff {
 }
 
 
-export declare interface FlipIconWarning extends Components.FlipIconWarning {}
+export declare interface SwirlIconRemove extends Components.SwirlIconRemove {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['size']
 })
 @Component({
-  selector: 'flip-icon-warning',
+  selector: 'swirl-icon-remove',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['size']
 })
-export class FlipIconWarning {
+export class SwirlIconRemove {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2518,19 +2518,334 @@ export class FlipIconWarning {
 }
 
 
-export declare interface FlipInlineError extends Components.FlipInlineError {}
+export declare interface SwirlIconSearch extends Components.SwirlIconSearch {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-search',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconSearch {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconSearchStrong extends Components.SwirlIconSearchStrong {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-search-strong',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconSearchStrong {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconSend extends Components.SwirlIconSend {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-send',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconSend {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconSettings extends Components.SwirlIconSettings {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-settings',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconSettings {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconSync extends Components.SwirlIconSync {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-sync',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconSync {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconTasksFilled extends Components.SwirlIconTasksFilled {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-tasks-filled',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconTasksFilled {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconTasksOutlined extends Components.SwirlIconTasksOutlined {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-tasks-outlined',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconTasksOutlined {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconTimeFilled extends Components.SwirlIconTimeFilled {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-time-filled',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconTimeFilled {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconTimeOutlined extends Components.SwirlIconTimeOutlined {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-time-outlined',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconTimeOutlined {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconToday extends Components.SwirlIconToday {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-today',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconToday {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconUserAssign extends Components.SwirlIconUserAssign {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-user-assign',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconUserAssign {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconVideoCamera extends Components.SwirlIconVideoCamera {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-video-camera',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconVideoCamera {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconVisibility extends Components.SwirlIconVisibility {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-visibility',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconVisibility {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconVisibilityOff extends Components.SwirlIconVisibilityOff {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-visibility-off',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconVisibilityOff {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlIconWarning extends Components.SwirlIconWarning {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['size']
+})
+@Component({
+  selector: 'swirl-icon-warning',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['size']
+})
+export class SwirlIconWarning {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlInlineError extends Components.SwirlInlineError {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['message', 'size']
 })
 @Component({
-  selector: 'flip-inline-error',
+  selector: 'swirl-inline-error',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['message', 'size']
 })
-export class FlipInlineError {
+export class SwirlInlineError {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2539,7 +2854,7 @@ export class FlipInlineError {
 }
 
 
-export declare interface FlipLightbox extends Components.FlipLightbox {}
+export declare interface SwirlLightbox extends Components.SwirlLightbox {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
@@ -2547,12 +2862,12 @@ export declare interface FlipLightbox extends Components.FlipLightbox {}
   methods: ['open', 'close', 'activateSlide']
 })
 @Component({
-  selector: 'flip-lightbox',
+  selector: 'swirl-lightbox',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['closeButtonLabel', 'downloadButtonLabel', 'label', 'nextSlideButtonLabel', 'previousSlideButtonLabel']
 })
-export class FlipLightbox {
+export class SwirlLightbox {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2561,19 +2876,19 @@ export class FlipLightbox {
 }
 
 
-export declare interface FlipLink extends Components.FlipLink {}
+export declare interface SwirlLink extends Components.SwirlLink {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['href', 'label', 'target']
 })
 @Component({
-  selector: 'flip-link',
+  selector: 'swirl-link',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['href', 'label', 'target']
 })
-export class FlipLink {
+export class SwirlLink {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2582,17 +2897,17 @@ export class FlipLink {
 }
 
 
-export declare interface FlipList extends Components.FlipList {}
+export declare interface SwirlList extends Components.SwirlList {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined
 })
 @Component({
-  selector: 'flip-list',
+  selector: 'swirl-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>'
 })
-export class FlipList {
+export class SwirlList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2601,7 +2916,7 @@ export class FlipList {
 }
 
 
-export declare interface FlipModal extends Components.FlipModal {
+export declare interface SwirlModal extends Components.SwirlModal {
   /**
    *  
    */
@@ -2627,12 +2942,12 @@ export declare interface FlipModal extends Components.FlipModal {
   methods: ['open', 'close']
 })
 @Component({
-  selector: 'flip-modal',
+  selector: 'swirl-modal',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['closeButtonLabel', 'label', 'primaryActionLabel', 'secondaryActionLabel']
 })
-export class FlipModal {
+export class SwirlModal {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2642,7 +2957,7 @@ export class FlipModal {
 }
 
 
-export declare interface FlipOptionList extends Components.FlipOptionList {
+export declare interface SwirlOptionList extends Components.SwirlOptionList {
   /**
    *  
    */
@@ -2655,12 +2970,12 @@ export declare interface FlipOptionList extends Components.FlipOptionList {
   inputs: ['disabled', 'label', 'multiSelect', 'optionListId', 'value']
 })
 @Component({
-  selector: 'flip-option-list',
+  selector: 'swirl-option-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['disabled', 'label', 'multiSelect', 'optionListId', 'value']
 })
-export class FlipOptionList {
+export class SwirlOptionList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2670,19 +2985,19 @@ export class FlipOptionList {
 }
 
 
-export declare interface FlipOptionListItem extends Components.FlipOptionListItem {}
+export declare interface SwirlOptionListItem extends Components.SwirlOptionListItem {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['context', 'disabled', 'icon', 'label', 'selected', 'value']
 })
 @Component({
-  selector: 'flip-option-list-item',
+  selector: 'swirl-option-list-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['context', 'disabled', 'icon', 'label', 'selected', 'value']
 })
-export class FlipOptionListItem {
+export class SwirlOptionListItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2691,19 +3006,19 @@ export class FlipOptionListItem {
 }
 
 
-export declare interface FlipOptionListSection extends Components.FlipOptionListSection {}
+export declare interface SwirlOptionListSection extends Components.SwirlOptionListSection {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['label']
 })
 @Component({
-  selector: 'flip-option-list-section',
+  selector: 'swirl-option-list-section',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['label']
 })
-export class FlipOptionListSection {
+export class SwirlOptionListSection {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2712,7 +3027,7 @@ export class FlipOptionListSection {
 }
 
 
-export declare interface FlipPagination extends Components.FlipPagination {
+export declare interface SwirlPagination extends Components.SwirlPagination {
   /**
    *  
    */
@@ -2725,12 +3040,12 @@ export declare interface FlipPagination extends Components.FlipPagination {
   inputs: ['accessibleNextButtonLabel', 'accessiblePrevButtonLabel', 'label', 'nextButtonLabel', 'page', 'pageLabel', 'pageSelectLabel', 'pages', 'prevButtonLabel', 'variant']
 })
 @Component({
-  selector: 'flip-pagination',
+  selector: 'swirl-pagination',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['accessibleNextButtonLabel', 'accessiblePrevButtonLabel', 'label', 'nextButtonLabel', 'page', 'pageLabel', 'pageSelectLabel', 'pages', 'prevButtonLabel', 'variant']
 })
-export class FlipPagination {
+export class SwirlPagination {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2740,7 +3055,7 @@ export class FlipPagination {
 }
 
 
-export declare interface FlipPdfReader extends Components.FlipPdfReader {}
+export declare interface SwirlPdfReader extends Components.SwirlPdfReader {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
@@ -2748,12 +3063,12 @@ export declare interface FlipPdfReader extends Components.FlipPdfReader {}
   methods: ['open', 'close']
 })
 @Component({
-  selector: 'flip-pdf-reader',
+  selector: 'swirl-pdf-reader',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['autoZoomLabel', 'closeButtonLabel', 'downloadButtonLabel', 'file', 'label', 'printButtonLabel', 'zoomInButtonLabel', 'zoomOutButtonLabel', 'zoomSelectLabel']
 })
-export class FlipPdfReader {
+export class SwirlPdfReader {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2762,7 +3077,7 @@ export class FlipPdfReader {
 }
 
 
-export declare interface FlipPopover extends Components.FlipPopover {
+export declare interface SwirlPopover extends Components.SwirlPopover {
   /**
    *  
    */
@@ -2780,12 +3095,12 @@ export declare interface FlipPopover extends Components.FlipPopover {
   methods: ['close', 'open']
 })
 @Component({
-  selector: 'flip-popover',
+  selector: 'swirl-popover',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['animation', 'enableFlip', 'label', 'offset', 'placement', 'popoverId', 'trigger', 'useContainerWidth']
 })
-export class FlipPopover {
+export class SwirlPopover {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2795,19 +3110,19 @@ export class FlipPopover {
 }
 
 
-export declare interface FlipProgressIndicator extends Components.FlipProgressIndicator {}
+export declare interface SwirlProgressIndicator extends Components.SwirlProgressIndicator {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['label', 'size', 'value', 'variant']
 })
 @Component({
-  selector: 'flip-progress-indicator',
+  selector: 'swirl-progress-indicator',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['label', 'size', 'value', 'variant']
 })
-export class FlipProgressIndicator {
+export class SwirlProgressIndicator {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2816,7 +3131,7 @@ export class FlipProgressIndicator {
 }
 
 
-export declare interface FlipRadio extends Components.FlipRadio {
+export declare interface SwirlRadio extends Components.SwirlRadio {
   /**
    *  
    */
@@ -2829,12 +3144,12 @@ export declare interface FlipRadio extends Components.FlipRadio {
   inputs: ['checked', 'description', 'disabled', 'inputId', 'inputName', 'invalid', 'label', 'value']
 })
 @Component({
-  selector: 'flip-radio',
+  selector: 'swirl-radio',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['checked', 'description', 'disabled', 'inputId', 'inputName', 'invalid', 'label', 'value']
 })
-export class FlipRadio {
+export class SwirlRadio {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2844,7 +3159,7 @@ export class FlipRadio {
 }
 
 
-export declare interface FlipRadioGroup extends Components.FlipRadioGroup {
+export declare interface SwirlRadioGroup extends Components.SwirlRadioGroup {
   /**
    *  
    */
@@ -2854,15 +3169,15 @@ export declare interface FlipRadioGroup extends Components.FlipRadioGroup {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['flipAriaDescribedby', 'value']
+  inputs: ['swirlAriaDescribedby', 'value']
 })
 @Component({
-  selector: 'flip-radio-group',
+  selector: 'swirl-radio-group',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['flipAriaDescribedby', 'value']
+  inputs: ['swirlAriaDescribedby', 'value']
 })
-export class FlipRadioGroup {
+export class SwirlRadioGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2872,19 +3187,19 @@ export class FlipRadioGroup {
 }
 
 
-export declare interface FlipResourceList extends Components.FlipResourceList {}
+export declare interface SwirlResourceList extends Components.SwirlResourceList {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['label']
 })
 @Component({
-  selector: 'flip-resource-list',
+  selector: 'swirl-resource-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['label']
 })
-export class FlipResourceList {
+export class SwirlResourceList {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2893,7 +3208,7 @@ export class FlipResourceList {
 }
 
 
-export declare interface FlipResourceListFileItem extends Components.FlipResourceListFileItem {
+export declare interface SwirlResourceListFileItem extends Components.SwirlResourceListFileItem {
   /**
    *  
    */
@@ -2906,12 +3221,12 @@ export declare interface FlipResourceListFileItem extends Components.FlipResourc
   inputs: ['description', 'errorMessage', 'icon', 'label', 'loading', 'removable', 'removeButtonLabel']
 })
 @Component({
-  selector: 'flip-resource-list-file-item',
+  selector: 'swirl-resource-list-file-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['description', 'errorMessage', 'icon', 'label', 'loading', 'removable', 'removeButtonLabel']
 })
-export class FlipResourceListFileItem {
+export class SwirlResourceListFileItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2921,7 +3236,7 @@ export class FlipResourceListFileItem {
 }
 
 
-export declare interface FlipResourceListItem extends Components.FlipResourceListItem {
+export declare interface SwirlResourceListItem extends Components.SwirlResourceListItem {
   /**
    *  
    */
@@ -2934,12 +3249,12 @@ export declare interface FlipResourceListItem extends Components.FlipResourceLis
   inputs: ['checked', 'description', 'disabled', 'hideDivider', 'href', 'label', 'media', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'selectable', 'value']
 })
 @Component({
-  selector: 'flip-resource-list-item',
+  selector: 'swirl-resource-list-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['checked', 'description', 'disabled', 'hideDivider', 'href', 'label', 'media', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'selectable', 'value']
 })
-export class FlipResourceListItem {
+export class SwirlResourceListItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2949,7 +3264,7 @@ export class FlipResourceListItem {
 }
 
 
-export declare interface FlipSearch extends Components.FlipSearch {
+export declare interface SwirlSearch extends Components.SwirlSearch {
   /**
    *  
    */
@@ -2970,12 +3285,12 @@ export declare interface FlipSearch extends Components.FlipSearch {
   inputs: ['autoFocus', 'clearButtonLabel', 'disabled', 'inputId', 'inputName', 'label', 'placeholder', 'value']
 })
 @Component({
-  selector: 'flip-search',
+  selector: 'swirl-search',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['autoFocus', 'clearButtonLabel', 'disabled', 'inputId', 'inputName', 'label', 'placeholder', 'value']
 })
-export class FlipSearch {
+export class SwirlSearch {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -2985,7 +3300,7 @@ export class FlipSearch {
 }
 
 
-export declare interface FlipSelect extends Components.FlipSelect {
+export declare interface SwirlSelect extends Components.SwirlSelect {
   /**
    *  
    */
@@ -2995,15 +3310,15 @@ export declare interface FlipSelect extends Components.FlipSelect {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['disabled', 'flipAriaDescribedby', 'invalid', 'label', 'multiSelect', 'required', 'value']
+  inputs: ['disabled', 'invalid', 'label', 'multiSelect', 'required', 'swirlAriaDescribedby', 'value']
 })
 @Component({
-  selector: 'flip-select',
+  selector: 'swirl-select',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['disabled', 'flipAriaDescribedby', 'invalid', 'label', 'multiSelect', 'required', 'value']
+  inputs: ['disabled', 'invalid', 'label', 'multiSelect', 'required', 'swirlAriaDescribedby', 'value']
 })
-export class FlipSelect {
+export class SwirlSelect {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3013,19 +3328,38 @@ export class FlipSelect {
 }
 
 
-export declare interface FlipSpinner extends Components.FlipSpinner {}
+export declare interface SwirlSeparator extends Components.SwirlSeparator {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'swirl-separator',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class SwirlSeparator {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlSpinner extends Components.SwirlSpinner {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['label', 'size']
 })
 @Component({
-  selector: 'flip-spinner',
+  selector: 'swirl-spinner',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['label', 'size']
 })
-export class FlipSpinner {
+export class SwirlSpinner {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3034,19 +3368,19 @@ export class FlipSpinner {
 }
 
 
-export declare interface FlipStack extends Components.FlipStack {}
+export declare interface SwirlStack extends Components.SwirlStack {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['align', 'as', 'justify', 'orientation', 'spacing', 'wrap']
 })
 @Component({
-  selector: 'flip-stack',
+  selector: 'swirl-stack',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['align', 'as', 'justify', 'orientation', 'spacing', 'wrap']
 })
-export class FlipStack {
+export class SwirlStack {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3055,7 +3389,7 @@ export class FlipStack {
 }
 
 
-export declare interface FlipSwitch extends Components.FlipSwitch {
+export declare interface SwirlSwitch extends Components.SwirlSwitch {
   /**
    *  
    */
@@ -3068,12 +3402,12 @@ export declare interface FlipSwitch extends Components.FlipSwitch {
   inputs: ['checked', 'disabled', 'inputId', 'inputName', 'label', 'size', 'value']
 })
 @Component({
-  selector: 'flip-switch',
+  selector: 'swirl-switch',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['checked', 'disabled', 'inputId', 'inputName', 'label', 'size', 'value']
 })
-export class FlipSwitch {
+export class SwirlSwitch {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3083,19 +3417,122 @@ export class FlipSwitch {
 }
 
 
-export declare interface FlipTab extends Components.FlipTab {}
+export declare interface SwirlTab extends Components.SwirlTab {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['active', 'label', 'tabId']
 })
 @Component({
-  selector: 'flip-tab',
+  selector: 'swirl-tab',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['active', 'label', 'tabId']
 })
-export class FlipTab {
+export class SwirlTab {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlTable extends Components.SwirlTable {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['caption', 'emptyStateLabel', 'label']
+})
+@Component({
+  selector: 'swirl-table',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['caption', 'emptyStateLabel', 'label']
+})
+export class SwirlTable {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlTableCell extends Components.SwirlTableCell {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined
+})
+@Component({
+  selector: 'swirl-table-cell',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>'
+})
+export class SwirlTableCell {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlTableColumn extends Components.SwirlTableColumn {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['maxWidth', 'minWidth', 'sort', 'sortable', 'sticky', 'width']
+})
+@Component({
+  selector: 'swirl-table-column',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['maxWidth', 'minWidth', 'sort', 'sortable', 'sticky', 'width']
+})
+export class SwirlTableColumn {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlTableRow extends Components.SwirlTableRow {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['highlighted', 'index']
+})
+@Component({
+  selector: 'swirl-table-row',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['highlighted', 'index']
+})
+export class SwirlTableRow {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface SwirlTableRowGroup extends Components.SwirlTableRowGroup {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['label']
+})
+@Component({
+  selector: 'swirl-table-row-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['label']
+})
+export class SwirlTableRowGroup {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3104,11 +3541,11 @@ export class FlipTab {
 }
 
 
-export declare interface FlipTabs extends Components.FlipTabs {
+export declare interface SwirlTabs extends Components.SwirlTabs {
   /**
    *  
    */
-  tabActivated: EventEmitter<CustomEvent<HTMLFlipTabElement>>;
+  tabActivated: EventEmitter<CustomEvent<HTMLSwirlTabElement>>;
 
 }
 
@@ -3118,12 +3555,12 @@ export declare interface FlipTabs extends Components.FlipTabs {
   methods: ['activateTab']
 })
 @Component({
-  selector: 'flip-tabs',
+  selector: 'swirl-tabs',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['initialTab', 'label']
 })
-export class FlipTabs {
+export class SwirlTabs {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3133,7 +3570,7 @@ export class FlipTabs {
 }
 
 
-export declare interface FlipTag extends Components.FlipTag {
+export declare interface SwirlTag extends Components.SwirlTag {
   /**
    *  
    */
@@ -3146,12 +3583,12 @@ export declare interface FlipTag extends Components.FlipTag {
   inputs: ['intent', 'label', 'removable', 'removalButtonLabel']
 })
 @Component({
-  selector: 'flip-tag',
+  selector: 'swirl-tag',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['intent', 'label', 'removable', 'removalButtonLabel']
 })
-export class FlipTag {
+export class SwirlTag {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3161,19 +3598,19 @@ export class FlipTag {
 }
 
 
-export declare interface FlipText extends Components.FlipText {}
+export declare interface SwirlText extends Components.SwirlText {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['align', 'as', 'color', 'fontStyle', 'size', 'truncate', 'weight']
 })
 @Component({
-  selector: 'flip-text',
+  selector: 'swirl-text',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['align', 'as', 'color', 'fontStyle', 'size', 'truncate', 'weight']
 })
-export class FlipText {
+export class SwirlText {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3182,7 +3619,7 @@ export class FlipText {
 }
 
 
-export declare interface FlipTextInput extends Components.FlipTextInput {
+export declare interface SwirlTextInput extends Components.SwirlTextInput {
   /**
    *  
    */
@@ -3200,15 +3637,15 @@ export declare interface FlipTextInput extends Components.FlipTextInput {
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['autoComplete', 'autoFocus', 'autoSelect', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'flipAriaAutocomplete', 'flipAriaControls', 'flipAriaDescribedby', 'flipAriaExpanded', 'flipRole', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'type', 'value']
+  inputs: ['autoComplete', 'autoFocus', 'autoSelect', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value']
 })
 @Component({
-  selector: 'flip-text-input',
+  selector: 'swirl-text-input',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['autoComplete', 'autoFocus', 'autoSelect', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'flipAriaAutocomplete', 'flipAriaControls', 'flipAriaDescribedby', 'flipAriaExpanded', 'flipRole', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'type', 'value']
+  inputs: ['autoComplete', 'autoFocus', 'autoSelect', 'clearButtonLabel', 'clearable', 'disableDynamicWidth', 'disabled', 'invalid', 'max', 'maxLength', 'min', 'mode', 'passwordToggleLabel', 'prefixLabel', 'required', 'rows', 'showCharacterCounter', 'spellCheck', 'step', 'suffixLabel', 'swirlAriaAutocomplete', 'swirlAriaControls', 'swirlAriaDescribedby', 'swirlAriaExpanded', 'swirlRole', 'type', 'value']
 })
-export class FlipTextInput {
+export class SwirlTextInput {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3217,12 +3654,12 @@ export class FlipTextInput {
   }
 }
 
-import type { FlipThemeChangeEventData as IFlipThemeProviderFlipThemeChangeEventData } from '@getflip/swirl-components';
-export declare interface FlipThemeProvider extends Components.FlipThemeProvider {
+import type { SwirlThemeChangeEventData as ISwirlThemeProviderSwirlThemeChangeEventData } from '@getflip/swirl-components';
+export declare interface SwirlThemeProvider extends Components.SwirlThemeProvider {
   /**
    *  
    */
-  themeChange: EventEmitter<CustomEvent<IFlipThemeProviderFlipThemeChangeEventData>>;
+  themeChange: EventEmitter<CustomEvent<ISwirlThemeProviderSwirlThemeChangeEventData>>;
 
 }
 
@@ -3232,12 +3669,12 @@ export declare interface FlipThemeProvider extends Components.FlipThemeProvider
   methods: ['getActiveTheme', 'getPreferredTheme', 'setPreferredTheme', 'resetPreferredTheme']
 })
 @Component({
-  selector: 'flip-theme-provider',
+  selector: 'swirl-theme-provider',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['config']
 })
-export class FlipThemeProvider {
+export class SwirlThemeProvider {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3247,19 +3684,19 @@ export class FlipThemeProvider {
 }
 
 
-export declare interface FlipThumbnail extends Components.FlipThumbnail {}
+export declare interface SwirlThumbnail extends Components.SwirlThumbnail {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['alt', 'format', 'size', 'src']
 })
 @Component({
-  selector: 'flip-thumbnail',
+  selector: 'swirl-thumbnail',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['alt', 'format', 'size', 'src']
 })
-export class FlipThumbnail {
+export class SwirlThumbnail {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3268,7 +3705,7 @@ export class FlipThumbnail {
 }
 
 
-export declare interface FlipToast extends Components.FlipToast {
+export declare interface SwirlToast extends Components.SwirlToast {
   /**
    *  
    */
@@ -3281,12 +3718,12 @@ export declare interface FlipToast extends Components.FlipToast {
   inputs: ['accessibleDismissLabel', 'content', 'dismissLabel', 'duration', 'icon', 'intent', 'toastId']
 })
 @Component({
-  selector: 'flip-toast',
+  selector: 'swirl-toast',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['accessibleDismissLabel', 'content', 'dismissLabel', 'duration', 'icon', 'intent', 'toastId']
 })
-export class FlipToast {
+export class SwirlToast {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3296,7 +3733,7 @@ export class FlipToast {
 }
 
 
-export declare interface FlipToastProvider extends Components.FlipToastProvider {}
+export declare interface SwirlToastProvider extends Components.SwirlToastProvider {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
@@ -3304,12 +3741,12 @@ export declare interface FlipToastProvider extends Components.FlipToastProvider
   methods: ['clearAll', 'dismiss', 'toast']
 })
 @Component({
-  selector: 'flip-toast-provider',
+  selector: 'swirl-toast-provider',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['globalDuration']
 })
-export class FlipToastProvider {
+export class SwirlToastProvider {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3318,19 +3755,19 @@ export class FlipToastProvider {
 }
 
 
-export declare interface FlipTooltip extends Components.FlipTooltip {}
+export declare interface SwirlTooltip extends Components.SwirlTooltip {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['content', 'delay', 'position']
 })
 @Component({
-  selector: 'flip-tooltip',
+  selector: 'swirl-tooltip',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['content', 'delay', 'position']
 })
-export class FlipTooltip {
+export class SwirlTooltip {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3339,19 +3776,19 @@ export class FlipTooltip {
 }
 
 
-export declare interface FlipTreeNavigationItem extends Components.FlipTreeNavigationItem {}
+export declare interface SwirlTreeNavigationItem extends Components.SwirlTreeNavigationItem {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['active', 'icon', 'label']
 })
 @Component({
-  selector: 'flip-tree-navigation-item',
+  selector: 'swirl-tree-navigation-item',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['active', 'icon', 'label']
 })
-export class FlipTreeNavigationItem {
+export class SwirlTreeNavigationItem {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3360,19 +3797,19 @@ export class FlipTreeNavigationItem {
 }
 
 
-export declare interface FlipVideoThumbnail extends Components.FlipVideoThumbnail {}
+export declare interface SwirlVideoThumbnail extends Components.SwirlVideoThumbnail {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
   inputs: ['duration', 'durationLabel', 'label', 'src']
 })
 @Component({
-  selector: 'flip-video-thumbnail',
+  selector: 'swirl-video-thumbnail',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   inputs: ['duration', 'durationLabel', 'label', 'src']
 })
-export class FlipVideoThumbnail {
+export class SwirlVideoThumbnail {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
@@ -3381,17 +3818,17 @@ export class FlipVideoThumbnail {
 }
 
 
-export declare interface FlipVisuallyHidden extends Components.FlipVisuallyHidden {}
+export declare interface SwirlVisuallyHidden extends Components.SwirlVisuallyHidden {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined
 })
 @Component({
-  selector: 'flip-visually-hidden',
+  selector: 'swirl-visually-hidden',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>'
 })
-export class FlipVisuallyHidden {
+export class SwirlVisuallyHidden {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();