@getflip/swirl-components 0.11.0 → 0.13.0

package/dist/components/swirl-icon-notifications.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 SwirlIconNotifications$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.00083 14.5C8.73416 14.5 9.33416 13.9 9.33416 13.1667H6.66749C6.66749 13.9 7.26083 14.5 8.00083 14.5ZM12.0008 10.5V7.16667C12.0008 5.12 10.9075 3.40667 9.00083 2.95333V2.5C9.00083 1.94667 8.55416 1.5 8.00083 1.5C7.44749 1.5 7.00083 1.94667 7.00083 2.5V2.95333C5.08749 3.40667 4.00083 5.11333 4.00083 7.16667V10.5L3.14083 11.36C2.72083 11.78 3.01416 12.5 3.60749 12.5H12.3875C12.9808 12.5 13.2808 11.78 12.8608 11.36L12.0008 10.5Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12.0012 21.75C13.1012 21.75 14.0012 20.85 14.0012 19.75H10.0012C10.0012 20.85 10.8912 21.75 12.0012 21.75ZM18.0012 15.75V10.75C18.0012 7.68 16.3612 5.11 13.5012 4.43V3.75C13.5012 2.92 12.8312 2.25 12.0012 2.25C11.1712 2.25 10.5012 2.92 10.5012 3.75V4.43C7.63124 5.11 6.00124 7.67 6.00124 10.75V15.75L4.71124 17.04C4.08124 17.67 4.52124 18.75 5.41124 18.75H18.5812C19.4712 18.75 19.9212 17.67 19.2912 17.04L18.0012 15.75Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14.0014 25.375C15.2848 25.375 16.3348 24.325 16.3348 23.0417H11.6681C11.6681 24.325 12.7064 25.375 14.0014 25.375ZM21.0014 18.375V12.5417C21.0014 8.96 19.0881 5.96167 15.7514 5.16833V4.375C15.7514 3.40667 14.9698 2.625 14.0014 2.625C13.0331 2.625 12.2514 3.40667 12.2514 4.375V5.16833C8.9031 5.96167 7.00143 8.94833 7.00143 12.5417V18.375L5.49643 19.88C4.76143 20.615 5.27477 21.875 6.3131 21.875H21.6781C22.7164 21.875 23.2414 20.615 22.5064 19.88L21.0014 18.375Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-notifications", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-notifications"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-notifications":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconNotifications$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconNotifications = SwirlIconNotifications$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconNotifications, defineCustomElement };

package/dist/components/swirl-icon-open-in-new.d.ts

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

