@getflip/swirl-components 0.0.0-new-shell-20231128124118

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 SwirlIconChatBubble 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 SwirlIconChatsFilled 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 SwirlIconChatsOutlined 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,6 @@
+import { S as SwirlIconCheckCircle$1, d as defineCustomElement$1 } from './swirl-icon-check-circle2.js';
+
+const SwirlIconCheckCircle = SwirlIconCheckCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCheckCircle, defineCustomElement };

package/dist/components/swirl-icon-check-circle2.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 SwirlIconCheckCircle = /*@__PURE__*/ proxyCustomElement(class SwirlIconCheckCircle 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() {
+  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);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconCheckCircle as S, defineCustomElement as d };

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 SwirlIconCheckSmall 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 SwirlIconCheckStrong 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 SwirlIconCheck 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;

package/dist/components/swirl-icon-chevron-left.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 SwirlIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChevronLeft 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.8 11.6L5.73333 8.53335C5.65555 8.45557 5.6 8.37224 5.56666 8.28335C5.53333 8.19446 5.51666 8.10002 5.51666 8.00002C5.51666 7.90002 5.53333 7.80557 5.56666 7.71668C5.6 7.62779 5.65555 7.54446 5.73333 7.46668L8.8 4.40002C8.94444 4.25557 9.12222 4.18335 9.33333 4.18335C9.54444 4.18335 9.72222 4.25557 9.86666 4.40002C10.0111 4.54446 10.0833 4.72224 10.0833 4.93335C10.0833 5.14446 10.0111 5.32224 9.86666 5.46668L7.33333 8.00002L9.86666 10.5333C10.0111 10.6778 10.0833 10.8556 10.0833 11.0667C10.0833 11.2778 10.0111 11.4556 9.86666 11.6C9.72222 11.7445 9.54444 11.8167 9.33333 11.8167C9.12222 11.8167 8.94444 11.7445 8.8 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M15.4 20.3L10.0333 14.9333C9.89723 14.7972 9.80001 14.6514 9.74168 14.4958C9.68334 14.3402 9.65417 14.175 9.65417 14C9.65417 13.825 9.68334 13.6597 9.74168 13.5041C9.80001 13.3486 9.89723 13.2027 10.0333 13.0666L15.4 7.69997C15.6528 7.44719 15.9639 7.3208 16.3333 7.3208C16.7028 7.3208 17.0139 7.44719 17.2667 7.69997C17.5195 7.95275 17.6458 8.26386 17.6458 8.6333C17.6458 9.00275 17.5195 9.31386 17.2667 9.56663L12.8333 14L17.2667 18.4333C17.5195 18.6861 17.6458 18.9972 17.6458 19.3666C17.6458 19.7361 17.5195 20.0472 17.2667 20.3C17.0139 20.5527 16.7028 20.6791 16.3333 20.6791C15.9639 20.6791 15.6528 20.5527 15.4 20.3V20.3Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-chevron-left", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-chevron-left"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-chevron-left":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconChevronLeft$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconChevronLeft = SwirlIconChevronLeft$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconChevronLeft, defineCustomElement };

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

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

package/dist/components/swirl-icon-chevron-right.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 SwirlIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconChevronRight 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: "M5.73333 11.6C5.58889 11.4556 5.51666 11.2778 5.51666 11.0667C5.51666 10.8556 5.58889 10.6778 5.73333 10.5333L8.26666 8.00002L5.73333 5.46668C5.58889 5.32224 5.51666 5.14446 5.51666 4.93335C5.51666 4.72224 5.58889 4.54446 5.73333 4.40002C5.87777 4.25557 6.05555 4.18335 6.26666 4.18335C6.47777 4.18335 6.65555 4.25557 6.8 4.40002L9.86666 7.46668C9.94444 7.54446 10 7.62779 10.0333 7.71668C10.0667 7.80557 10.0833 7.90002 10.0833 8.00002C10.0833 8.10002 10.0667 8.19446 10.0333 8.28335C10 8.37224 9.94444 8.45557 9.86666 8.53335L6.8 11.6C6.65555 11.7445 6.47777 11.8167 6.26666 11.8167C6.05555 11.8167 5.87777 11.7445 5.73333 11.6V11.6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.0333 20.3C9.78056 20.0472 9.65417 19.7361 9.65417 19.3666C9.65417 18.9972 9.78056 18.6861 10.0333 18.4333L14.4667 14L10.0333 9.56663C9.78056 9.31386 9.65417 9.00275 9.65417 8.6333C9.65417 8.26386 9.78056 7.95275 10.0333 7.69997C10.2861 7.44719 10.5972 7.3208 10.9667 7.3208C11.3361 7.3208 11.6472 7.44719 11.9 7.69997L17.2667 13.0666C17.4028 13.2027 17.5 13.3486 17.5583 13.5041C17.6167 13.6597 17.6458 13.825 17.6458 14C17.6458 14.175 17.6167 14.3402 17.5583 14.4958C17.5 14.6514 17.4028 14.7972 17.2667 14.9333L11.9 20.3C11.6472 20.5527 11.3361 20.6791 10.9667 20.6791C10.5972 20.6791 10.2861 20.5527 10.0333 20.3V20.3Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-chevron-right", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-chevron-right"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-chevron-right":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconChevronRight$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconChevronRight = SwirlIconChevronRight$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconChevronRight, defineCustomElement };

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

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

