@whydrf/nava-icon-angular 0.1.0

package/dist/chunk-GQKRVXLV.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/popsicle.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _PopsicleIconComponent_decorators, _init;
+_PopsicleIconComponent_decorators = [Component({
+  selector: "icon-popsicle",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M20 4C19.35 3.34991 18.5783 2.83423 17.729 2.48241C16.8797 2.13058 15.9694 1.94949 15.0501 1.94949C14.1307 1.94949 13.2204 2.13058 12.3711 2.48241C11.5218 2.83423 10.7501 3.34991 10.1001 4L2.28005 11.82C2.0938 12.0074 1.98926 12.2608 1.98926 12.525C1.98926 12.7892 2.0938 13.0426 2.28005 13.23L5.82005 16.77L2.28005 20.3L3.70005 21.72L7.23005 18.18L10.7701 21.72C10.9574 21.9062 11.2109 22.0108 11.4751 22.0108C11.7392 22.0108 11.9927 21.9062 12.1801 21.72L20 13.94C20.6561 13.2893 21.1769 12.515 21.5323 11.662C21.8877 10.809 22.0706 9.89408 22.0706 8.97C22.0706 8.04592 21.8877 7.13098 21.5323 6.27796C21.1769 5.42495 20.6561 4.65074 20 4ZM17.3 6.7C16.6805 6.10827 15.8568 5.77809 15.0001 5.77809C14.1433 5.77809 13.3196 6.10827 12.7001 6.7L11.6401 5.64C12.5322 4.75089 13.7405 4.25165 15.0001 4.25165C16.2596 4.25165 17.4679 4.75089 18.3601 5.64L17.3 6.7Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M15 2C13.154 1.98921 11.3785 2.70804 10.06 4L2.28 11.82C2.09375 12.0074 1.98921 12.2608 1.98921 12.525C1.98921 12.7892 2.09375 13.0426 2.28 13.23L5.82 16.77L2.28 20.3L3.7 21.72L7.23 18.18L10.77 21.72C10.9574 21.9062 11.2108 22.0108 11.475 22.0108C11.7392 22.0108 11.9926 21.9062 12.18 21.72L20 13.94C20.9787 12.9575 21.6435 11.7064 21.9101 10.3455C22.1767 8.98463 22.033 7.5752 21.4974 6.29606C20.9617 5.01691 20.0582 3.9257 18.9014 3.16084C17.7446 2.39598 16.3867 1.99195 15 2ZM18.54 12.54L11.47 19.6L8.65 16.77L7.23 15.35L4.4 12.52L11.47 5.45C12.4089 4.51113 13.6822 3.98368 15.01 3.98368C16.3378 3.98368 17.6111 4.51113 18.55 5.45C19.4889 6.38886 20.0163 7.66224 20.0163 8.99C20.0163 10.3178 19.4889 11.5911 18.55 12.53L18.54 12.54Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var PopsicleIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, PopsicleIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, PopsicleIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, PopsicleIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, PopsicleIconComponent);
+PopsicleIconComponent = __decorateElement(_init, 0, "PopsicleIconComponent", _PopsicleIconComponent_decorators, PopsicleIconComponent);
+__runInitializers(_init, 1, PopsicleIconComponent);
+
+export {
+  PopsicleIconComponent
+};

package/dist/chunk-GRZ3ZJUG.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/upvote.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _UpvoteIconComponent_decorators, _init;
+_UpvoteIconComponent_decorators = [Component({
+  selector: "icon-upvote",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M4.00003 14H8.00003V21C8.00003 21.2652 8.10539 21.5196 8.29292 21.7071C8.48046 21.8946 8.73481 22 9.00003 22H15C15.2652 22 15.5196 21.8946 15.7071 21.7071C15.8947 21.5196 16 21.2652 16 21V14H20C20.1883 13.9997 20.3727 13.9463 20.5319 13.8459C20.6912 13.7455 20.819 13.6023 20.9005 13.4326C20.9821 13.2629 21.0141 13.0737 20.993 12.8866C20.9719 12.6995 20.8984 12.5222 20.781 12.375L12.781 2.37499C12.4 1.89999 11.6 1.89999 11.219 2.37499L3.21903 12.375C3.10167 12.5222 3.0282 12.6995 3.00706 12.8866C2.98592 13.0737 3.01797 13.2629 3.09953 13.4326C3.18108 13.6023 3.30883 13.7455 3.46812 13.8459C3.6274 13.9463 3.81176 13.9997 4.00003 14Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M12.781 2.37499C12.4 1.89999 11.6 1.89999 11.219 2.37499L3.219 12.375C3.10164 12.5222 3.02817 12.6995 3.00703 12.8866C2.98589 13.0737 3.01794 13.2629 3.09949 13.4326C3.18105 13.6023 3.3088 13.7455 3.46809 13.8459C3.62737 13.9463 3.81173 13.9997 4 14H8V21C8 21.2652 8.10536 21.5196 8.29289 21.7071C8.48043 21.8946 8.73478 22 9 22H15C15.2652 22 15.5196 21.8946 15.7071 21.7071C15.8946 21.5196 16 21.2652 16 21V14H20C20.1883 13.9997 20.3726 13.9463 20.5319 13.8459C20.6912 13.7455 20.819 13.6023 20.9005 13.4326C20.9821 13.2629 21.0141 13.0737 20.993 12.8866C20.9718 12.6995 20.8984 12.5222 20.781 12.375L12.781 2.37499ZM15 12H14V20H10V12H6.081L12 4.60099L17.919 12H15Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var UpvoteIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, UpvoteIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, UpvoteIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, UpvoteIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, UpvoteIconComponent);
+UpvoteIconComponent = __decorateElement(_init, 0, "UpvoteIconComponent", _UpvoteIconComponent_decorators, UpvoteIconComponent);
+__runInitializers(_init, 1, UpvoteIconComponent);
+
+export {
+  UpvoteIconComponent
+};

package/dist/chunk-GUTKGMG4.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/crosshair.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _CrosshairIconComponent_decorators, _init;
+_CrosshairIconComponent_decorators = [Component({
+  selector: "icon-crosshair",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var CrosshairIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, CrosshairIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, CrosshairIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, CrosshairIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, CrosshairIconComponent);
+CrosshairIconComponent = __decorateElement(_init, 0, "CrosshairIconComponent", _CrosshairIconComponent_decorators, CrosshairIconComponent);
+__runInitializers(_init, 1, CrosshairIconComponent);
+
+export {
+  CrosshairIconComponent
+};

package/dist/chunk-GZ5KKWRM.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/tag.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _TagIconComponent_decorators, _init;
+_TagIconComponent_decorators = [Component({
+  selector: "icon-tag",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M21.842 6.218C21.7425 5.98329 21.5985 5.77004 21.418 5.59C21.2325 5.40263 21.0117 5.25398 20.7682 5.15269C20.5248 5.05141 20.2637 4.99951 20 5H8.00002C7.70302 5 7.42202 5.132 7.23102 5.359L2.23102 11.359C1.92202 11.73 1.92202 12.269 2.23102 12.64L7.23102 18.64C7.42202 18.868 7.70302 19 8.00002 19H20C20.2619 19.0012 20.5214 18.9504 20.7634 18.8505C21.0055 18.7506 21.2252 18.6036 21.41 18.418C21.5974 18.2325 21.746 18.0116 21.8473 17.7682C21.9486 17.5248 22.0005 17.2637 22 17V7C22 6.734 21.948 6.475 21.842 6.218Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M20 4H8.51503C8.19672 4.00013 7.88303 4.07623 7.60005 4.22198C7.31707 4.36774 7.07297 4.57893 6.88803 4.838L2.18703 11.419C2.06557 11.5884 2.00024 11.7916 2.00024 12C2.00024 12.2084 2.06557 12.4116 2.18703 12.581L6.88803 19.162C7.07297 19.4211 7.31707 19.6323 7.60005 19.778C7.88303 19.9238 8.19672 19.9999 8.51503 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM20 18H8.51503L4.22903 12L8.51503 6H20V18Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var TagIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, TagIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, TagIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, TagIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, TagIconComponent);
+TagIconComponent = __decorateElement(_init, 0, "TagIconComponent", _TagIconComponent_decorators, TagIconComponent);
+__runInitializers(_init, 1, TagIconComponent);
+
+export {
+  TagIconComponent
+};

package/dist/chunk-H27XD6WX.js

@@ -0,0 +1,58 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/message-square-edit.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _MessageSquareEditIconComponent_decorators, _init;
+_MessageSquareEditIconComponent_decorators = [Component({
+  selector: "icon-message-square-edit",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM8.999 17H7V15.001L12.53 9.479L14.529 11.478L8.999 17ZM15.472 10.535L13.473 8.536L14.997 7.013L16.996 9.012L15.472 10.535Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM20 16C20 18.206 18.206 20 16 20H4V8C4 5.794 5.794 4 8 4H16C18.206 4 20 5.794 20 8V16Z" />
+<path d="M7 14.987V16.986H8.999L14.528 11.464L12.53 9.466L7 14.987ZM15.47 10.522L13.472 8.522L14.995 7L16.995 8.999L15.47 10.522Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var MessageSquareEditIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, MessageSquareEditIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, MessageSquareEditIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, MessageSquareEditIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, MessageSquareEditIconComponent);
+MessageSquareEditIconComponent = __decorateElement(_init, 0, "MessageSquareEditIconComponent", _MessageSquareEditIconComponent_decorators, MessageSquareEditIconComponent);
+__runInitializers(_init, 1, MessageSquareEditIconComponent);
+
+export {
+  MessageSquareEditIconComponent
+};

package/dist/chunk-H46LTF6O.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/move.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _MoveIconComponent_decorators, _init;
+_MoveIconComponent_decorators = [Component({
+  selector: "icon-move",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M18 11H13V6H16L12 2L8 6H11V11H6V8L2 12L6 16V13H11V18H8L12 22L16 18H13V13H18V16L22 12L18 8V11Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M18 11H13V6H16L12 2L8 6H11V11H6V8L2 12L6 16V13H11V18H8L12 22L16 18H13V13H18V16L22 12L18 8V11Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var MoveIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, MoveIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, MoveIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, MoveIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, MoveIconComponent);
+MoveIconComponent = __decorateElement(_init, 0, "MoveIconComponent", _MoveIconComponent_decorators, MoveIconComponent);
+__runInitializers(_init, 1, MoveIconComponent);
+
+export {
+  MoveIconComponent
+};

package/dist/chunk-H53IZ7SV.js

@@ -0,0 +1,59 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/football.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _FootballIconComponent_decorators, _init;
+_FootballIconComponent_decorators = [Component({
+  selector: "icon-football",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M19.071 4.929C18.1454 3.99605 17.0439 3.256 15.8304 2.75168C14.6168 2.24737 13.3152 1.98882 12.001 1.991C10.6865 1.98894 9.3847 2.24754 8.17081 2.75184C6.95693 3.25614 5.85508 3.99613 4.92901 4.929C1.03001 8.827 1.03001 15.172 4.92901 19.071C5.8551 20.0041 6.95709 20.7443 8.17118 21.2486C9.38527 21.7529 10.6873 22.0114 12.002 22.009C13.3161 22.0113 14.6177 21.7529 15.8312 21.2488C17.0448 20.7446 18.1463 20.0048 19.072 19.072C22.971 15.174 22.971 8.829 19.071 4.929ZM12.181 4H11.822C11.883 3.999 11.941 3.991 12.002 3.991C12.063 3.991 12.12 3.999 12.181 4ZM18.243 17H16L14.742 19.516C13.8644 19.8402 12.9366 20.0071 12.001 20.009C11.0637 20.0073 10.1341 19.84 9.25501 19.515L8.00001 17.01H5.76501C4.94045 15.9849 4.38282 14.7714 4.14201 13.478L6.00001 11L4.78401 8.567C5.17202 7.74159 5.69941 6.98924 6.34301 6.343C7.2438 5.43906 8.3479 4.76391 9.56301 4.374L12 6L14.438 4.375C15.6528 4.76518 16.7567 5.43991 17.658 6.343C18.3009 6.98847 18.8279 7.73976 19.216 8.564L18 11L19.858 13.478C19.6183 14.7672 19.0635 15.9771 18.243 17Z" />
+<path d="M8.5 11L10 15H14L15.5 11L12 8.5L8.5 11Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M19.071 4.929C18.1454 3.99605 17.0439 3.256 15.8304 2.75168C14.6168 2.24737 13.3152 1.98882 12.001 1.991C10.6865 1.98894 9.3847 2.24754 8.17081 2.75184C6.95693 3.25614 5.85508 3.99613 4.92901 4.929C1.03001 8.827 1.03001 15.172 4.92901 19.071C5.8551 20.0041 6.95709 20.7443 8.17118 21.2486C9.38527 21.7529 10.6873 22.0114 12.002 22.009C13.3161 22.0113 14.6177 21.7529 15.8312 21.2488C17.0448 20.7446 18.1463 20.0048 19.072 19.072C22.971 15.174 22.971 8.829 19.071 4.929ZM12.181 4H11.822C11.883 3.999 11.941 3.991 12.002 3.991C12.063 3.991 12.12 3.999 12.181 4ZM18.243 17H16L14.742 19.516C13.8644 19.8402 12.9366 20.0071 12.001 20.009C11.0637 20.0073 10.1341 19.84 9.25501 19.515L8.00001 17.01H5.76501C4.94045 15.9849 4.38282 14.7714 4.14201 13.478L6.00001 11L4.78401 8.567C5.17202 7.74159 5.69941 6.98924 6.34301 6.343C7.2438 5.43906 8.3479 4.76391 9.56301 4.374L12 6L14.438 4.375C15.6528 4.76518 16.7567 5.43991 17.658 6.343C18.3009 6.98847 18.8279 7.73976 19.216 8.564L18 11L19.858 13.478C19.6183 14.7672 19.0635 15.9771 18.243 17Z" />
+<path d="M8.5 11L10 15H14L15.5 11L12 8.5L8.5 11Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var FootballIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, FootballIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, FootballIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, FootballIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, FootballIconComponent);
+FootballIconComponent = __decorateElement(_init, 0, "FootballIconComponent", _FootballIconComponent_decorators, FootballIconComponent);
+__runInitializers(_init, 1, FootballIconComponent);
+
+export {
+  FootballIconComponent
+};

package/dist/chunk-H5UQIPVH.js

@@ -0,0 +1,59 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/file-md.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _FileMdIconComponent_decorators, _init;
+_FileMdIconComponent_decorators = [Component({
+  selector: "icon-file-md",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M14.481 14.015C14.243 14.015 14.088 14.036 13.998 14.057V17.146C14.089 17.167 14.235 17.167 14.369 17.167C15.335 17.174 15.966 16.642 15.966 15.514C15.973 14.533 15.398 14.015 14.481 14.015Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM11.066 17.951L10.996 16.144C10.9702 15.4976 10.9562 14.8509 10.954 14.204H10.933C10.7803 14.8195 10.6052 15.4292 10.408 16.032L9.834 17.874H9L8.496 16.046C8.32699 15.4384 8.18419 14.8239 8.068 14.204H8.055C8.027 14.842 8.006 15.57 7.971 16.158L7.887 17.951H6.899L7.2 13.23H8.622L9.084 14.806C9.231 15.352 9.379 15.941 9.483 16.494H9.504C9.64091 15.9261 9.79027 15.3613 9.952 14.8L10.456 13.231H11.85L12.11 17.952L11.066 17.951ZM16.316 17.391C15.818 17.804 15.063 18 14.138 18C13.7329 18.0032 13.328 17.9798 12.926 17.93V13.294C13.4038 13.2245 13.8862 13.1914 14.369 13.195C15.265 13.195 15.847 13.356 16.302 13.7C16.792 14.064 17.101 14.645 17.101 15.478C17.101 16.382 16.771 17.006 16.316 17.391ZM14 9H13V4L18 9H14Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M14.481 14.015C14.243 14.015 14.088 14.036 13.998 14.057V17.146C14.089 17.167 14.235 17.167 14.369 17.167C15.335 17.174 15.966 16.642 15.966 15.514C15.973 14.533 15.398 14.015 14.481 14.015Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM11.066 17.951L10.996 16.144C10.9702 15.4976 10.9562 14.8509 10.954 14.204H10.933C10.7803 14.8195 10.6052 15.4292 10.408 16.032L9.834 17.874H9L8.496 16.046C8.32699 15.4384 8.18419 14.8239 8.068 14.204H8.055C8.027 14.842 8.006 15.57 7.971 16.158L7.887 17.951H6.899L7.2 13.23H8.622L9.084 14.806C9.231 15.352 9.379 15.941 9.483 16.494H9.504C9.64091 15.9261 9.79027 15.3613 9.952 14.8L10.456 13.231H11.85L12.11 17.952L11.066 17.951ZM16.316 17.391C15.818 17.804 15.063 18 14.138 18C13.7329 18.0032 13.328 17.9798 12.926 17.93V13.294C13.4038 13.2245 13.8862 13.1914 14.369 13.195C15.265 13.195 15.847 13.356 16.302 13.7C16.792 14.064 17.101 14.645 17.101 15.478C17.101 16.382 16.771 17.006 16.316 17.391ZM14 9H13V4L18 9H14Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var FileMdIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, FileMdIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, FileMdIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, FileMdIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, FileMdIconComponent);
+FileMdIconComponent = __decorateElement(_init, 0, "FileMdIconComponent", _FileMdIconComponent_decorators, FileMdIconComponent);
+__runInitializers(_init, 1, FileMdIconComponent);
+
+export {
+  FileMdIconComponent
+};

package/dist/chunk-H62XPL4I.js

@@ -0,0 +1,57 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/columns.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _ColumnsIconComponent_decorators, _init;
+_ColumnsIconComponent_decorators = [Component({
+  selector: "icon-columns",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M19.893 3.00101H4C2.897 3.00101 2 3.89801 2 5.00101V19.001C2 20.104 2.897 21.001 4 21.001H19.893C20.996 21.001 21.893 20.104 21.893 19.001V5.00001C21.8919 4.46999 21.6809 3.962 21.306 3.58732C20.9311 3.21263 20.423 3.0018 19.893 3.00101ZM8 19.001H4V8.00001H8V19.001ZM14 19.001H10V8.00001H14V19.001ZM16 19.001V8.00001H19.893L19.894 19.001H16Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M19.893 3.00101H4C2.897 3.00101 2 3.89801 2 5.00101V19.001C2 20.104 2.897 21.001 4 21.001H19.893C20.996 21.001 21.893 20.104 21.893 19.001V5.00001C21.8919 4.46999 21.6809 3.962 21.306 3.58732C20.9311 3.21263 20.423 3.0018 19.893 3.00101ZM8 19.001H4V8.00001H8V19.001ZM14 19.001H10V8.00001H14V19.001ZM16 19.001V8.00001H19.893L19.894 19.001H16Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var ColumnsIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, ColumnsIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, ColumnsIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, ColumnsIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, ColumnsIconComponent);
+ColumnsIconComponent = __decorateElement(_init, 0, "ColumnsIconComponent", _ColumnsIconComponent_decorators, ColumnsIconComponent);
+__runInitializers(_init, 1, ColumnsIconComponent);
+
+export {
+  ColumnsIconComponent
+};

package/dist/chunk-H6RNIA7P.js

@@ -0,0 +1,59 @@
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-GGIGU7GU.js";
+
+// src/icons/stop-circle.component.ts
+import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
+var _mode_dec, _strokeWidth_dec, _color_dec, _size_dec, _StopCircleIconComponent_decorators, _init;
+_StopCircleIconComponent_decorators = [Component({
+  selector: "icon-stop-circle",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [attr.width]="size"
+      [attr.height]="size"
+      [attr.fill]="isStrokeBased ? 'none' : color"
+      [attr.stroke]="isStrokeBased ? color : 'none'"
+      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
+      [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+    >
+      <ng-container [ngSwitch]="mode">
+        <g *ngSwitchCase="'filled'" [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M9 9H15V15H9V9Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M9 9H15V15H9V9Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _mode_dec = [Input()];
+var StopCircleIconComponent = class {
+  constructor() {
+    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "mode", __runInitializers(_init, 20, this, "regular")), __runInitializers(_init, 23, this);
+  }
+  get isFilled() {
+    return this.mode === "filled";
+  }
+  get isStrokeBased() {
+    return this.isFilled ? false : false;
+  }
+};
+_init = __decoratorStart(null);
+__decorateElement(_init, 5, "size", _size_dec, StopCircleIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, StopCircleIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, StopCircleIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, StopCircleIconComponent);
+StopCircleIconComponent = __decorateElement(_init, 0, "StopCircleIconComponent", _StopCircleIconComponent_decorators, StopCircleIconComponent);
+__runInitializers(_init, 1, StopCircleIconComponent);
+
+export {
+  StopCircleIconComponent
+};