@getflip/swirl-components 0.0.0-beta-20260114160010

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

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

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

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDirectoryFilled$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDirectoryFilled extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '0e695d90febcc344d7d73c597e6b878878961e3c', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '958802b483e9a0781f9296cc44c54a388ee42ea9' }, h("path", { key: '61a68bfb29a6a397aad12a39ae6ed1c4c19fffa8', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: 'a7e0b1c46af474302293a13e340b10f567f69b34', d: "M2.66663 4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663C3.56206 14 2.66663 13.1046 2.66663 12V4ZM4.83671 12.6667H12.4971C11.6538 11.4577 10.2527 10.6667 8.66692 10.6667C7.08109 10.6667 5.68001 11.4577 4.83671 12.6667ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6d483c47387f263356ccb9cf8555424013f1bebf' }, h("path", { key: '7616ef6ec48f94a12e40523dc4799b876f6fafb5', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: 'de17aafcfc7d70063e7038e75de814c068ea3962', d: "M4 6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7C5.34315 21 4 19.6569 4 18V6ZM7.25513 19H18.7457C17.4808 17.1865 15.3792 16 13.0004 16C10.6217 16 8.52007 17.1865 7.25513 19ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '70372fb870d8b9a636e94c45d3e1fe1ba4cfed85' }, h("path", { key: 'd55793fbecc656dcc03c0e60da427ca290a455ef', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: '4d724fc319d82777521d118cc5cd1b660cfbcf80', d: "M4.66663 7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663C6.23363 24.5 4.66663 22.933 4.66663 21V7ZM8.46427 22.1667H21.87C20.3942 20.0509 17.9423 18.6667 15.1671 18.6667C12.3919 18.6667 9.94004 20.0509 8.46427 22.1667ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-directory-filled", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-directory-filled"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-directory-filled":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDirectoryFilled$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDirectoryFilled = SwirlIconDirectoryFilled$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDirectoryFilled, defineCustomElement };

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

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

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

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDirectory$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDirectory extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '98425643b55d7e2650886cfca32704e3cdb90be3', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '7293632a02ea34bf2aa43c0716348776e9eec4dd' }, h("path", { key: '95e42870603fa0bbf0b21042891f00f680c25e2e', d: "M0.666626 4C0.666626 3.63181 0.965103 3.33333 1.33329 3.33333C1.70148 3.33333 1.99996 3.63181 1.99996 4V12C1.99996 12.3682 1.70148 12.6667 1.33329 12.6667C0.965103 12.6667 0.666626 12.3682 0.666626 12V4Z", fill: "currentColor" }), h("path", { key: '6b2dbaf4925bc22ab04e5c224a538b3c166c53bc', d: "M4.66663 14C3.56206 14 2.66663 13.1046 2.66663 12V4C2.66663 2.89543 3.56206 2 4.66663 2H12.6666C13.7712 2 14.6666 2.89543 14.6666 4V12C14.6666 13.1046 13.7712 14 12.6666 14H4.66663ZM4.66663 3.33333C4.29844 3.33333 3.99996 3.63181 3.99996 4V12C3.99996 12.3682 4.29844 12.6667 4.66663 12.6667H4.83669C5.67999 11.4577 7.08107 10.6667 8.6669 10.6667C10.2527 10.6667 11.6538 11.4577 12.4971 12.6667H12.6666C13.0348 12.6667 13.3333 12.3682 13.3333 12V4C13.3333 3.63181 13.0348 3.33333 12.6666 3.33333H4.66663ZM6.66621 12.6667H10.6676C10.1098 12.2474 9.41698 12 8.6669 12C7.91681 12 7.22402 12.2474 6.66621 12.6667Z", fill: "currentColor" }), h("path", { key: '6f2c9def3eabae6dbb71b9e0e65b39a33c02dc80', d: "M8.66663 8C8.29844 8 7.99996 7.70152 7.99996 7.33333C7.99996 6.96514 8.29844 6.66667 8.66663 6.66667C9.03482 6.66667 9.33329 6.96514 9.33329 7.33333C9.33329 7.70152 9.03482 8 8.66663 8ZM8.66663 9.33333C9.7712 9.33333 10.6666 8.4379 10.6666 7.33333C10.6666 6.22876 9.7712 5.33333 8.66663 5.33333C7.56206 5.33333 6.66663 6.22876 6.66663 7.33333C6.66663 8.4379 7.56206 9.33333 8.66663 9.33333Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '399bdf6589fdac31bb9eb1aa5c6ac21a96127160' }, h("path", { key: '50c62fd6b77dab77a67ac7da72c92794672b1115', d: "M1 6C1 5.44772 1.44772 5 2 5C2.55228 5 3 5.44772 3 6V18C3 18.5523 2.55228 19 2 19C1.44772 19 1 18.5523 1 18V6Z", fill: "currentColor" }), h("path", { key: '77fe06c4a912ec8d5a59b57c5a4e56991487ca64', d: "M7 21C5.34315 21 4 19.6569 4 18V6C4 4.34315 5.34315 3 7 3H19C20.6569 3 22 4.34315 22 6V18C22 19.6569 20.6569 21 19 21H7ZM7 5C6.44772 5 6 5.44772 6 6V18C6 18.5523 6.44772 19 7 19H7.25509C8.52004 17.1865 10.6217 16 13.0004 16C15.3791 16 17.4808 17.1865 18.7457 19H19C19.5523 19 20 18.5523 20 18V6C20 5.44772 19.5523 5 19 5H7ZM9.99938 19H16.0014C15.1647 18.3712 14.1255 18 13.0004 18C11.8753 18 10.8361 18.3712 9.99938 19Z", fill: "currentColor" }), h("path", { key: 'dde517d540d319f5c21fff86c415b3c7037ec2f3', d: "M13 12C12.4477 12 12 11.5523 12 11C12 10.4477 12.4477 10 13 10C13.5523 10 14 10.4477 14 11C14 11.5523 13.5523 12 13 12ZM13 14C14.6569 14 16 12.6569 16 11C16 9.34315 14.6569 8 13 8C11.3431 8 10 9.34315 10 11C10 12.6569 11.3431 14 13 14Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2194d8477e422bd0b99da98a2ef1b50fc1ea42e2' }, h("path", { key: 'a2c617d89acd84559fbb92a0dc53eabb5d953933', d: "M1.16663 7C1.16663 6.35567 1.68896 5.83333 2.33329 5.83333C2.97762 5.83333 3.49996 6.35567 3.49996 7V21C3.49996 21.6443 2.97762 22.1667 2.33329 22.1667C1.68896 22.1667 1.16663 21.6443 1.16663 21V7Z", fill: "currentColor" }), h("path", { key: 'dfa7c94427b18a9601603cee6775a4e32be7b87e', d: "M8.16663 24.5C6.23363 24.5 4.66663 22.933 4.66663 21V7C4.66663 5.067 6.23363 3.5 8.16663 3.5H22.1666C24.0996 3.5 25.6666 5.067 25.6666 7V21C25.6666 22.933 24.0996 24.5 22.1666 24.5H8.16663ZM8.16663 5.83333C7.52229 5.83333 6.99996 6.35567 6.99996 7V21C6.99996 21.6443 7.52229 22.1667 8.16663 22.1667H8.46424C9.94001 20.0509 12.3919 18.6667 15.1671 18.6667C17.9423 18.6667 20.3942 20.0509 21.87 22.1667H22.1666C22.811 22.1667 23.3333 21.6443 23.3333 21V7C23.3333 6.35567 22.811 5.83333 22.1666 5.83333H8.16663ZM11.6659 22.1667H18.6683C17.6921 21.433 16.4798 21 15.1671 21C13.8544 21 12.6421 21.433 11.6659 22.1667Z", fill: "currentColor" }), h("path", { key: '945942883acc009616973053d242b3a07df17c0c', d: "M15.1666 14C14.5223 14 14 13.4777 14 12.8333C14 12.189 14.5223 11.6667 15.1666 11.6667C15.811 11.6667 16.3333 12.189 16.3333 12.8333C16.3333 13.4777 15.811 14 15.1666 14ZM15.1666 16.3333C17.0996 16.3333 18.6666 14.7663 18.6666 12.8333C18.6666 10.9003 17.0996 9.33333 15.1666 9.33333C13.2336 9.33333 11.6666 10.9003 11.6666 12.8333C11.6666 14.7663 13.2336 16.3333 15.1666 16.3333Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-directory", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-directory"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-directory":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDirectory$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDirectory = SwirlIconDirectory$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDirectory, defineCustomElement };

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

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

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

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDiscover$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDiscover extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '4834faec12f01cef0e5d17b3f99095c2481da258', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'b3942ca2f5cf58f9adb75cc7c91711d3ac445512' }, h("path", { key: '66771cb358bbcbb319e827aff9b300e6ea3f786b', d: "M7.99998 8.66658C7.81109 8.66658 7.65276 8.6027 7.52498 8.47492C7.3972 8.34714 7.33331 8.18881 7.33331 7.99992C7.33331 7.81103 7.3972 7.6527 7.52498 7.52492C7.65276 7.39714 7.81109 7.33325 7.99998 7.33325C8.18887 7.33325 8.3472 7.39714 8.47498 7.52492C8.60276 7.6527 8.66665 7.81103 8.66665 7.99992C8.66665 8.18881 8.60276 8.34714 8.47498 8.47492C8.3472 8.6027 8.18887 8.66658 7.99998 8.66658ZM7.99998 14.6666C7.07776 14.6666 6.21109 14.4916 5.39998 14.1416C4.58887 13.7916 3.88331 13.3166 3.28331 12.7166C2.68331 12.1166 2.20831 11.411 1.85831 10.5999C1.50831 9.78881 1.33331 8.92214 1.33331 7.99992C1.33331 7.0777 1.50831 6.21103 1.85831 5.39992C2.20831 4.58881 2.68331 3.88325 3.28331 3.28325C3.88331 2.68325 4.58887 2.20825 5.39998 1.85825C6.21109 1.50825 7.07776 1.33325 7.99998 1.33325C8.9222 1.33325 9.78887 1.50825 10.6 1.85825C11.4111 2.20825 12.1166 2.68325 12.7166 3.28325C13.3166 3.88325 13.7916 4.58881 14.1416 5.39992C14.4916 6.21103 14.6666 7.0777 14.6666 7.99992C14.6666 8.92214 14.4916 9.78881 14.1416 10.5999C13.7916 11.411 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.4111 13.7916 10.6 14.1416C9.78887 14.4916 8.9222 14.6666 7.99998 14.6666ZM7.99998 13.3333C9.48887 13.3333 10.75 12.8166 11.7833 11.7833C12.8166 10.7499 13.3333 9.48881 13.3333 7.99992C13.3333 6.51103 12.8166 5.24992 11.7833 4.21659C10.75 3.18325 9.48887 2.66659 7.99998 2.66659C6.51109 2.66659 5.24998 3.18325 4.21665 4.21659C3.18331 5.24992 2.66665 6.51103 2.66665 7.99992C2.66665 9.48881 3.18331 10.7499 4.21665 11.7833C5.24998 12.8166 6.51109 13.3333 7.99998 13.3333ZM4.94998 11.3833L9.11665 9.43325C9.18331 9.39992 9.24442 9.35547 9.29998 9.29992C9.35553 9.24436 9.39998 9.18325 9.43331 9.11658L11.3833 4.94992C11.4389 4.83881 11.425 4.74159 11.3416 4.65825C11.2583 4.57492 11.1611 4.56103 11.05 4.61659L6.88331 6.56658C6.81665 6.59992 6.75554 6.64436 6.69998 6.69992C6.64442 6.75547 6.59998 6.81658 6.56665 6.88325L4.61665 11.0499C4.56109 11.161 4.57498 11.2583 4.65831 11.3416C4.74165 11.4249 4.83887 11.4388 4.94998 11.3833Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '8d60d1957f111b89fa2180952da1ae6045c5ebea' }, h("path", { key: '4026bf46b279e9ca5fcae7252a8290071dddae89', d: "M12 13C11.7167 13 11.4792 12.9042 11.2875 12.7125C11.0958 12.5208 11 12.2833 11 12C11 11.7167 11.0958 11.4792 11.2875 11.2875C11.4792 11.0958 11.7167 11 12 11C12.2833 11 12.5208 11.0958 12.7125 11.2875C12.9042 11.4792 13 11.7167 13 12C13 12.2833 12.9042 12.5208 12.7125 12.7125C12.5208 12.9042 12.2833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20ZM7.425 17.075L13.675 14.15C13.775 14.1 13.8667 14.0333 13.95 13.95C14.0333 13.8667 14.1 13.775 14.15 13.675L17.075 7.425C17.1583 7.25833 17.1375 7.1125 17.0125 6.9875C16.8875 6.8625 16.7417 6.84167 16.575 6.925L10.325 9.85C10.225 9.9 10.1333 9.96667 10.05 10.05C9.96667 10.1333 9.9 10.225 9.85 10.325L6.925 16.575C6.84167 16.7417 6.8625 16.8875 6.9875 17.0125C7.1125 17.1375 7.25833 17.1583 7.425 17.075Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '912dba143542d1c2f0dd48e1b2b640ecfea144c9' }, h("path", { key: '8e348c0e0c9604c3a3ce4fa0b838f2c1f496d78c', d: "M14 15.1666C13.6694 15.1666 13.3923 15.0548 13.1687 14.8312C12.9451 14.6076 12.8333 14.3305 12.8333 13.9999C12.8333 13.6694 12.9451 13.3923 13.1687 13.1687C13.3923 12.9451 13.6694 12.8333 14 12.8333C14.3305 12.8333 14.6076 12.9451 14.8312 13.1687C15.0548 13.3923 15.1666 13.6694 15.1666 13.9999C15.1666 14.3305 15.0548 14.6076 14.8312 14.8312C14.6076 15.0548 14.3305 15.1666 14 15.1666ZM14 25.6666C12.3861 25.6666 10.8694 25.3603 9.44998 24.7478C8.03054 24.1353 6.79581 23.3041 5.74581 22.2541C4.69581 21.2041 3.86456 19.9694 3.25206 18.5499C2.63956 17.1305 2.33331 15.6138 2.33331 13.9999C2.33331 12.386 2.63956 10.8694 3.25206 9.44992C3.86456 8.03047 4.69581 6.79575 5.74581 5.74575C6.79581 4.69575 8.03054 3.8645 9.44998 3.252C10.8694 2.6395 12.3861 2.33325 14 2.33325C15.6139 2.33325 17.1305 2.6395 18.55 3.252C19.9694 3.8645 21.2041 4.69575 22.2541 5.74575C23.3041 6.79575 24.1354 8.03047 24.7479 9.44992C25.3604 10.8694 25.6666 12.386 25.6666 13.9999C25.6666 15.6138 25.3604 17.1305 24.7479 18.5499C24.1354 19.9694 23.3041 21.2041 22.2541 22.2541C21.2041 23.3041 19.9694 24.1353 18.55 24.7478C17.1305 25.3603 15.6139 25.6666 14 25.6666ZM14 23.3333C16.6055 23.3333 18.8125 22.4291 20.6208 20.6208C22.4291 18.8124 23.3333 16.6055 23.3333 13.9999C23.3333 11.3944 22.4291 9.18742 20.6208 7.37909C18.8125 5.57075 16.6055 4.66659 14 4.66659C11.3944 4.66659 9.18748 5.57075 7.37915 7.37909C5.57081 9.18742 4.66665 11.3944 4.66665 13.9999C4.66665 16.6055 5.57081 18.8124 7.37915 20.6208C9.18748 22.4291 11.3944 23.3333 14 23.3333ZM8.66248 19.9208L15.9541 16.5083C16.0708 16.4499 16.1778 16.3721 16.275 16.2749C16.3722 16.1777 16.45 16.0708 16.5083 15.9541L19.9208 8.66242C20.018 8.46797 19.9937 8.29784 19.8479 8.152C19.7021 8.00617 19.5319 7.98186 19.3375 8.07909L12.0458 11.4916C11.9291 11.5499 11.8222 11.6277 11.725 11.7249C11.6278 11.8221 11.55 11.9291 11.4916 12.0458L8.07915 19.3374C7.98192 19.5319 8.00623 19.702 8.15206 19.8478C8.2979 19.9937 8.46804 20.018 8.66248 19.9208Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-discover", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-discover"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-discover":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDiscover$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDiscover = SwirlIconDiscover$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDiscover, defineCustomElement };

package/dist/components/swirl-icon-dock-left-collapse.d.ts

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

package/dist/components/swirl-icon-dock-left-collapse.js

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

package/dist/components/swirl-icon-dock-left-collapse2.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;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDockLeftCollapse = /*@__PURE__*/ proxyCustomElement(class SwirlIconDockLeftCollapse extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '8395fed6164738223f4b085fa084ec2492f79ff8', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'b2ed51e61ad7ab028d69efd64d9ff8764c9dc000' }, h("path", { key: 'cbda28e76fe0f2c0dfe7abbf10bb819c0b04c9b8', d: "M11 9.86667V6.13333C11 5.97778 10.9333 5.87222 10.8 5.81667C10.6667 5.76111 10.5444 5.78889 10.4333 5.9L8.8 7.53333C8.66667 7.66667 8.6 7.82222 8.6 8C8.6 8.17778 8.66667 8.33333 8.8 8.46667L10.4333 10.1C10.5444 10.2111 10.6667 10.2389 10.8 10.1833C10.9333 10.1278 11 10.0222 11 9.86667ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e563a0ea18d70675d661430fc46dd4a3f3153ffa' }, h("path", { key: '08e853bc40d8975bce0b4072b0aeb343748423a4', d: "M16.5 14.8V9.2C16.5 8.96667 16.4 8.80833 16.2 8.725C16 8.64167 15.8167 8.68333 15.65 8.85L13.2 11.3C13 11.5 12.9 11.7333 12.9 12C12.9 12.2667 13 12.5 13.2 12.7L15.65 15.15C15.8167 15.3167 16 15.3583 16.2 15.275C16.4 15.1917 16.5 15.0333 16.5 14.8ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ab3159c2893280ab01c9419a900b2eabdd2b61da' }, h("path", { key: '00549fe13ab67ee768e901e44c5e1818bbc2c5ef', d: "M19.25 17.2667V10.7333C19.25 10.4611 19.1333 10.2764 18.9 10.1792C18.6667 10.0819 18.4528 10.1306 18.2583 10.325L15.4 13.1833C15.1667 13.4167 15.05 13.6889 15.05 14C15.05 14.3111 15.1667 14.5833 15.4 14.8167L18.2583 17.675C18.4528 17.8694 18.6667 17.9181 18.9 17.8208C19.1333 17.7236 19.25 17.5389 19.25 17.2667ZM5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-dock-left-collapse", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-dock-left-collapse"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-dock-left-collapse":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDockLeftCollapse);
+            }
+            break;
+    } });
+}
+
+export { SwirlIconDockLeftCollapse as S, defineCustomElement as d };

package/dist/components/swirl-icon-dock-left-expand.d.ts

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

package/dist/components/swirl-icon-dock-left-expand.js

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

package/dist/components/swirl-icon-dock-left-expand2.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;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDockLeftExpand = /*@__PURE__*/ proxyCustomElement(class SwirlIconDockLeftExpand extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '8f644132ad5f14b2e424b3ed21002515010c9fb1', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'e449a3d0f89f7c0d548cf53fe86ef172ded99d42' }, h("path", { key: '01e9bd3b3c94105fa1ad1c44172bea7ad6647df8', d: "M8.33333 6.13333V9.86667C8.33333 10.0222 8.4 10.1278 8.53333 10.1833C8.66667 10.2389 8.78889 10.2111 8.9 10.1L10.5333 8.46667C10.6667 8.33333 10.7333 8.17778 10.7333 8C10.7333 7.82222 10.6667 7.66667 10.5333 7.53333L8.9 5.9C8.78889 5.78889 8.66667 5.76111 8.53333 5.81667C8.4 5.87222 8.33333 5.97778 8.33333 6.13333ZM3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2e908a23840a9e85cd8798b7e53866cd2c7dafce' }, h("path", { key: '304ec5d2d2fee5082579c375fe63abdaba2d1dc0', d: "M12.5 9.2V14.8C12.5 15.0333 12.6 15.1917 12.8 15.275C13 15.3583 13.1833 15.3167 13.35 15.15L15.8 12.7C16 12.5 16.1 12.2667 16.1 12C16.1 11.7333 16 11.5 15.8 11.3L13.35 8.85C13.1833 8.68333 13 8.64167 12.8 8.725C12.6 8.80833 12.5 8.96667 12.5 9.2ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4a158f9f92aa1d8ebb0e5ba546d69889e61da14c' }, h("path", { key: 'f789652b3bdc9ecd46f071c542292a2f4c03845c', d: "M14.5833 10.7333V17.2667C14.5833 17.5389 14.7 17.7236 14.9333 17.8208C15.1667 17.9181 15.3806 17.8694 15.575 17.675L18.4333 14.8167C18.6667 14.5833 18.7833 14.3111 18.7833 14C18.7833 13.6889 18.6667 13.4167 18.4333 13.1833L15.575 10.325C15.3806 10.1306 15.1667 10.0819 14.9333 10.1792C14.7 10.2764 14.5833 10.4611 14.5833 10.7333ZM5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-dock-left-expand", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-dock-left-expand"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-dock-left-expand":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDockLeftExpand);
+            }
+            break;
+    } });
+}
+
+export { SwirlIconDockLeftExpand as S, defineCustomElement as d };

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

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