package/dist/components/swirl-icon-close-small.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 SwirlIconCloseSmall$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconCloseSmall 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: "M7.99999 9.06671L5.33326 11.7333C5.18882 11.8778 5.01104 11.95 4.79993 11.95C4.58882 11.95 4.41104 11.8778 4.26659 11.7333C4.12215 11.5889 4.04993 11.4111 4.04993 11.2C4.04993 10.9889 4.12215 10.8111 4.26659 10.6666L6.93332 8.00005L4.26672 5.33338C4.12228 5.18894 4.05006 5.01116 4.05006 4.80005C4.05006 4.58894 4.12228 4.41116 4.26672 4.26672C4.41117 4.12227 4.58895 4.05005 4.80006 4.05005C5.01117 4.05005 5.18895 4.12227 5.33339 4.26672L7.99999 6.93338L10.6666 4.26678C10.811 4.12234 10.9888 4.05011 11.1999 4.05011C11.411 4.05011 11.5888 4.12234 11.7333 4.26678C11.8777 4.41122 11.9499 4.589 11.9499 4.80011C11.9499 5.01122 11.8777 5.189 11.7333 5.33345L9.06666 8.00005L11.7335 10.6666C11.8779 10.8111 11.9501 10.9889 11.9501 11.2C11.9501 11.4111 11.8779 11.5889 11.7335 11.7333C11.589 11.8778 11.4112 11.95 11.2001 11.95C10.989 11.95 10.8112 11.8778 10.6668 11.7333L7.99999 9.06671Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 13.5999L7.99989 17.5998C7.78322 17.8165 7.51656 17.9248 7.19989 17.9248C6.88322 17.9248 6.61656 17.8165 6.39989 17.5998C6.18322 17.3832 6.07489 17.1165 6.07489 16.7998C6.07489 16.4832 6.18322 16.2165 6.39989 15.9998L10.4 11.9999L6.40008 7.99995C6.18342 7.78328 6.07509 7.51662 6.07509 7.19995C6.07509 6.88328 6.18342 6.61662 6.40008 6.39995C6.61675 6.18328 6.88342 6.07495 7.20009 6.07495C7.51675 6.07495 7.78342 6.18328 8.00008 6.39995L12 10.3999L15.9999 6.40005C16.2166 6.18338 16.4832 6.07505 16.7999 6.07505C17.1166 6.07505 17.3832 6.18338 17.5999 6.40005C17.8166 6.61671 17.9249 6.88338 17.9249 7.20005C17.9249 7.51671 17.8166 7.78338 17.5999 8.00005L13.6 11.9999L17.6002 15.9998C17.8168 16.2165 17.9252 16.4832 17.9252 16.7998C17.9252 17.1165 17.8168 17.3832 17.6002 17.5998C17.3835 17.8165 17.1168 17.9248 16.8002 17.9248C16.4835 17.9248 16.2168 17.8165 16.0002 17.5998L12 13.5999Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 15.8667L9.33324 20.5332C9.08046 20.786 8.76935 20.9124 8.3999 20.9124C8.03046 20.9124 7.71935 20.786 7.46657 20.5332C7.21379 20.2805 7.0874 19.9694 7.0874 19.5999C7.0874 19.2305 7.21379 18.9193 7.46657 18.6666L12.1333 14L7.4668 9.33336C7.21402 9.08058 7.08763 8.76947 7.08763 8.40002C7.08763 8.03058 7.21402 7.71947 7.4668 7.46669C7.71957 7.21391 8.03069 7.08752 8.40013 7.08752C8.76957 7.08752 9.08069 7.21391 9.33346 7.46669L14 12.1334L18.6666 7.4668C18.9193 7.21403 19.2305 7.08764 19.5999 7.08764C19.9693 7.08764 20.2805 7.21403 20.5332 7.4668C20.786 7.71958 20.9124 8.03069 20.9124 8.40014C20.9124 8.76958 20.786 9.08069 20.5332 9.33347L15.8667 14L20.5336 18.6666C20.7864 18.9193 20.9127 19.2305 20.9127 19.5999C20.9127 19.9694 20.7864 20.2805 20.5336 20.5332C20.2808 20.786 19.9697 20.9124 19.6002 20.9124C19.2308 20.9124 18.9197 20.786 18.6669 20.5332L14 15.8667Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-close-small", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-close-small"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-close-small":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconCloseSmall$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconCloseSmall = SwirlIconCloseSmall$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconCloseSmall, defineCustomElement };

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

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

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

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