package/dist/components/swirl-icon-open-in-new.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 SwirlIconOpenInNew$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.38334 14.1334C2.96111 14.1334 2.60289 13.9863 2.30867 13.692C2.014 13.3974 1.86667 13.0389 1.86667 12.6167V3.38337C1.86667 2.96114 2.014 2.6027 2.30867 2.30803C2.60289 2.01381 2.96111 1.8667 3.38334 1.8667H7.23334C7.45556 1.8667 7.63889 1.93892 7.78334 2.08337C7.92778 2.22781 8 2.40559 8 2.6167C8 2.83892 7.92778 3.02225 7.78334 3.1667C7.63889 3.31114 7.45556 3.38337 7.23334 3.38337H3.38334V12.6167H12.6167V8.7667C12.6167 8.54448 12.6889 8.36114 12.8333 8.2167C12.9778 8.07225 13.1611 8.00003 13.3833 8.00003C13.5944 8.00003 13.7722 8.07225 13.9167 8.2167C14.0611 8.36114 14.1333 8.54448 14.1333 8.7667V12.6167C14.1333 13.0389 13.9862 13.3974 13.692 13.692C13.3973 13.9863 13.0389 14.1334 12.6167 14.1334H3.38334ZM6.06667 9.93337C5.92222 9.80003 5.85 9.62781 5.85 9.4167C5.85 9.20559 5.92222 9.02781 6.06667 8.88337L11.5667 3.38337H10.1C9.87778 3.38337 9.69445 3.31114 9.55 3.1667C9.40556 3.02225 9.33333 2.83892 9.33333 2.6167C9.33333 2.40559 9.40556 2.22781 9.55 2.08337C9.69445 1.93892 9.87778 1.8667 10.1 1.8667H13.3833C13.5944 1.8667 13.7722 1.93892 13.9167 2.08337C14.0611 2.22781 14.1333 2.40559 14.1333 2.6167V5.90003C14.1333 6.12225 14.0611 6.30559 13.9167 6.45003C13.7722 6.59448 13.5944 6.6667 13.3833 6.6667C13.1611 6.6667 12.9778 6.59448 12.8333 6.45003C12.6889 6.30559 12.6167 6.12225 12.6167 5.90003V4.43337L7.1 9.95003C6.96667 10.0945 6.79733 10.1667 6.592 10.1667C6.38622 10.1667 6.21111 10.0889 6.06667 9.93337Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M5.075 21.2001C4.44167 21.2001 3.90433 20.9794 3.463 20.538C3.021 20.096 2.8 19.5584 2.8 18.925V5.07505C2.8 4.44172 3.021 3.90405 3.463 3.46205C3.90433 3.02072 4.44167 2.80005 5.075 2.80005H10.85C11.1833 2.80005 11.4583 2.90838 11.675 3.12505C11.8917 3.34172 12 3.60838 12 3.92505C12 4.25838 11.8917 4.53338 11.675 4.75005C11.4583 4.96672 11.1833 5.07505 10.85 5.07505H5.075V18.925H18.925V13.15C18.925 12.8167 19.0333 12.5417 19.25 12.325C19.4667 12.1084 19.7417 12 20.075 12C20.3917 12 20.6583 12.1084 20.875 12.325C21.0917 12.5417 21.2 12.8167 21.2 13.15V18.925C21.2 19.5584 20.9793 20.096 20.538 20.538C20.096 20.9794 19.5583 21.2001 18.925 21.2001H5.075ZM9.1 14.9C8.88333 14.7 8.775 14.4417 8.775 14.125C8.775 13.8084 8.88333 13.5417 9.1 13.325L17.35 5.07505H15.15C14.8167 5.07505 14.5417 4.96672 14.325 4.75005C14.1083 4.53338 14 4.25838 14 3.92505C14 3.60838 14.1083 3.34172 14.325 3.12505C14.5417 2.90838 14.8167 2.80005 15.15 2.80005H20.075C20.3917 2.80005 20.6583 2.90838 20.875 3.12505C21.0917 3.34172 21.2 3.60838 21.2 3.92505V8.85005C21.2 9.18338 21.0917 9.45838 20.875 9.67505C20.6583 9.89172 20.3917 10 20.075 10C19.7417 10 19.4667 9.89172 19.25 9.67505C19.0333 9.45838 18.925 9.18338 18.925 8.85005V6.65005L10.65 14.925C10.45 15.1417 10.196 15.25 9.888 15.25C9.57933 15.25 9.31667 15.1334 9.1 14.9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M5.92084 24.7334C5.18195 24.7334 4.55506 24.4759 4.04017 23.9611C3.5245 23.4454 3.26667 22.8181 3.26667 22.0792V5.92089C3.26667 5.182 3.5245 4.55472 4.04017 4.03906C4.55506 3.52417 5.18195 3.26672 5.92084 3.26672H12.6583C13.0472 3.26672 13.3681 3.39311 13.6208 3.64589C13.8736 3.89867 14 4.20978 14 4.57922C14 4.96811 13.8736 5.28895 13.6208 5.54172C13.3681 5.7945 13.0472 5.92089 12.6583 5.92089H5.92084V22.0792H22.0792V15.3417C22.0792 14.9528 22.2056 14.632 22.4583 14.3792C22.7111 14.1264 23.032 14.0001 23.4208 14.0001C23.7903 14.0001 24.1014 14.1264 24.3542 14.3792C24.607 14.632 24.7333 14.9528 24.7333 15.3417V22.0792C24.7333 22.8181 24.4759 23.4454 23.961 23.9611C23.4453 24.4759 22.8181 24.7334 22.0792 24.7334H5.92084ZM10.6167 17.3834C10.3639 17.1501 10.2375 16.8487 10.2375 16.4792C10.2375 16.1098 10.3639 15.7987 10.6167 15.5459L20.2417 5.92089H17.675C17.2861 5.92089 16.9653 5.7945 16.7125 5.54172C16.4597 5.28895 16.3333 4.96811 16.3333 4.57922C16.3333 4.20978 16.4597 3.89867 16.7125 3.64589C16.9653 3.39311 17.2861 3.26672 17.675 3.26672H23.4208C23.7903 3.26672 24.1014 3.39311 24.3542 3.64589C24.607 3.89867 24.7333 4.20978 24.7333 4.57922V10.3251C24.7333 10.7139 24.607 11.0348 24.3542 11.2876C24.1014 11.5403 23.7903 11.6667 23.4208 11.6667C23.032 11.6667 22.7111 11.5403 22.4583 11.2876C22.2056 11.0348 22.0792 10.7139 22.0792 10.3251V7.75839L12.425 17.4126C12.1917 17.6653 11.8953 17.7917 11.536 17.7917C11.1759 17.7917 10.8694 17.6556 10.6167 17.3834Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-open-in-new", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-open-in-new"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-open-in-new":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconOpenInNew$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconOpenInNew = SwirlIconOpenInNew$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconOpenInNew, defineCustomElement };