package/dist/components/swirl-icon-dock-left.js

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDockLeft$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDockLeft extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '2611423387af84b0338a9532ba78e8a8351b8ce5', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '979b1e0ad7d3726349c5b0eaa47aeeda9e2078ce' }, h("path", { key: '9522d03e323a6e3406d9f41093042561cd916e45', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H3.33333ZM5.33333 12.6667V3.33333H3.33333V12.6667H5.33333ZM6.66667 12.6667H12.6667V3.33333H6.66667V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '06bdb392cf1cf1d4738e4b81d6d00e23cc8bd41e' }, h("path", { key: 'f2d617a78b8dd2d760c9ac2e63f9cba7237b80d2', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '9472daea98bcd83ededc0cd8f8c0377699ed3d27' }, h("path", { key: '1e7b374a9bd13d2db07d040ac5f66fba9e529178', d: "M5.83333 24.5C5.19167 24.5 4.64236 24.2715 4.18542 23.8146C3.72847 23.3576 3.5 22.8083 3.5 22.1667V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H5.83333ZM9.33333 22.1667V5.83333H5.83333V22.1667H9.33333ZM11.6667 22.1667H22.1667V5.83333H11.6667V22.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-dock-left", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-dock-left"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-dock-left":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDockLeft$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDockLeft = SwirlIconDockLeft$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDockLeft, defineCustomElement };

package/dist/components/swirl-icon-door-open.d.ts

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

package/dist/components/swirl-icon-door-open.js

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDoorOpen$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDoorOpen extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: '0d86c15c04082960a3db43fe05be28dd3770f586', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '7ee9602ccf8d545a3ab576cf1a45062a203c3c0e' }, h("path", { key: '18fe0e21b8f6b065f0ddd80d7e13d87b6ccb9f4c', d: "M7.33333 8.66667C7.52222 8.66667 7.68056 8.60278 7.80833 8.475C7.93611 8.34722 8 8.18889 8 8C8 7.81111 7.93611 7.65278 7.80833 7.525C7.68056 7.39722 7.52222 7.33333 7.33333 7.33333C7.14444 7.33333 6.98611 7.39722 6.85833 7.525C6.73056 7.65278 6.66667 7.81111 6.66667 8C6.66667 8.18889 6.73056 8.34722 6.85833 8.475C6.98611 8.60278 7.14444 8.66667 7.33333 8.66667ZM4.66667 14V12.6667L8.66667 12V4.58333C8.66667 4.41667 8.61667 4.26667 8.51667 4.13333C8.41667 4 8.28889 3.92222 8.13333 3.9L4.66667 3.33333V2L8.33333 2.6C8.82222 2.68889 9.22222 2.91667 9.53333 3.28333C9.84444 3.65 10 4.07778 10 4.56667V11.9667C10 12.2889 9.89444 12.575 9.68333 12.825C9.47222 13.075 9.20556 13.2278 8.88333 13.2833L4.66667 14ZM4.66667 12.6667H11.3333V3.33333H4.66667V12.6667ZM2.66667 14C2.47778 14 2.31944 13.9361 2.19167 13.8083C2.06389 13.6806 2 13.5222 2 13.3333C2 13.1444 2.06389 12.9861 2.19167 12.8583C2.31944 12.7306 2.47778 12.6667 2.66667 12.6667H3.33333V3.33333C3.33333 2.96667 3.46389 2.65278 3.725 2.39167C3.98611 2.13056 4.3 2 4.66667 2H11.3333C11.7 2 12.0139 2.13056 12.275 2.39167C12.5361 2.65278 12.6667 2.96667 12.6667 3.33333V12.6667H13.3333C13.5222 12.6667 13.6806 12.7306 13.8083 12.8583C13.9361 12.9861 14 13.1444 14 13.3333C14 13.5222 13.9361 13.6806 13.8083 13.8083C13.6806 13.9361 13.5222 14 13.3333 14H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '217842760f3ec2119602c80841fc5aebedd856d3' }, h("path", { key: 'fa0c5664679ff502b6fb44dc442bcfde75598011', d: "M11 13C11.2833 13 11.5208 12.9042 11.7125 12.7125C11.9042 12.5208 12 12.2833 12 12C12 11.7167 11.9042 11.4792 11.7125 11.2875C11.5208 11.0958 11.2833 11 11 11C10.7167 11 10.4792 11.0958 10.2875 11.2875C10.0958 11.4792 10 11.7167 10 12C10 12.2833 10.0958 12.5208 10.2875 12.7125C10.4792 12.9042 10.7167 13 11 13ZM7 21V19L13 18V6.875C13 6.625 12.925 6.4 12.775 6.2C12.625 6 12.4333 5.88333 12.2 5.85L7 5V3L12.5 3.9C13.2333 4.03333 13.8333 4.375 14.3 4.925C14.7667 5.475 15 6.11667 15 6.85V17.95C15 18.4333 14.8417 18.8625 14.525 19.2375C14.2083 19.6125 13.8083 19.8417 13.325 19.925L7 21ZM7 19H17V5H7V19ZM4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20C3 19.7167 3.09583 19.4792 3.2875 19.2875C3.47917 19.0958 3.71667 19 4 19H5V5C5 4.45 5.19583 3.97917 5.5875 3.5875C5.97917 3.19583 6.45 3 7 3H17C17.55 3 18.0208 3.19583 18.4125 3.5875C18.8042 3.97917 19 4.45 19 5V19H20C20.2833 19 20.5208 19.0958 20.7125 19.2875C20.9042 19.4792 21 19.7167 21 20C21 20.2833 20.9042 20.5208 20.7125 20.7125C20.5208 20.9042 20.2833 21 20 21H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '69034788483e54eaf4305237297a467be2b303dc' }, h("path", { key: 'fb3e2acd87e751fe9758377fd017f55b997df49c', d: "M12.8333 15.1667C13.1639 15.1667 13.441 15.0549 13.6646 14.8313C13.8882 14.6076 14 14.3306 14 14C14 13.6694 13.8882 13.3924 13.6646 13.1688C13.441 12.9451 13.1639 12.8333 12.8333 12.8333C12.5028 12.8333 12.2257 12.9451 12.0021 13.1688C11.7785 13.3924 11.6667 13.6694 11.6667 14C11.6667 14.3306 11.7785 14.6076 12.0021 14.8313C12.2257 15.0549 12.5028 15.1667 12.8333 15.1667ZM8.16667 24.5V22.1667L15.1667 21V8.02083C15.1667 7.72917 15.0792 7.46667 14.9042 7.23333C14.7292 7 14.5056 6.86389 14.2333 6.825L8.16667 5.83333V3.5L14.5833 4.55C15.4389 4.70556 16.1389 5.10417 16.6833 5.74583C17.2278 6.3875 17.5 7.13611 17.5 7.99167V20.9417C17.5 21.5056 17.3153 22.0063 16.9458 22.4438C16.5764 22.8813 16.1097 23.1486 15.5458 23.2458L8.16667 24.5ZM8.16667 22.1667H19.8333V5.83333H8.16667V22.1667ZM4.66667 24.5C4.33611 24.5 4.05903 24.3882 3.83542 24.1646C3.61181 23.941 3.5 23.6639 3.5 23.3333C3.5 23.0028 3.61181 22.7257 3.83542 22.5021C4.05903 22.2785 4.33611 22.1667 4.66667 22.1667H5.83333V5.83333C5.83333 5.19167 6.06181 4.64236 6.51875 4.18542C6.97569 3.72847 7.525 3.5 8.16667 3.5H19.8333C20.475 3.5 21.0243 3.72847 21.4813 4.18542C21.9382 4.64236 22.1667 5.19167 22.1667 5.83333V22.1667H23.3333C23.6639 22.1667 23.941 22.2785 24.1646 22.5021C24.3882 22.7257 24.5 23.0028 24.5 23.3333C24.5 23.6639 24.3882 23.941 24.1646 24.1646C23.941 24.3882 23.6639 24.5 23.3333 24.5H4.66667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-door-open", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-door-open"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-door-open":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDoorOpen$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDoorOpen = SwirlIconDoorOpen$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDoorOpen, defineCustomElement };

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

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

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

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classNames } from './index2.js';
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDot$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconDot extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'cc9759f4ffc63e8571aac3fc8ec8fd7de15c0662', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '1d096728ecca7e2ff83e5a775e58f0eff7497626' }, h("path", { key: '3c71375095fa8fde0cf640c11f99a7b92b613e40', d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c1a12ad2767a0c5e12b72a2c3b07ba56cb275415' }, h("path", { key: '17fd78d15c3ee6944e8f91011aae98ecf9aaee5d', d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '076d3eb37e0e9e8c4dc0205f311f6a8271d809ef' }, h("path", { key: '3edad75d7a78ad1b39cf5b914964fbe769cebe7b', d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-dot", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-dot"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-dot":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDot$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconDot = SwirlIconDot$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconDot, defineCustomElement };

package/dist/components/swirl-icon-double-arrow-left.d.ts

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

package/dist/components/swirl-icon-double-arrow-left.js

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

package/dist/components/swirl-icon-double-arrow-left2.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;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconDoubleArrowLeft = /*@__PURE__*/ proxyCustomElement(class SwirlIconDoubleArrowLeft extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classNames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (h("svg", { key: 'c2e85f8e96b4962f76ea6f518494f72fe6d5173e', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'f7aa2e3f42a52c0353cedb9f3884fc1a7670cc5a' }, h("path", { key: 'ff357abe00669e8e44cc3ce4d4d0627c8a6fafda', d: "M10.9833 11.5378L7.91667 8.47112C7.85 8.40445 7.80289 8.33223 7.77534 8.25445C7.74734 8.17667 7.73334 8.09334 7.73334 8.00445C7.73334 7.91556 7.74734 7.83223 7.77534 7.75445C7.80289 7.67667 7.85 7.60445 7.91667 7.53778L10.9833 4.47112C11.1056 4.34889 11.2582 4.28489 11.4413 4.27912C11.6249 4.27378 11.7833 4.33778 11.9167 4.47112C12.0389 4.59334 12.1 4.74889 12.1 4.93778C12.1 5.12667 12.0389 5.28223 11.9167 5.40445L9.33334 8.00445L11.9167 10.6044C12.0389 10.7267 12.1027 10.8793 12.108 11.0624C12.1138 11.246 12.05 11.4044 11.9167 11.5378C11.7944 11.66 11.6389 11.7211 11.45 11.7211C11.2611 11.7211 11.1056 11.66 10.9833 11.5378ZM6.58334 11.5378L3.51667 8.47112C3.45 8.40445 3.40289 8.33223 3.37534 8.25445C3.34734 8.17667 3.33334 8.09334 3.33334 8.00445C3.33334 7.91556 3.34734 7.83223 3.37534 7.75445C3.40289 7.67667 3.45 7.60445 3.51667 7.53778L6.58334 4.47112C6.70556 4.34889 6.85845 4.28489 7.042 4.27912C7.22511 4.27378 7.38334 4.33778 7.51667 4.47112C7.63889 4.59334 7.7 4.74889 7.7 4.93778C7.7 5.12667 7.63889 5.28223 7.51667 5.40445L4.93334 8.00445L7.51667 10.6044C7.63889 10.7267 7.70289 10.8793 7.70867 11.0624C7.714 11.246 7.65 11.4044 7.51667 11.5378C7.39445 11.66 7.23889 11.7211 7.05 11.7211C6.86111 11.7211 6.70556 11.66 6.58334 11.5378Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '688d071a89300951ab8505f5bc633779198f659e' }, h("path", { key: '15887b88efe5be13b186dc1735d7ee89aa6fc477', d: "M16.475 17.3067L11.875 12.7067C11.775 12.6067 11.7043 12.4983 11.663 12.3817C11.621 12.265 11.6 12.14 11.6 12.0067C11.6 11.8733 11.621 11.7483 11.663 11.6317C11.7043 11.515 11.775 11.4067 11.875 11.3067L16.475 6.70667C16.6583 6.52334 16.8873 6.42734 17.162 6.41867C17.4373 6.41067 17.675 6.50667 17.875 6.70667C18.0583 6.89001 18.15 7.12334 18.15 7.40667C18.15 7.69001 18.0583 7.92334 17.875 8.10667L14 12.0067L17.875 15.9067C18.0583 16.09 18.154 16.319 18.162 16.5937C18.1707 16.869 18.075 17.1067 17.875 17.3067C17.6917 17.49 17.4583 17.5817 17.175 17.5817C16.8917 17.5817 16.6583 17.49 16.475 17.3067ZM9.875 17.3067L5.275 12.7067C5.175 12.6067 5.10433 12.4983 5.063 12.3817C5.021 12.265 5 12.14 5 12.0067C5 11.8733 5.021 11.7483 5.063 11.6317C5.10433 11.515 5.175 11.4067 5.275 11.3067L9.875 6.70667C10.0583 6.52334 10.2877 6.42734 10.563 6.41867C10.8377 6.41067 11.075 6.50667 11.275 6.70667C11.4583 6.89001 11.55 7.12334 11.55 7.40667C11.55 7.69001 11.4583 7.92334 11.275 8.10667L7.4 12.0067L11.275 15.9067C11.4583 16.09 11.5543 16.319 11.563 16.5937C11.571 16.869 11.475 17.1067 11.275 17.3067C11.0917 17.49 10.8583 17.5817 10.575 17.5817C10.2917 17.5817 10.0583 17.49 9.875 17.3067Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '86c2b1bbbe8132377c2fce1989d435738e21c7ed' }, h("path", { key: '280bc2872103a2c762e82ed5eeccea1825819605', d: "M19.2208 20.191L13.8542 14.8243C13.7375 14.7077 13.6551 14.5813 13.6068 14.4452C13.5578 14.3091 13.5333 14.1632 13.5333 14.0077C13.5333 13.8521 13.5578 13.7063 13.6068 13.5702C13.6551 13.4341 13.7375 13.3077 13.8542 13.191L19.2208 7.82433C19.4347 7.61044 19.7019 7.49844 20.0223 7.48833C20.3436 7.479 20.6208 7.591 20.8542 7.82433C21.0681 8.03822 21.175 8.31044 21.175 8.641C21.175 8.97155 21.0681 9.24378 20.8542 9.45766L16.3333 14.0077L20.8542 18.5577C21.0681 18.7716 21.1797 19.0387 21.189 19.3592C21.1991 19.6804 21.0875 19.9577 20.8542 20.191C20.6403 20.4049 20.3681 20.5118 20.0375 20.5118C19.7069 20.5118 19.4347 20.4049 19.2208 20.191ZM11.5208 20.191L6.15417 14.8243C6.0375 14.7077 5.95506 14.5813 5.90684 14.4452C5.85784 14.3091 5.83334 14.1632 5.83334 14.0077C5.83334 13.8521 5.85784 13.7063 5.90684 13.5702C5.95506 13.4341 6.0375 13.3077 6.15417 13.191L11.5208 7.82433C11.7347 7.61044 12.0023 7.49844 12.3235 7.48833C12.6439 7.479 12.9208 7.591 13.1542 7.82433C13.3681 8.03822 13.475 8.31044 13.475 8.641C13.475 8.97155 13.3681 9.24378 13.1542 9.45766L8.63334 14.0077L13.1542 18.5577C13.3681 18.7716 13.4801 19.0387 13.4902 19.3592C13.4995 19.6804 13.3875 19.9577 13.1542 20.191C12.9403 20.4049 12.6681 20.5118 12.3375 20.5118C12.0069 20.5118 11.7347 20.4049 11.5208 20.191Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-double-arrow-left", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-double-arrow-left"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-double-arrow-left":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconDoubleArrowLeft);
+            }
+            break;
+    } });
+}
+
+export { SwirlIconDoubleArrowLeft as S, defineCustomElement as d };

package/dist/components/swirl-icon-double-arrow-right.d.ts

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