package/dist/components/swirl-icon-close2.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 SwirlIconClose = /*@__PURE__*/ proxyCustomElement(class SwirlIconClose 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 9.06672L4.8 12.2667C4.65555 12.4112 4.47777 12.4834 4.26666 12.4834C4.05555 12.4834 3.87777 12.4112 3.73333 12.2667C3.58888 12.1223 3.51666 11.9445 3.51666 11.7334C3.51666 11.5223 3.58888 11.3445 3.73333 11.2001L6.93333 8.00006L3.73333 4.80006C3.58888 4.65561 3.51666 4.47783 3.51666 4.26672C3.51666 4.05561 3.58888 3.87783 3.73333 3.73339C3.87777 3.58895 4.05555 3.51672 4.26666 3.51672C4.47777 3.51672 4.65555 3.58895 4.8 3.73339L8 6.93339L11.2 3.73339C11.3444 3.58895 11.5222 3.51672 11.7333 3.51672C11.9444 3.51672 12.1222 3.58895 12.2667 3.73339C12.4111 3.87783 12.4833 4.05561 12.4833 4.26672C12.4833 4.47783 12.4111 4.65561 12.2667 4.80006L9.06666 8.00006L12.2667 11.2001C12.4111 11.3445 12.4833 11.5223 12.4833 11.7334C12.4833 11.9445 12.4111 12.1223 12.2667 12.2667C12.1222 12.4112 11.9444 12.4834 11.7333 12.4834C11.5222 12.4834 11.3444 12.4112 11.2 12.2667L8 9.06672Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 13.6L7.19999 18.4C6.98333 18.6167 6.71666 18.725 6.39999 18.725C6.08333 18.725 5.81666 18.6167 5.59999 18.4C5.38333 18.1834 5.27499 17.9167 5.27499 17.6C5.27499 17.2834 5.38333 17.0167 5.59999 16.8L10.4 12L5.59999 7.20002C5.38333 6.98336 5.27499 6.71669 5.27499 6.40002C5.27499 6.08336 5.38333 5.81669 5.59999 5.60002C5.81666 5.38336 6.08333 5.27502 6.39999 5.27502C6.71666 5.27502 6.98333 5.38336 7.19999 5.60002L12 10.4L16.8 5.60002C17.0167 5.38336 17.2833 5.27502 17.6 5.27502C17.9167 5.27502 18.1833 5.38336 18.4 5.60002C18.6167 5.81669 18.725 6.08336 18.725 6.40002C18.725 6.71669 18.6167 6.98336 18.4 7.20002L13.6 12L18.4 16.8C18.6167 17.0167 18.725 17.2834 18.725 17.6C18.725 17.9167 18.6167 18.1834 18.4 18.4C18.1833 18.6167 17.9167 18.725 17.6 18.725C17.2833 18.725 17.0167 18.6167 16.8 18.4L12 13.6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 15.8667L8.40001 21.4667C8.14723 21.7195 7.83612 21.8458 7.46667 21.8458C7.09723 21.8458 6.78612 21.7195 6.53334 21.4667C6.28056 21.2139 6.15417 20.9028 6.15417 20.5333C6.15417 20.1639 6.28056 19.8528 6.53334 19.6L12.1333 14L6.53334 8.40001C6.28056 8.14723 6.15417 7.83612 6.15417 7.46667C6.15417 7.09723 6.28056 6.78612 6.53334 6.53334C6.78612 6.28056 7.09723 6.15417 7.46667 6.15417C7.83612 6.15417 8.14723 6.28056 8.40001 6.53334L14 12.1333L19.6 6.53334C19.8528 6.28056 20.1639 6.15417 20.5333 6.15417C20.9028 6.15417 21.2139 6.28056 21.4667 6.53334C21.7195 6.78612 21.8458 7.09723 21.8458 7.46667C21.8458 7.83612 21.7195 8.14723 21.4667 8.40001L15.8667 14L21.4667 19.6C21.7195 19.8528 21.8458 20.1639 21.8458 20.5333C21.8458 20.9028 21.7195 21.2139 21.4667 21.4667C21.2139 21.7195 20.9028 21.8458 20.5333 21.8458C20.1639 21.8458 19.8528 21.7195 19.6 21.4667L14 15.8667Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-close", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-close"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-close":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconClose);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconClose as S, defineCustomElement as d };