package/dist/components/swirl-icon-people-alt.d.ts

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

package/dist/components/swirl-icon-people-alt.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 SwirlIconPeopleAlt$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", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.1133 8.75329C12.0267 9.37329 12.6667 10.2133 12.6667 11.3333V13.3333H14.6667C15.0333 13.3333 15.3333 13.0333 15.3333 12.6666V11.3333C15.3333 9.87996 12.9533 9.01996 11.1133 8.75329Z", fill: "currentColor" }), h("path", { d: "M5.99999 7.99996C7.47275 7.99996 8.66666 6.80605 8.66666 5.33329C8.66666 3.86053 7.47275 2.66663 5.99999 2.66663C4.52723 2.66663 3.33332 3.86053 3.33332 5.33329C3.33332 6.80605 4.52723 7.99996 5.99999 7.99996Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.99999 7.99996C11.4733 7.99996 12.6667 6.80663 12.6667 5.33329C12.6667 3.85996 11.4733 2.66663 9.99999 2.66663C9.68666 2.66663 9.39332 2.73329 9.11332 2.82663C9.66666 3.51329 9.99999 4.38663 9.99999 5.33329C9.99999 6.27996 9.66666 7.15329 9.11332 7.83996C9.39332 7.93329 9.68666 7.99996 9.99999 7.99996Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.99999 8.66663C4.21999 8.66663 0.666656 9.55996 0.666656 11.3333V12.6666C0.666656 13.0333 0.966656 13.3333 1.33332 13.3333H10.6667C11.0333 13.3333 11.3333 13.0333 11.3333 12.6666V11.3333C11.3333 9.55996 7.77999 8.66663 5.99999 8.66663Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.67 13.13C18.04 14.06 19 15.32 19 17V20H22C22.55 20 23 19.55 23 19V17C23 14.82 19.43 13.53 16.67 13.13Z", fill: "currentColor" }), h("path", { d: "M9 12C11.2091 12 13 10.2091 13 8C13 5.79086 11.2091 4 9 4C6.79086 4 5 5.79086 5 8C5 10.2091 6.79086 12 9 12Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15 12C17.21 12 19 10.21 19 8C19 5.79 17.21 4 15 4C14.53 4 14.09 4.1 13.67 4.24C14.5 5.27 15 6.58 15 8C15 9.42 14.5 10.73 13.67 11.76C14.09 11.9 14.53 12 15 12Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 13C6.33 13 1 14.34 1 17V19C1 19.55 1.45 20 2 20H16C16.55 20 17 19.55 17 19V17C17 14.34 11.67 13 9 13Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.4483 15.3183C21.0467 16.4033 22.1667 17.8733 22.1667 19.8333V23.3333H25.6667C26.3083 23.3333 26.8333 22.8083 26.8333 22.1666V19.8333C26.8333 17.29 22.6683 15.785 19.4483 15.3183Z", fill: "currentColor" }), h("path", { d: "M10.5 14C13.0773 14 15.1667 11.9106 15.1667 9.33329C15.1667 6.75596 13.0773 4.66663 10.5 4.66663C7.92266 4.66663 5.83332 6.75596 5.83332 9.33329C5.83332 11.9106 7.92266 14 10.5 14Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.5 14C20.0783 14 22.1667 11.9116 22.1667 9.33329C22.1667 6.75496 20.0783 4.66663 17.5 4.66663C16.9517 4.66663 16.4383 4.78329 15.9483 4.94663C16.9167 6.14829 17.5 7.67663 17.5 9.33329C17.5 10.99 16.9167 12.5183 15.9483 13.72C16.4383 13.8833 16.9517 14 17.5 14Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.5 15.1666C7.38499 15.1666 1.16666 16.73 1.16666 19.8333V22.1666C1.16666 22.8083 1.69166 23.3333 2.33332 23.3333H18.6667C19.3083 23.3333 19.8333 22.8083 19.8333 22.1666V19.8333C19.8333 16.73 13.615 15.1666 10.5 15.1666Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-people-alt", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-people-alt"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-people-alt":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPeopleAlt$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconPeopleAlt = SwirlIconPeopleAlt$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPeopleAlt, defineCustomElement };

package/dist/components/swirl-icon-person-off.d.ts

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

package/dist/components/swirl-icon-person-off.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 SwirlIconPersonOff$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.23708 3.41005C6.71041 2.67672 7.53708 2.19672 8.47042 2.19672C9.94375 2.19672 11.1371 3.39005 11.1371 4.86338C11.1371 5.79672 10.6571 6.62338 9.92375 7.09672L6.23708 3.41005ZM13.8037 10.9767C13.7904 10.2434 13.3837 9.57005 12.7304 9.23005C12.3704 9.04338 11.9771 8.87005 11.5504 8.72338L13.8037 10.9767ZM14.1304 13.19L2.81042 1.87005C2.55042 1.61005 2.13042 1.61005 1.87042 1.87005C1.61042 2.13005 1.61042 2.55005 1.87042 2.81005L7.32375 8.26338C6.11042 8.41672 5.05042 8.79672 4.19042 9.23672C3.53708 9.58338 3.13708 10.27 3.13708 11.01V12.8634H11.9171L13.1837 14.13C13.4437 14.39 13.8637 14.39 14.1237 14.13C14.3904 13.87 14.3904 13.45 14.1304 13.19Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M9.35562 5.11495C10.0656 4.01495 11.3056 3.29495 12.7056 3.29495C14.9156 3.29495 16.7056 5.08495 16.7056 7.29495C16.7056 8.69495 15.9856 9.93495 14.8856 10.645L9.35562 5.11495ZM20.7056 16.465C20.6856 15.365 20.0756 14.355 19.0956 13.845C18.5556 13.565 17.9656 13.305 17.3256 13.085L20.7056 16.465ZM21.1956 19.785L4.21562 2.80495C3.82562 2.41495 3.19562 2.41495 2.80562 2.80495C2.41562 3.19495 2.41562 3.82495 2.80562 4.21495L10.9856 12.395C9.16562 12.625 7.57562 13.195 6.28562 13.855C5.30562 14.375 4.70562 15.405 4.70562 16.515V19.295H17.8756L19.7756 21.195C20.1656 21.5849 20.7956 21.5849 21.1856 21.195C21.5856 20.805 21.5856 20.1749 21.1956 19.785Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M10.9149 5.96752C11.7432 4.68419 13.1899 3.84419 14.8232 3.84419C17.4016 3.84419 19.4899 5.93252 19.4899 8.51086C19.4899 10.1442 18.6499 11.5909 17.3666 12.4192L10.9149 5.96752ZM24.1566 19.2092C24.1332 17.9259 23.4216 16.7475 22.2782 16.1525C21.6482 15.8259 20.9599 15.5225 20.2132 15.2659L24.1566 19.2092ZM24.7282 23.0825L4.91823 3.27252C4.46323 2.81752 3.72823 2.81752 3.27323 3.27252C2.81823 3.72752 2.81823 4.46252 3.27323 4.91752L12.8166 14.4609C10.6932 14.7292 8.83823 15.3942 7.33323 16.1642C6.18989 16.7709 5.48989 17.9725 5.48989 19.2675V22.5109H20.8549L23.0716 24.7275C23.5266 25.1825 24.2616 25.1825 24.7166 24.7275C25.1832 24.2725 25.1832 23.5375 24.7282 23.0825Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-person-off", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-person-off"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-person-off":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPersonOff$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconPersonOff = SwirlIconPersonOff$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPersonOff, defineCustomElement };

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

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

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

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

package/dist/components/swirl-icon-person2.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 SwirlIconPerson = /*@__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: "M7.99999 8.00002C9.47332 8.00002 10.6667 6.80669 10.6667 5.33335C10.6667 3.86002 9.47332 2.66669 7.99999 2.66669C6.52666 2.66669 5.33332 3.86002 5.33332 5.33335C5.33332 6.80669 6.52666 8.00002 7.99999 8.00002ZM7.99999 9.33335C6.21999 9.33335 2.66666 10.2267 2.66666 12V12.6667C2.66666 13.0334 2.96666 13.3334 3.33332 13.3334H12.6667C13.0333 13.3334 13.3333 13.0334 13.3333 12.6667V12C13.3333 10.2267 9.77999 9.33335 7.99999 9.33335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V19C4 19.55 4.45 20 5 20H19C19.55 20 20 19.55 20 19V18C20 15.34 14.67 14 12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 14C16.5783 14 18.6667 11.9117 18.6667 9.33335C18.6667 6.75502 16.5783 4.66669 14 4.66669C11.4217 4.66669 9.33332 6.75502 9.33332 9.33335C9.33332 11.9117 11.4217 14 14 14ZM14 16.3334C10.885 16.3334 4.66666 17.8967 4.66666 21V22.1667C4.66666 22.8084 5.19166 23.3334 5.83332 23.3334H22.1667C22.8083 23.3334 23.3333 22.8084 23.3333 22.1667V21C23.3333 17.8967 17.115 16.3334 14 16.3334Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-person", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-person"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-person":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPerson);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconPerson as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-phone.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 SwirlIconPhone$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: "M12.8145 10.1788L11.1212 9.98545C10.7145 9.93878 10.3145 10.0788 10.0279 10.3654L8.8012 11.5921C6.91453 10.6321 5.36787 9.09211 4.40787 7.19878L5.6412 5.96545C5.92787 5.67878 6.06787 5.27878 6.0212 4.87212L5.82787 3.19212C5.74787 2.51878 5.1812 2.01212 4.5012 2.01212H3.34787C2.59453 2.01212 1.96787 2.63878 2.01453 3.39212C2.36787 9.08545 6.9212 13.6321 12.6079 13.9854C13.3612 14.0321 13.9879 13.4054 13.9879 12.6521V11.4988C13.9945 10.8254 13.4879 10.2588 12.8145 10.1788Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M19.2218 15.2682L16.6818 14.9782C16.0718 14.9082 15.4718 15.1182 15.0418 15.5482L13.2018 17.3882C10.3718 15.9482 8.0518 13.6382 6.6118 10.7982L8.4618 8.94816C8.8918 8.51816 9.1018 7.91816 9.0318 7.30816L8.7418 4.78816C8.6218 3.77816 7.7718 3.01816 6.7518 3.01816H5.0218C3.8918 3.01816 2.9518 3.95816 3.0218 5.08816C3.5518 13.6282 10.3818 20.4482 18.9118 20.9782C20.0418 21.0482 20.9818 20.1082 20.9818 18.9782V17.2482C20.9918 16.2382 20.2318 15.3882 19.2218 15.2682Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M22.4254 17.8129L19.4621 17.4745C18.7504 17.3929 18.0504 17.6379 17.5488 18.1395L15.4021 20.2862C12.1004 18.6062 9.39377 15.9112 7.71377 12.5979L9.8721 10.4395C10.3738 9.93786 10.6188 9.23786 10.5371 8.52619L10.1988 5.58619C10.0588 4.40786 9.0671 3.52119 7.8771 3.52119H5.85877C4.54043 3.52119 3.44377 4.61786 3.52543 5.93619C4.14377 15.8995 12.1121 23.8562 22.0638 24.4745C23.3821 24.5562 24.4788 23.4595 24.4788 22.1412V20.1229C24.4904 18.9445 23.6038 17.9529 22.4254 17.8129Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-phone", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-phone"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-phone":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPhone$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconPhone = SwirlIconPhone$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPhone, defineCustomElement };

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

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

package/dist/components/swirl-icon-poll.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 SwirlIconPoll$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: "M10 8.66667H3.33333C2.98004 8.66772 2.64151 8.80854 2.39169 9.05836C2.14187 9.30818 2.00106 9.6467 2 10V12.6667C2.00106 13.02 2.14187 13.3585 2.39169 13.6083C2.64151 13.8581 2.98004 13.9989 3.33333 14H10C10.3533 13.9989 10.6918 13.8581 10.9416 13.6083C11.1915 13.3585 11.3323 13.02 11.3333 12.6667V10C11.3323 9.6467 11.1915 9.30818 10.9416 9.05836C10.6918 8.80854 10.3533 8.66772 10 8.66667ZM4.66667 12.6667C4.40296 12.6667 4.14517 12.5885 3.92591 12.442C3.70664 12.2955 3.53574 12.0872 3.43483 11.8436C3.33391 11.5999 3.30751 11.3319 3.35895 11.0732C3.4104 10.8146 3.53739 10.577 3.72386 10.3905C3.91033 10.2041 4.1479 10.0771 4.40655 10.0256C4.66519 9.97417 4.93328 10.0006 5.17691 10.1015C5.42055 10.2024 5.62878 10.3733 5.77529 10.5926C5.9218 10.8118 6 11.0696 6 11.3333C5.99894 11.6866 5.85813 12.0252 5.60831 12.275C5.35849 12.5248 5.01996 12.6656 4.66667 12.6667V12.6667ZM12.6667 2H3.33333C2.98004 2.00106 2.64151 2.14187 2.39169 2.39169C2.14187 2.64151 2.00106 2.98004 2 3.33333V6C2.00106 6.3533 2.14187 6.69182 2.39169 6.94164C2.64151 7.19146 2.98004 7.33228 3.33333 7.33333H12.6667C13.02 7.33228 13.3585 7.19146 13.6083 6.94164C13.8581 6.69182 13.9989 6.3533 14 6V3.33333C13.9989 2.98004 13.8581 2.64151 13.6083 2.39169C13.3585 2.14187 13.02 2.00106 12.6667 2V2ZM4.66667 6C4.40296 6 4.14517 5.9218 3.92591 5.77529C3.70664 5.62878 3.53574 5.42055 3.43483 5.17691C3.33391 4.93328 3.30751 4.66519 3.35895 4.40655C3.4104 4.1479 3.53739 3.91033 3.72386 3.72386C3.91033 3.53739 4.1479 3.4104 4.40655 3.35895C4.66519 3.30751 4.93328 3.33391 5.17691 3.43483C5.42055 3.53574 5.62878 3.70664 5.77529 3.92591C5.9218 4.14517 6 4.40296 6 4.66667C5.99894 5.01996 5.85813 5.35849 5.60831 5.60831C5.35849 5.85813 5.01996 5.99894 4.66667 6V6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15 13H5C4.47005 13.0016 3.96227 13.2128 3.58753 13.5875C3.2128 13.9623 3.00158 14.4701 3 15V19C3.00158 19.5299 3.2128 20.0377 3.58753 20.4125C3.96227 20.7872 4.47005 20.9984 5 21H15C15.5299 20.9984 16.0377 20.7872 16.4125 20.4125C16.7872 20.0377 16.9984 19.5299 17 19V15C16.9984 14.4701 16.7872 13.9623 16.4125 13.5875C16.0377 13.2128 15.5299 13.0016 15 13ZM7 19C6.60444 19 6.21776 18.8827 5.88886 18.6629C5.55996 18.4432 5.30362 18.1308 5.15224 17.7654C5.00087 17.3999 4.96126 16.9978 5.03843 16.6098C5.1156 16.2219 5.30608 15.8655 5.58579 15.5858C5.86549 15.3061 6.22186 15.1156 6.60982 15.0384C6.99778 14.9613 7.39991 15.0009 7.76537 15.1522C8.13082 15.3036 8.44318 15.56 8.66294 15.8889C8.8827 16.2178 9 16.6044 9 17C8.99842 17.5299 8.7872 18.0377 8.41247 18.4125C8.03773 18.7872 7.52995 18.9984 7 19ZM19 3H5C4.47005 3.00158 3.96227 3.2128 3.58753 3.58753C3.2128 3.96227 3.00158 4.47005 3 5V9C3.00158 9.52995 3.2128 10.0377 3.58753 10.4125C3.96227 10.7872 4.47005 10.9984 5 11H19C19.5299 10.9984 20.0377 10.7872 20.4125 10.4125C20.7872 10.0377 20.9984 9.52995 21 9V5C20.9984 4.47005 20.7872 3.96227 20.4125 3.58753C20.0377 3.2128 19.5299 3.00158 19 3ZM7 9C6.60444 9 6.21776 8.8827 5.88886 8.66294C5.55996 8.44318 5.30362 8.13082 5.15224 7.76537C5.00087 7.39991 4.96126 6.99778 5.03843 6.60982C5.1156 6.22186 5.30608 5.86549 5.58579 5.58579C5.86549 5.30608 6.22186 5.1156 6.60982 5.03843C6.99778 4.96126 7.39991 5.00087 7.76537 5.15224C8.13082 5.30362 8.44318 5.55996 8.66294 5.88886C8.8827 6.21776 9 6.60444 9 7C8.99842 7.52995 8.7872 8.03773 8.41247 8.41247C8.03773 8.7872 7.52995 8.99842 7 9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M17.5 15.1667H5.83333C5.21506 15.1685 4.62264 15.4149 4.18546 15.8521C3.74827 16.2893 3.50185 16.8817 3.5 17.5V22.1667C3.50185 22.7849 3.74827 23.3774 4.18546 23.8145C4.62264 24.2517 5.21506 24.4982 5.83333 24.5H17.5C18.1183 24.4982 18.7107 24.2517 19.1479 23.8145C19.5851 23.3774 19.8315 22.7849 19.8333 22.1667V17.5C19.8315 16.8817 19.5851 16.2893 19.1479 15.8521C18.7107 15.4149 18.1183 15.1685 17.5 15.1667ZM8.16667 22.1667C7.70518 22.1667 7.25405 22.0298 6.87034 21.7734C6.48662 21.517 6.18755 21.1526 6.01095 20.7263C5.83434 20.2999 5.78814 19.8307 5.87817 19.3781C5.9682 18.9255 6.19043 18.5097 6.51675 18.1834C6.84307 17.8571 7.25883 17.6349 7.71146 17.5448C8.16408 17.4548 8.63323 17.501 9.05959 17.6776C9.48596 17.8542 9.85037 18.1533 10.1068 18.537C10.3632 18.9207 10.5 19.3718 10.5 19.8333C10.4982 20.4516 10.2517 21.044 9.81454 21.4812C9.37736 21.9184 8.78494 22.1648 8.16667 22.1667V22.1667ZM22.1667 3.5H5.83333C5.21506 3.50185 4.62264 3.74827 4.18546 4.18546C3.74827 4.62264 3.50185 5.21506 3.5 5.83333V10.5C3.50185 11.1183 3.74827 11.7107 4.18546 12.1479C4.62264 12.5851 5.21506 12.8315 5.83333 12.8333H22.1667C22.7849 12.8315 23.3774 12.5851 23.8145 12.1479C24.2517 11.7107 24.4982 11.1183 24.5 10.5V5.83333C24.4982 5.21506 24.2517 4.62264 23.8145 4.18546C23.3774 3.74827 22.7849 3.50185 22.1667 3.5V3.5ZM8.16667 10.5C7.70518 10.5 7.25405 10.3632 6.87034 10.1068C6.48662 9.85037 6.18755 9.48596 6.01095 9.05959C5.83434 8.63323 5.78814 8.16408 5.87817 7.71146C5.9682 7.25883 6.19043 6.84307 6.51675 6.51675C6.84307 6.19043 7.25883 5.9682 7.71146 5.87817C8.16408 5.78814 8.63323 5.83434 9.05959 6.01095C9.48596 6.18755 9.85037 6.48662 10.1068 6.87034C10.3632 7.25405 10.5 7.70518 10.5 8.16667C10.4982 8.78494 10.2517 9.37736 9.81454 9.81454C9.37736 10.2517 8.78494 10.4982 8.16667 10.5V10.5Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-poll", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-poll"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-poll":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPoll$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconPoll = SwirlIconPoll$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPoll, defineCustomElement };

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

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

package/dist/components/swirl-icon-print.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 SwirlIconPrint$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: "M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-print", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-print"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-print":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconPrint$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconPrint = SwirlIconPrint$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPrint, defineCustomElement };

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

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

package/dist/components/swirl-icon-recieved.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 SwirlIconRecieved$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: "M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z", fill: "currentColor" }), h("path", { d: "M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z", fill: "currentColor" }), h("path", { d: "M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z", fill: "currentColor" }), h("path", { d: "M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-recieved", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-recieved"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-recieved":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconRecieved$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlIconRecieved = SwirlIconRecieved$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRecieved, defineCustomElement };

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

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

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

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

package/dist/components/swirl-icon-remove2.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 SwirlIconRemove = /*@__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: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, null, h("path", { d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })))));
+  }
+  static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-remove", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-icon-remove"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-icon-remove":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlIconRemove);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlIconRemove as S, defineCustomElement as d };

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

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