@getflip/swirl-components 0.10.0 → 0.12.0

package/dist/components/swirl-icon-attachment.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8.57157 12.8796C7.81732 13.6338 6.91584 14.0089 5.86712 14.0048C4.81809 14.0011 3.92038 13.626 3.17399 12.8796C2.41974 12.1253 2.04073 11.2237 2.03696 10.1747C2.03287 9.12594 2.40795 8.22446 3.1622 7.47021L8.15909 2.47333C8.7012 1.93121 9.35913 1.66204 10.1329 1.66581C10.9069 1.6699 11.565 1.943 12.1071 2.48511C12.6492 3.02723 12.9203 3.68327 12.9203 4.45323C12.9203 5.22319 12.6492 5.87922 12.1071 6.42134L7.60519 10.9233C7.25949 11.2689 6.84513 11.4438 6.3621 11.4479C5.87875 11.4517 5.46423 11.2807 5.11853 10.935C4.76498 10.5815 4.59024 10.1632 4.59433 9.68016C4.5981 9.19681 4.77283 8.78229 5.11853 8.43659L9.21975 4.33537C9.32974 4.22538 9.46127 4.16834 9.61432 4.16425C9.76768 4.16048 9.90329 4.21752 10.0211 4.33537C10.1311 4.44537 10.1842 4.57705 10.1805 4.73041C10.1764 4.88346 10.1193 5.01498 10.0094 5.12498L5.90813 9.2262C5.78243 9.3519 5.71957 9.50118 5.71957 9.67403C5.71957 9.84688 5.78635 10.0001 5.91992 10.1337C6.04563 10.2594 6.1949 10.3222 6.36775 10.3222C6.5406 10.3222 6.68988 10.2594 6.81559 10.1337L11.3175 5.63174C11.6475 5.30175 11.8125 4.90892 11.8125 4.45323C11.8125 3.99753 11.6475 3.6047 11.3175 3.27471C10.9875 2.94473 10.5947 2.77974 10.139 2.77974C9.6833 2.77974 9.29046 2.94473 8.96048 3.27471L3.96359 8.2716C3.43719 8.798 3.17399 9.43424 3.17399 10.1803C3.17399 10.927 3.43719 11.5636 3.96359 12.09C4.48999 12.6164 5.1245 12.8775 5.86712 12.8735C6.60943 12.8697 7.24378 12.6046 7.77018 12.0782L12.3664 7.482C12.4764 7.372 12.6099 7.31701 12.7671 7.31701C12.9242 7.31701 13.0578 7.372 13.1678 7.482C13.2856 7.59985 13.3425 7.7353 13.3384 7.88835C13.3346 8.04171 13.2778 8.17339 13.1678 8.28339L8.57157 12.8796Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12.8574 19.3194C11.726 20.4507 10.3738 21.0134 8.80068 21.0072C7.22713 21.0016 5.88057 20.439 4.76098 19.3194C3.62961 18.188 3.0611 16.8355 3.05544 15.262C3.04931 13.6889 3.61193 12.3367 4.7433 11.2053L12.2386 3.70999C13.0518 2.89682 14.0387 2.49306 15.1993 2.49872C16.3604 2.50484 17.3475 2.91449 18.1607 3.72767C18.9738 4.54084 19.3804 5.5249 19.3804 6.67984C19.3804 7.83478 18.9738 8.81884 18.1607 9.63201L11.4078 16.3849C10.8892 16.9034 10.2677 17.1658 9.54314 17.1719C8.81812 17.1775 8.19634 16.9211 7.6778 16.4026C7.14747 15.8722 6.88536 15.2448 6.89149 14.5202C6.89715 13.7952 7.15925 13.1734 7.6778 12.6549L13.8296 6.50306C13.9946 6.33807 14.1919 6.25251 14.4215 6.24638C14.6515 6.24072 14.8549 6.32628 15.0317 6.50306C15.1967 6.66805 15.2764 6.86557 15.2707 7.09562C15.2646 7.32519 15.179 7.52247 15.014 7.68747L8.8622 13.8393C8.67364 14.0279 8.57936 14.2518 8.57936 14.511C8.57936 14.7703 8.67953 15.0001 8.87988 15.2005C9.06844 15.389 9.29236 15.4833 9.55163 15.4833C9.8109 15.4833 10.0348 15.389 10.2234 15.2005L16.9762 8.4476C17.4712 7.95263 17.7187 7.36337 17.7187 6.67984C17.7187 5.9963 17.4712 5.40704 16.9762 4.91207C16.4813 4.4171 15.892 4.16961 15.2085 4.16961C14.5249 4.16961 13.9357 4.4171 13.4407 4.91207L5.94538 12.4074C5.15578 13.197 4.76098 14.1514 4.76098 15.2705C4.76098 16.3905 5.15578 17.3454 5.94538 18.135C6.73499 18.9246 7.68675 19.3163 8.80068 19.3102C9.91414 19.3045 10.8657 18.9069 11.6553 18.1173L18.5496 11.223C18.7146 11.058 18.9149 10.9755 19.1506 10.9755C19.3863 10.9755 19.5867 11.058 19.7516 11.223C19.9284 11.3998 20.0137 11.603 20.0076 11.8325C20.002 12.0626 19.9166 12.2601 19.7516 12.4251L12.8574 19.3194Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.0003 22.5393C13.6803 23.8593 12.1027 24.5157 10.2675 24.5085C8.43167 24.5019 6.86068 23.8455 5.55449 22.5393C4.23456 21.2194 3.57129 19.6415 3.56469 17.8057C3.55754 15.9705 4.21394 14.3929 5.53387 13.0729L14.2784 4.32838C15.2271 3.37968 16.3785 2.90863 17.7325 2.91523C19.0871 2.92238 20.2387 3.4003 21.1874 4.34901C22.1361 5.29771 22.6105 6.44578 22.6105 7.79321C22.6105 9.14064 22.1361 10.2887 21.1874 11.2374L13.3091 19.1158C12.7041 19.7207 11.979 20.0268 11.1337 20.0339C10.2878 20.0405 9.56241 19.7413 8.95744 19.1364C8.33873 18.5177 8.03294 17.7856 8.04009 16.9403C8.04669 16.0945 8.35247 15.3691 8.95744 14.7641L16.1346 7.58697C16.3271 7.39448 16.5572 7.29466 16.8251 7.28751C17.0935 7.28091 17.3308 7.38073 17.537 7.58697C17.7295 7.77946 17.8224 8.00989 17.8158 8.27828C17.8087 8.54612 17.7089 8.77628 17.5164 8.96877L10.3392 16.1459C10.1193 16.3659 10.0093 16.6271 10.0093 16.9296C10.0093 17.2321 10.1261 17.5002 10.3599 17.7339C10.5799 17.9539 10.8411 18.0639 11.1436 18.0639C11.4461 18.0639 11.7073 17.9539 11.9273 17.7339L19.8056 9.8556C20.3831 9.27813 20.6718 8.59066 20.6718 7.79321C20.6718 6.99575 20.3831 6.30828 19.8056 5.73081C19.2282 5.15334 18.5407 4.8646 17.7432 4.8646C16.9458 4.8646 16.2583 5.15334 15.6808 5.73081L6.9363 14.4754C6.01509 15.3966 5.55449 16.51 5.55449 17.8156C5.55449 19.1224 6.01509 20.2363 6.9363 21.1575C7.8575 22.0787 8.96789 22.5358 10.2675 22.5286C11.5665 22.522 12.6766 22.0581 13.5978 21.1369L21.6412 13.0936C21.8337 12.9011 22.0674 12.8048 22.3424 12.8048C22.6174 12.8048 22.8511 12.9011 23.0436 13.0936C23.2498 13.2998 23.3494 13.5368 23.3422 13.8047C23.3356 14.0731 23.2361 14.3035 23.0436 14.496L15.0003 22.5393Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-attachment", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-attachment"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-attachment":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconAttachment$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconAttachment = SwirlIconAttachment$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconAttachment, defineCustomElement };

package/dist/components/swirl-icon-block.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconBlock extends Components.SwirlIconBlock, HTMLElement {}
+export const SwirlIconBlock: {
+  prototype: SwirlIconBlock;
+  new (): SwirlIconBlock;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-block.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconBlock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7915 3.88334 13.3166 3.28334 12.7166C2.68334 12.1166 2.20845 11.411 1.85867 10.5999C1.50845 9.78881 1.33334 8.92214 1.33334 7.99992C1.33334 7.0777 1.50845 6.21103 1.85867 5.39992C2.20845 4.58881 2.68334 3.88325 3.28334 3.28325C3.88334 2.68325 4.58889 2.20814 5.4 1.85792C6.21111 1.50814 7.07778 1.33325 8 1.33325C8.92222 1.33325 9.78889 1.50814 10.6 1.85792C11.4111 2.20814 12.1167 2.68325 12.7167 3.28325C13.3167 3.88325 13.7916 4.58881 14.1413 5.39992C14.4916 6.21103 14.6667 7.0777 14.6667 7.99992C14.6667 8.92214 14.4916 9.78881 14.1413 10.5999C13.7916 11.411 13.3167 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7915 10.6 14.1413C9.78889 14.4915 8.92222 14.6666 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 7.39992 13.236 6.82214 13.0413 6.26658C12.8471 5.71103 12.5667 5.19992 12.2 4.73325L4.73334 12.1999C5.2 12.5666 5.71111 12.847 6.26667 13.0413C6.82222 13.2359 7.4 13.3333 8 13.3333ZM3.8 11.2666L11.2667 3.79992C10.8 3.43325 10.2889 3.15281 9.73334 2.95859C9.17778 2.76392 8.6 2.66659 8 2.66659C6.51111 2.66659 5.25 3.18325 4.21667 4.21658C3.18334 5.24992 2.66667 6.51103 2.66667 7.99992C2.66667 8.59992 2.764 9.1777 2.95867 9.73325C3.15289 10.2888 3.43334 10.7999 3.8 11.2666Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.854 10.2333 19.562 9.4C19.2707 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2707 9.4 19.562C10.2333 19.854 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72933 14.6 4.438C13.7667 4.146 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.146 13.7667 4.438 14.6C4.72933 15.4333 5.15 16.2 5.7 16.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 25.6666C12.3861 25.6666 10.8694 25.3601 9.45 24.7473C8.03056 24.1351 6.79584 23.3041 5.74584 22.2541C4.69584 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.69584 6.79575 5.74584 5.74575C6.79584 4.69575 8.03056 3.86431 9.45 3.25142C10.8694 2.63931 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1306 2.63931 18.55 3.25142C19.9694 3.86431 21.2042 4.69575 22.2542 5.74575C23.3042 6.79575 24.1352 8.03048 24.7473 9.44992C25.3602 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3602 17.1305 24.7473 18.5499C24.1352 19.9694 23.3042 21.2041 22.2542 22.2541C21.2042 23.3041 19.9694 24.1351 18.55 24.7473C17.1306 25.3601 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4291 20.6208 20.6208C22.4292 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 12.9499 23.163 11.9388 22.8223 10.9666C22.4824 9.99436 21.9917 9.09992 21.35 8.28325L8.28334 21.3499C9.1 21.9916 9.99445 22.4824 10.9667 22.8223C11.9389 23.1629 12.95 23.3333 14 23.3333ZM6.65 19.7166L19.7167 6.64992C18.9 6.00825 18.0056 5.51747 17.0333 5.17759C16.0611 4.83692 15.05 4.66659 14 4.66659C11.3944 4.66659 9.1875 5.57075 7.37917 7.37909C5.57084 9.18742 4.66667 11.3944 4.66667 13.9999C4.66667 15.0499 4.837 16.061 5.17767 17.0333C5.51756 18.0055 6.00834 18.8999 6.65 19.7166Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-block", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-block"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-block":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconBlock$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconBlock = SwirlIconBlock$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconBlock, defineCustomElement };

package/dist/components/swirl-icon-cancel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconCancel extends Components.SwirlIconCancel, HTMLElement {}
+export const SwirlIconCancel: {
+  prototype: SwirlIconCancel;
+  new (): SwirlIconCancel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-cancel.js

@@ -0,0 +1,6 @@
+import { S as SwirlIconCancel$1, d as defineCustomElement$1 } from './swirl-icon-cancel2.js';
+
+const SwirlIconCancel = SwirlIconCancel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCancel, defineCustomElement };

package/dist/components/swirl-icon-cancel2.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconCancel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-cancel", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-cancel"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-cancel":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCancel);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconCancel as S, defineCustomElement as d };

package/dist/components/swirl-icon-chat-bubble.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconChatBubble extends Components.SwirlIconChatBubble, HTMLElement {}
+export const SwirlIconChatBubble: {
+  prototype: SwirlIconChatBubble;
+  new (): SwirlIconChatBubble;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-chat-bubble.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatBubble$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M3.5 2C2.67157 2 2 2.67157 2 3.5V9.5C2 10.3284 2.67157 11 3.5 11H5V13.7929C5 14.2383 5.53857 14.4614 5.85355 14.1464L9 11H12.5C13.3284 11 14 10.3284 14 9.5V3.5C14 2.67157 13.3284 2 12.5 2H3.5Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.25 3C4.00736 3 3 4.00736 3 5.25V14.25C3 15.4926 4.00736 16.5 5.25 16.5H7.5V20.6893C7.5 21.3575 8.30786 21.6921 8.78033 21.2197L13.5 16.5H18.75C19.9926 16.5 21 15.4926 21 14.25V5.25C21 4.00736 19.9926 3 18.75 3H5.25Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M6.125 3.5C4.67525 3.5 3.5 4.67525 3.5 6.125V16.625C3.5 18.0747 4.67525 19.25 6.125 19.25H8.75V24.1376C8.75 24.9171 9.6925 25.3075 10.2437 24.7563L15.75 19.25H21.875C23.3247 19.25 24.5 18.0747 24.5 16.625V6.125C24.5 4.67525 23.3247 3.5 21.875 3.5H6.125Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-chat-bubble", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-chat-bubble"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-chat-bubble":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconChatBubble$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconChatBubble = SwirlIconChatBubble$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconChatBubble, defineCustomElement };

package/dist/components/swirl-icon-chats-filled.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconChatsFilled extends Components.SwirlIconChatsFilled, HTMLElement {}
+export const SwirlIconChatsFilled: {
+  prototype: SwirlIconChatsFilled;
+  new (): SwirlIconChatsFilled;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-chats-filled.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatsFilled$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8V12.5C2 12.8978 2.15804 13.2794 2.43934 13.5607C2.72064 13.842 3.10218 14 3.5 14H8C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2V2ZM5.665 9.335C5.40096 9.335 5.14285 9.2567 4.92331 9.11001C4.70377 8.96332 4.53266 8.75482 4.43162 8.51088C4.33058 8.26694 4.30414 7.99852 4.35565 7.73955C4.40716 7.48059 4.53431 7.24272 4.72101 7.05601C4.90772 6.86931 5.14559 6.74216 5.40455 6.69065C5.66352 6.63914 5.93194 6.66558 6.17588 6.76662C6.41982 6.86766 6.62832 7.03877 6.77501 7.25831C6.9217 7.47785 7 7.73596 7 8C7 8.35406 6.85935 8.69363 6.60899 8.94399C6.35863 9.19435 6.01906 9.335 5.665 9.335V9.335ZM10.165 9.335C9.90096 9.335 9.64285 9.2567 9.42331 9.11001C9.20377 8.96332 9.03266 8.75482 8.93162 8.51088C8.83058 8.26694 8.80414 7.99852 8.85565 7.73955C8.90716 7.48059 9.03431 7.24272 9.22101 7.05601C9.40772 6.86931 9.64559 6.74216 9.90455 6.69065C10.1635 6.63914 10.4319 6.66558 10.6759 6.76662C10.9198 6.86766 11.1283 7.03877 11.275 7.25831C11.4217 7.47785 11.5 7.73596 11.5 8C11.5 8.17531 11.4655 8.34891 11.3984 8.51088C11.3313 8.67285 11.233 8.82002 11.109 8.94399C10.985 9.06795 10.8379 9.16629 10.6759 9.23338C10.5139 9.30047 10.3403 9.335 10.165 9.335V9.335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12V18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H12C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3V3ZM8.4975 14.0025C8.10144 14.0025 7.71428 13.8851 7.38497 13.665C7.05566 13.445 6.799 13.1322 6.64743 12.7663C6.49587 12.4004 6.45621 11.9978 6.53348 11.6093C6.61074 11.2209 6.80146 10.8641 7.08152 10.584C7.36157 10.304 7.71838 10.1132 8.10683 10.036C8.49528 9.95871 8.89791 9.99837 9.26382 10.1499C9.62973 10.3015 9.94248 10.5582 10.1625 10.8875C10.3826 11.2168 10.5 11.6039 10.5 12C10.5 12.5311 10.289 13.0404 9.91348 13.416C9.53794 13.7915 9.0286 14.0025 8.4975 14.0025V14.0025ZM15.2475 14.0025C14.8514 14.0025 14.4643 13.8851 14.135 13.665C13.8057 13.445 13.549 13.1322 13.3974 12.7663C13.2459 12.4004 13.2062 11.9978 13.2835 11.6093C13.3607 11.2209 13.5515 10.8641 13.8315 10.584C14.1116 10.304 14.4684 10.1132 14.8568 10.036C15.2453 9.95871 15.6479 9.99837 16.0138 10.1499C16.3797 10.3015 16.6925 10.5582 16.9125 10.8875C17.1326 11.2168 17.25 11.6039 17.25 12C17.25 12.263 17.1982 12.5234 17.0976 12.7663C16.9969 13.0093 16.8494 13.23 16.6635 13.416C16.4775 13.6019 16.2568 13.7494 16.0138 13.8501C15.7709 13.9507 15.5105 14.0025 15.2475 14.0025V14.0025Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14V21.875C3.5 22.5712 3.77656 23.2389 4.26884 23.7312C4.76113 24.2234 5.42881 24.5 6.125 24.5H14C16.7848 24.5 19.4555 23.3938 21.4246 21.4246C23.3938 19.4555 24.5 16.7848 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5V3.5ZM9.91375 16.3363C9.45168 16.3363 8.99999 16.1992 8.6158 15.9425C8.2316 15.6858 7.93216 15.3209 7.75534 14.894C7.57851 14.4672 7.53225 13.9974 7.62239 13.5442C7.71254 13.091 7.93504 12.6748 8.26177 12.348C8.5885 12.0213 9.00478 11.7988 9.45797 11.7086C9.91116 11.6185 10.3809 11.6648 10.8078 11.8416C11.2347 12.0184 11.5996 12.3179 11.8563 12.702C12.113 13.0862 12.25 13.5379 12.25 14C12.25 14.6196 12.0039 15.2138 11.5657 15.652C11.1276 16.0901 10.5334 16.3363 9.91375 16.3363V16.3363ZM17.7887 16.3363C17.3267 16.3363 16.875 16.1992 16.4908 15.9425C16.1066 15.6858 15.8072 15.3209 15.6303 14.894C15.4535 14.4672 15.4072 13.9974 15.4974 13.5442C15.5875 13.091 15.81 12.6748 16.1368 12.348C16.4635 12.0213 16.8798 11.7988 17.333 11.7086C17.7862 11.6185 18.2559 11.6648 18.6828 11.8416C19.1097 12.0184 19.4746 12.3179 19.7313 12.702C19.988 13.0862 20.125 13.5379 20.125 14C20.125 14.3068 20.0646 14.6106 19.9472 14.894C19.8298 15.1775 19.6577 15.435 19.4407 15.652C19.2238 15.8689 18.9662 16.041 18.6828 16.1584C18.3993 16.2758 18.0956 16.3363 17.7887 16.3363V16.3363Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-chats-filled", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-chats-filled"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-chats-filled":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconChatsFilled$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconChatsFilled = SwirlIconChatsFilled$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconChatsFilled, defineCustomElement };

package/dist/components/swirl-icon-chats-outlined.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconChatsOutlined extends Components.SwirlIconChatsOutlined, HTMLElement {}
+export const SwirlIconChatsOutlined: {
+  prototype: SwirlIconChatsOutlined;
+  new (): SwirlIconChatsOutlined;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-chats-outlined.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconChatsOutlined$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 3C9.32608 3 10.5979 3.52678 11.5355 4.46447C12.4732 5.40215 13 6.67392 13 8C13 9.32608 12.4732 10.5979 11.5355 11.5355C10.5979 12.4732 9.32608 13 8 13H3.5C3.36739 13 3.24021 12.9473 3.14645 12.8536C3.05268 12.7598 3 12.6326 3 12.5V8C3 6.67392 3.52678 5.40215 4.46447 4.46447C5.40215 3.52678 6.67392 3 8 3ZM8 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8V12.5C2 12.8978 2.15804 13.2794 2.43934 13.5607C2.72064 13.842 3.10218 14 3.5 14H8C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2Z", fill: "currentColor" }), h("path", { d: "M6.005 6.835H6C5.35659 6.835 4.835 7.35659 4.835 8V8.005C4.835 8.64841 5.35659 9.17 6 9.17H6.005C6.64841 9.17 7.17 8.64841 7.17 8.005V8C7.17 7.35659 6.64841 6.835 6.005 6.835Z", fill: "currentColor" }), h("path", { d: "M9.835 6.835H9.83C9.18659 6.835 8.665 7.35659 8.665 8V8.005C8.665 8.64841 9.18659 9.17 9.83 9.17H9.835C10.4784 9.17 11 8.64841 11 8.005V8C11 7.35659 10.4784 6.835 9.835 6.835Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 4.5C13.9891 4.5 15.8968 5.29018 17.3033 6.6967C18.7098 8.10322 19.5 10.0109 19.5 12C19.5 13.9891 18.7098 15.8968 17.3033 17.3033C15.8968 18.7098 13.9891 19.5 12 19.5H5.25C5.05109 19.5 4.86032 19.421 4.71967 19.2803C4.57902 19.1397 4.5 18.9489 4.5 18.75V12C4.5 10.0109 5.29018 8.10322 6.6967 6.6967C8.10322 5.29018 10.0109 4.5 12 4.5ZM12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12V18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H12C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3Z", fill: "currentColor" }), h("path", { d: "M9.0075 10.2525H9C8.03488 10.2525 7.2525 11.0349 7.2525 12V12.0075C7.2525 12.9726 8.03488 13.755 9 13.755H9.0075C9.97262 13.755 10.755 12.9726 10.755 12.0075V12C10.755 11.0349 9.97262 10.2525 9.0075 10.2525Z", fill: "currentColor" }), h("path", { d: "M14.7525 10.2525H14.745C13.7799 10.2525 12.9975 11.0349 12.9975 12V12.0075C12.9975 12.9726 13.7799 13.755 14.745 13.755H14.7525C15.7176 13.755 16.5 12.9726 16.5 12.0075V12C16.5 11.0349 15.7176 10.2525 14.7525 10.2525Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 5.25C16.3206 5.25 18.5462 6.17187 20.1872 7.81282C21.8281 9.45376 22.75 11.6794 22.75 14C22.75 16.3206 21.8281 18.5462 20.1872 20.1872C18.5462 21.8281 16.3206 22.75 14 22.75H6.125C5.89294 22.75 5.67038 22.6578 5.50628 22.4937C5.34219 22.3296 5.25 22.1071 5.25 21.875V14C5.25 11.6794 6.17187 9.45376 7.81282 7.81282C9.45376 6.17187 11.6794 5.25 14 5.25ZM14 3.5C11.2152 3.5 8.54451 4.60625 6.57538 6.57538C4.60625 8.54451 3.5 11.2152 3.5 14V21.875C3.5 22.5712 3.77656 23.2389 4.26884 23.7312C4.76113 24.2234 5.42881 24.5 6.125 24.5H14C16.7848 24.5 19.4555 23.3938 21.4246 21.4246C23.3938 19.4555 24.5 16.7848 24.5 14C24.5 11.2152 23.3938 8.54451 21.4246 6.57538C19.4555 4.60625 16.7848 3.5 14 3.5Z", fill: "currentColor" }), h("path", { d: "M10.5088 11.9613H10.5C9.37403 11.9613 8.46125 12.874 8.46125 14V14.0088C8.46125 15.1347 9.37403 16.0475 10.5 16.0475H10.5088C11.6347 16.0475 12.5475 15.1347 12.5475 14.0088V14C12.5475 12.874 11.6347 11.9613 10.5088 11.9613Z", fill: "currentColor" }), h("path", { d: "M17.2113 11.9613H17.2025C16.0765 11.9613 15.1637 12.874 15.1637 14V14.0088C15.1637 15.1347 16.0765 16.0475 17.2025 16.0475H17.2113C18.3372 16.0475 19.25 15.1347 19.25 14.0088V14C19.25 12.874 18.3372 11.9613 17.2113 11.9613Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-chats-outlined", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-chats-outlined"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-chats-outlined":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconChatsOutlined$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconChatsOutlined = SwirlIconChatsOutlined$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconChatsOutlined, defineCustomElement };

package/dist/components/swirl-icon-check-circle.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconCheckCircle extends Components.SwirlIconCheckCircle, HTMLElement {}
+export const SwirlIconCheckCircle: {
+  prototype: SwirlIconCheckCircle;
+  new (): SwirlIconCheckCircle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-check-circle.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconCheckCircle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8.00001 1.33337C4.32001 1.33337 1.33334 4.32004 1.33334 8.00004C1.33334 11.68 4.32001 14.6667 8.00001 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00004C14.6667 4.32004 11.68 1.33337 8.00001 1.33337ZM6.19334 10.86L3.80001 8.46671C3.54001 8.20671 3.54001 7.78671 3.80001 7.52671C4.06001 7.26671 4.48001 7.26671 4.74001 7.52671L6.66668 9.44671L11.2533 4.86004C11.5133 4.60004 11.9333 4.60004 12.1933 4.86004C12.4533 5.12004 12.4533 5.54004 12.1933 5.80004L7.13334 10.86C6.88001 11.12 6.45334 11.12 6.19334 10.86Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.29 16.29L5.7 12.7C5.31 12.31 5.31 11.68 5.7 11.29C6.09 10.9 6.72 10.9 7.11 11.29L10 14.17L16.88 7.29C17.27 6.9 17.9 6.9 18.29 7.29C18.68 7.68 18.68 8.31 18.29 8.7L10.7 16.29C10.32 16.68 9.68 16.68 9.29 16.29Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 2.33337C7.56001 2.33337 2.33334 7.56004 2.33334 14C2.33334 20.44 7.56001 25.6667 14 25.6667C20.44 25.6667 25.6667 20.44 25.6667 14C25.6667 7.56004 20.44 2.33337 14 2.33337ZM10.8383 19.005L6.65001 14.8167C6.19501 14.3617 6.19501 13.6267 6.65001 13.1717C7.10501 12.7167 7.84001 12.7167 8.29501 13.1717L11.6667 16.5317L19.6933 8.50504C20.1483 8.05004 20.8833 8.05004 21.3383 8.50504C21.7933 8.96004 21.7933 9.69504 21.3383 10.15L12.4833 19.005C12.04 19.46 11.2933 19.46 10.8383 19.005Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-check-circle", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-check-circle"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-check-circle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCheckCircle$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconCheckCircle = SwirlIconCheckCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCheckCircle, defineCustomElement };

package/dist/components/swirl-icon-check-small.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconCheckSmall extends Components.SwirlIconCheckSmall, HTMLElement {}
+export const SwirlIconCheckSmall: {
+  prototype: SwirlIconCheckSmall;
+  new (): SwirlIconCheckSmall;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-check-small.js

@@ -0,0 +1,6 @@
+import { S as SwirlIconCheckSmall$1, d as defineCustomElement$1 } from './swirl-icon-check-small2.js';
+
+const SwirlIconCheckSmall = SwirlIconCheckSmall$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCheckSmall, defineCustomElement };

package/dist/components/swirl-icon-check-small2.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconCheckSmall = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-check-small", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-check-small"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-check-small":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCheckSmall);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconCheckSmall as S, defineCustomElement as d };

package/dist/components/swirl-icon-check-strong.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconCheckStrong extends Components.SwirlIconCheckStrong, HTMLElement {}
+export const SwirlIconCheckStrong: {
+  prototype: SwirlIconCheckStrong;
+  new (): SwirlIconCheckStrong;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-check-strong.js

@@ -0,0 +1,6 @@
+import { S as SwirlIconCheckStrong$1, d as defineCustomElement$1 } from './swirl-icon-check-strong2.js';
+
+const SwirlIconCheckStrong = SwirlIconCheckStrong$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCheckStrong, defineCustomElement };

package/dist/components/swirl-icon-check-strong2.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconCheckStrong = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-check-strong", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-check-strong"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-check-strong":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCheckStrong);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconCheckStrong as S, defineCustomElement as d };

package/dist/components/swirl-icon-check.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconCheck extends Components.SwirlIconCheck, HTMLElement {}
+export const SwirlIconCheck: {
+  prototype: SwirlIconCheck;
+  new (): SwirlIconCheck;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-icon-check.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex}";
+
+const SwirlIconCheck$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M6.36666 11.8166C6.26666 11.8166 6.17222 11.8 6.08333 11.7666C5.99444 11.7333 5.91111 11.6777 5.83333 11.6L2.96666 8.73329C2.82222 8.58885 2.75289 8.40818 2.75866 8.19129C2.764 7.97485 2.83889 7.7944 2.98333 7.64996C3.12778 7.50551 3.30844 7.43329 3.52533 7.43329C3.74178 7.43329 3.91666 7.50551 4.05 7.64996L6.36666 9.96663L11.95 4.38329C12.0833 4.23885 12.2611 4.16663 12.4833 4.16663C12.7056 4.16663 12.8889 4.23885 13.0333 4.38329C13.1667 4.52774 13.2333 4.70818 13.2333 4.92463C13.2333 5.14151 13.1667 5.32218 13.0333 5.46663L6.9 11.6C6.82222 11.6777 6.73889 11.7333 6.65 11.7666C6.56111 11.8 6.46667 11.8166 6.36666 11.8166V11.8166Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.55001 17.725C9.40001 17.725 9.25835 17.7 9.12501 17.65C8.99168 17.6 8.86668 17.5167 8.75001 17.4L4.45001 13.1C4.23335 12.8833 4.12935 12.6123 4.13801 12.287C4.14601 11.9623 4.25835 11.6917 4.47501 11.475C4.69168 11.2583 4.96268 11.15 5.28801 11.15C5.61268 11.15 5.87501 11.2583 6.07501 11.475L9.55001 14.95L17.925 6.575C18.125 6.35833 18.3917 6.25 18.725 6.25C19.0583 6.25 19.3333 6.35833 19.55 6.575C19.75 6.79167 19.85 7.06233 19.85 7.387C19.85 7.71233 19.75 7.98333 19.55 8.2L10.35 17.4C10.2333 17.5167 10.1083 17.6 9.97501 17.65C9.84168 17.7 9.70001 17.725 9.55001 17.725Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M11.1417 20.6791C10.9667 20.6791 10.8014 20.65 10.6458 20.5916C10.4903 20.5333 10.3444 20.4361 10.2083 20.3L5.19167 15.2833C4.93889 15.0305 4.81756 14.7143 4.82767 14.3348C4.837 13.956 4.96806 13.6402 5.22084 13.3875C5.47362 13.1347 5.78978 13.0083 6.16934 13.0083C6.54812 13.0083 6.85417 13.1347 7.0875 13.3875L11.1417 17.4416L20.9125 7.67079C21.1458 7.41801 21.457 7.29163 21.8458 7.29163C22.2347 7.29163 22.5556 7.41801 22.8083 7.67079C23.0417 7.92357 23.1583 8.23935 23.1583 8.61813C23.1583 8.99768 23.0417 9.31385 22.8083 9.56663L12.075 20.3C11.9389 20.4361 11.7931 20.5333 11.6375 20.5916C11.4819 20.65 11.3167 20.6791 11.1417 20.6791V20.6791Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-check", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-check"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-check":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCheck$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconCheck = SwirlIconCheck$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCheck, defineCustomElement };

package/dist/components/swirl-icon-chevron-left.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlIconChevronLeft extends Components.SwirlIconChevronLeft, HTMLElement {}
+export const SwirlIconChevronLeft: {
+  prototype: SwirlIconChevronLeft;
+  new (): SwirlIconChevronLeft;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;