@getflip/swirl-components 0.0.0-beta-20260114160010

package/dist/components/swirl-icon-public-off.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 SwirlIconPublicOff$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconPublicOff 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: 'bbea2727caa38830f6a30b0bd20d86eceb0330a1', "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: 'dc3e44276057e7d2c15f8d3aa6406ead77505573' }, h("path", { key: '43beb922759064cafb5db33c7266aa9ab79bcd80', d: "M8.00013 14.6663C7.07791 14.6663 6.21124 14.4913 5.40013 14.1413C4.58902 13.7913 3.88346 13.3163 3.28346 12.7163C2.68346 12.1163 2.20846 11.4108 1.85846 10.5997C1.50846 9.78856 1.33346 8.9219 1.33346 7.99967C1.33346 7.31079 1.42791 6.65801 1.6168 6.04134C1.80569 5.42467 2.07791 4.84967 2.43346 4.31634L0.916797 2.79967C0.783464 2.66634 0.716797 2.50801 0.716797 2.32467C0.716797 2.14134 0.783464 1.98301 0.916797 1.84967C1.05013 1.71634 1.20846 1.64967 1.3918 1.64967C1.57513 1.64967 1.73346 1.71634 1.8668 1.84967L14.1335 14.1163C14.2668 14.2497 14.3335 14.4052 14.3335 14.583C14.3335 14.7608 14.2668 14.9163 14.1335 15.0497C14.0001 15.183 13.8418 15.2497 13.6585 15.2497C13.4751 15.2497 13.3168 15.183 13.1835 15.0497L11.6835 13.5663C11.1501 13.9219 10.5751 14.1941 9.95846 14.383C9.3418 14.5719 8.68902 14.6663 8.00013 14.6663ZM7.33346 13.2997V11.9997C6.9668 11.9997 6.65291 11.8691 6.3918 11.608C6.13069 11.3469 6.00013 11.033 6.00013 10.6663V9.99967L2.80013 6.79967C2.7668 6.99967 2.73624 7.19968 2.70846 7.39967C2.68069 7.59967 2.6668 7.79967 2.6668 7.99967C2.6668 9.34412 3.10846 10.5219 3.9918 11.533C4.87513 12.5441 5.98902 13.133 7.33346 13.2997ZM14.6668 7.99967C14.6668 8.49967 14.6112 8.98023 14.5001 9.44134C14.389 9.90245 14.239 10.3441 14.0501 10.7663C13.9724 10.9219 13.8474 11.0247 13.6751 11.0747C13.5029 11.1247 13.339 11.1052 13.1835 11.0163C13.0279 10.9275 12.9196 10.7941 12.8585 10.6163C12.7974 10.4386 12.8057 10.2663 12.8835 10.0997C13.0279 9.76634 13.139 9.42467 13.2168 9.07467C13.2946 8.72467 13.3335 8.36634 13.3335 7.99967C13.3335 6.91079 13.0307 5.91634 12.4251 5.01634C11.8196 4.11634 11.0112 3.46634 10.0001 3.06634V3.33301C10.0001 3.69967 9.86958 4.01356 9.60847 4.27467C9.34735 4.53579 9.03346 4.66634 8.6668 4.66634H7.6668V4.94967C7.6668 5.10523 7.60013 5.21079 7.4668 5.26634C7.33346 5.3219 7.21124 5.29412 7.10013 5.18301L5.13346 3.21634C4.93346 3.01634 4.85291 2.77745 4.8918 2.49967C4.93069 2.2219 5.07791 2.0219 5.33346 1.89967C5.74458 1.71079 6.17235 1.56912 6.6168 1.47467C7.06124 1.38023 7.52235 1.33301 8.00013 1.33301C8.92235 1.33301 9.78902 1.50801 10.6001 1.85801C11.4112 2.20801 12.1168 2.68301 12.7168 3.28301C13.3168 3.88301 13.7918 4.58856 14.1418 5.39967C14.4918 6.21079 14.6668 7.07745 14.6668 7.99967Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fdac88d6cbbba5d11cb61d44c89ca00083005fb7' }, h("path", { key: '0f7aaf509022a4e14bf7f9b79d7cdee5a7b55502', d: "M12.0002 22C10.6169 22 9.31686 21.7375 8.1002 21.2125C6.88353 20.6875 5.8252 19.975 4.9252 19.075C4.0252 18.175 3.3127 17.1167 2.7877 15.9C2.2627 14.6833 2.0002 13.3833 2.0002 12C2.0002 10.9667 2.14186 9.9875 2.4252 9.0625C2.70853 8.1375 3.11686 7.275 3.6502 6.475L1.3752 4.2C1.1752 4 1.0752 3.7625 1.0752 3.4875C1.0752 3.2125 1.1752 2.975 1.3752 2.775C1.5752 2.575 1.8127 2.475 2.0877 2.475C2.3627 2.475 2.6002 2.575 2.8002 2.775L21.2002 21.175C21.4002 21.375 21.5002 21.6083 21.5002 21.875C21.5002 22.1417 21.4002 22.375 21.2002 22.575C21.0002 22.775 20.7627 22.875 20.4877 22.875C20.2127 22.875 19.9752 22.775 19.7752 22.575L17.5252 20.35C16.7252 20.8833 15.8627 21.2917 14.9377 21.575C14.0127 21.8583 13.0335 22 12.0002 22ZM11.0002 19.95V18C10.4502 18 9.97936 17.8042 9.5877 17.4125C9.19603 17.0208 9.0002 16.55 9.0002 16V15L4.2002 10.2C4.1502 10.5 4.10436 10.8 4.0627 11.1C4.02103 11.4 4.0002 11.7 4.0002 12C4.0002 14.0167 4.6627 15.7833 5.9877 17.3C7.3127 18.8167 8.98353 19.7 11.0002 19.95ZM22.0002 12C22.0002 12.75 21.9169 13.4708 21.7502 14.1625C21.5835 14.8542 21.3585 15.5167 21.0752 16.15C20.9585 16.3833 20.771 16.5375 20.5127 16.6125C20.2544 16.6875 20.0085 16.6583 19.7752 16.525C19.5419 16.3917 19.3794 16.1917 19.2877 15.925C19.196 15.6583 19.2085 15.4 19.3252 15.15C19.5419 14.65 19.7085 14.1375 19.8252 13.6125C19.9419 13.0875 20.0002 12.55 20.0002 12C20.0002 10.3667 19.546 8.875 18.6377 7.525C17.7294 6.175 16.5169 5.2 15.0002 4.6V5C15.0002 5.55 14.8044 6.02083 14.4127 6.4125C14.021 6.80417 13.5502 7 13.0002 7H11.5002V7.425C11.5002 7.65833 11.4002 7.81667 11.2002 7.9C11.0002 7.98333 10.8169 7.94167 10.6502 7.775L7.7002 4.825C7.4002 4.525 7.27936 4.16667 7.3377 3.75C7.39603 3.33333 7.61686 3.03333 8.0002 2.85C8.61686 2.56667 9.25853 2.35417 9.9252 2.2125C10.5919 2.07083 11.2835 2 12.0002 2C13.3835 2 14.6835 2.2625 15.9002 2.7875C17.1169 3.3125 18.1752 4.025 19.0752 4.925C19.9752 5.825 20.6877 6.88333 21.2127 8.1C21.7377 9.31667 22.0002 10.6167 22.0002 12Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2c38f1660cdebc333c3864512ab91587508e5268' }, h("path", { key: '57881baf13f38a977c8a99c267c0f94a58469a41', d: "M13.9997 25.6663C12.3859 25.6663 10.8692 25.3601 9.44974 24.7476C8.0303 24.1351 6.79557 23.3038 5.74557 22.2538C4.69557 21.2038 3.86432 19.9691 3.25182 18.5497C2.63932 17.1302 2.33307 15.6136 2.33307 13.9997C2.33307 12.7941 2.49835 11.6518 2.82891 10.5726C3.15946 9.49342 3.63585 8.48717 4.25807 7.55384L1.60391 4.89967C1.37057 4.66634 1.25391 4.38926 1.25391 4.06842C1.25391 3.74759 1.37057 3.47051 1.60391 3.23717C1.83724 3.00384 2.11432 2.88717 2.43516 2.88717C2.75599 2.88717 3.03307 3.00384 3.26641 3.23717L24.7331 24.7038C24.9664 24.9372 25.0831 25.2094 25.0831 25.5205C25.0831 25.8316 24.9664 26.1038 24.7331 26.3372C24.4997 26.5705 24.2227 26.6872 23.9018 26.6872C23.581 26.6872 23.3039 26.5705 23.0706 26.3372L20.4456 23.7413C19.5122 24.3636 18.506 24.84 17.4268 25.1705C16.3477 25.5011 15.2053 25.6663 13.9997 25.6663ZM12.8331 23.2747V20.9997C12.1914 20.9997 11.6421 20.7712 11.1852 20.3143C10.7282 19.8573 10.4997 19.308 10.4997 18.6663V17.4997L4.89974 11.8997C4.84141 12.2497 4.78793 12.5997 4.73932 12.9497C4.69071 13.2997 4.66641 13.6497 4.66641 13.9997C4.66641 16.3525 5.43932 18.4136 6.98516 20.183C8.53099 21.9525 10.4803 22.983 12.8331 23.2747ZM25.6664 13.9997C25.6664 14.8747 25.5692 15.7156 25.3747 16.5226C25.1803 17.3295 24.9178 18.1025 24.5872 18.8413C24.4511 19.1136 24.2324 19.2934 23.931 19.3809C23.6296 19.4684 23.3428 19.4344 23.0706 19.2788C22.7984 19.1233 22.6088 18.89 22.5018 18.5788C22.3949 18.2677 22.4095 17.9663 22.5456 17.6747C22.7984 17.0913 22.9928 16.4934 23.1289 15.8809C23.265 15.2684 23.3331 14.6413 23.3331 13.9997C23.3331 12.0941 22.8032 10.3538 21.7435 8.77884C20.6838 7.20384 19.2692 6.06634 17.4997 5.36634V5.83301C17.4997 6.47467 17.2713 7.02398 16.8143 7.48092C16.3574 7.93787 15.8081 8.16634 15.1664 8.16634H13.4164V8.66217C13.4164 8.9344 13.2997 9.11912 13.0664 9.21634C12.8331 9.31356 12.6192 9.26495 12.4247 9.07051L8.98307 5.62884C8.63307 5.27884 8.4921 4.86079 8.56016 4.37467C8.62821 3.88856 8.88585 3.53856 9.33307 3.32467C10.0525 2.99412 10.8011 2.7462 11.5789 2.58092C12.3567 2.41565 13.1636 2.33301 13.9997 2.33301C15.6136 2.33301 17.1303 2.63926 18.5497 3.25176C19.9692 3.86426 21.2039 4.69551 22.2539 5.74551C23.3039 6.79551 24.1352 8.03023 24.7477 9.44967C25.3602 10.8691 25.6664 12.3858 25.6664 13.9997Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-public-off", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-public-off"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-public-off":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconPublicOff$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconPublicOff = SwirlIconPublicOff$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPublicOff, defineCustomElement };

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

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

package/dist/components/swirl-icon-public.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 SwirlIconPublic$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconPublic 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: 'ba1fe22ef1fd85d22a6b6596eecd1a32bae08617', "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: '95339f1bb5ea7929aad5f18bab4cf49120e3d465' }, h("path", { key: 'c2de3830139b6bd8570cc1ddacd77423a20ea9be', d: "M7.99967 14.6663C7.07745 14.6663 6.21079 14.4913 5.39967 14.1413C4.58856 13.7913 3.88301 13.3163 3.28301 12.7163C2.68301 12.1163 2.20801 11.4108 1.85801 10.5997C1.50801 9.78856 1.33301 8.9219 1.33301 7.99967C1.33301 7.07745 1.50801 6.21079 1.85801 5.39967C2.20801 4.58856 2.68301 3.88301 3.28301 3.28301C3.88301 2.68301 4.58856 2.20801 5.39967 1.85801C6.21079 1.50801 7.07745 1.33301 7.99967 1.33301C8.9219 1.33301 9.78856 1.50801 10.5997 1.85801C11.4108 2.20801 12.1163 2.68301 12.7163 3.28301C13.3163 3.88301 13.7913 4.58856 14.1413 5.39967C14.4913 6.21079 14.6663 7.07745 14.6663 7.99967C14.6663 8.9219 14.4913 9.78856 14.1413 10.5997C13.7913 11.4108 13.3163 12.1163 12.7163 12.7163C12.1163 13.3163 11.4108 13.7913 10.5997 14.1413C9.78856 14.4913 8.9219 14.6663 7.99967 14.6663ZM7.33301 13.2997V11.9997C6.96634 11.9997 6.65245 11.8691 6.39134 11.608C6.13023 11.3469 5.99967 11.033 5.99967 10.6663V9.99967L2.79967 6.79967C2.76634 6.99967 2.73579 7.19967 2.70801 7.39967C2.68023 7.59967 2.66634 7.79967 2.66634 7.99967C2.66634 9.34412 3.10801 10.5219 3.99134 11.533C4.87467 12.5441 5.98856 13.133 7.33301 13.2997ZM11.933 11.5997C12.1552 11.3552 12.3552 11.0913 12.533 10.808C12.7108 10.5247 12.858 10.2302 12.9747 9.92467C13.0913 9.61912 13.1802 9.30523 13.2413 8.98301C13.3025 8.66079 13.333 8.33301 13.333 7.99967C13.333 6.91079 13.0302 5.91634 12.4247 5.01634C11.8191 4.11634 11.0108 3.46634 9.99967 3.06634V3.33301C9.99967 3.69967 9.86912 4.01356 9.60801 4.27467C9.3469 4.53579 9.03301 4.66634 8.66634 4.66634H7.33301V5.99967C7.33301 6.18856 7.26912 6.3469 7.14134 6.47467C7.01356 6.60245 6.85523 6.66634 6.66634 6.66634H5.33301V7.99967H9.33301C9.5219 7.99967 9.68023 8.06356 9.80801 8.19134C9.93579 8.31912 9.99967 8.47745 9.99967 8.66634V10.6663H10.6663C10.9552 10.6663 11.2163 10.7525 11.4497 10.9247C11.683 11.0969 11.8441 11.3219 11.933 11.5997Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '4d593527ed0ba7cea3bcb7e2de8bc359ff95bf17' }, h("path", { key: '587cf0dc50d89cd035dc865e45d6c4b51118514a', d: "M12 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 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '5dbde76ac8a5aae779bf68d8c545233c241b9452' }, h("path", { key: '495d6acbbbe6f0227e6bbd9bfde6f011d1978312', d: "M13.9997 25.6663C12.3858 25.6663 10.8691 25.3601 9.44968 24.7476C8.03023 24.1351 6.79551 23.3038 5.74551 22.2538C4.69551 21.2038 3.86426 19.9691 3.25176 18.5497C2.63926 17.1302 2.33301 15.6136 2.33301 13.9997C2.33301 12.3858 2.63926 10.8691 3.25176 9.44968C3.86426 8.03023 4.69551 6.79551 5.74551 5.74551C6.79551 4.69551 8.03023 3.86426 9.44968 3.25176C10.8691 2.63926 12.3858 2.33301 13.9997 2.33301C15.6136 2.33301 17.1302 2.63926 18.5497 3.25176C19.9691 3.86426 21.2038 4.69551 22.2538 5.74551C23.3038 6.79551 24.1351 8.03023 24.7476 9.44968C25.3601 10.8691 25.6663 12.3858 25.6663 13.9997C25.6663 15.6136 25.3601 17.1302 24.7476 18.5497C24.1351 19.9691 23.3038 21.2038 22.2538 22.2538C21.2038 23.3038 19.9691 24.1351 18.5497 24.7476C17.1302 25.3601 15.6136 25.6663 13.9997 25.6663ZM12.833 23.2747V20.9997C12.1913 20.9997 11.642 20.7712 11.1851 20.3143C10.7281 19.8573 10.4997 19.308 10.4997 18.6663V17.4997L4.89967 11.8997C4.84134 12.2497 4.78787 12.5997 4.73926 12.9497C4.69065 13.2997 4.66634 13.6497 4.66634 13.9997C4.66634 16.3525 5.43926 18.4136 6.98509 20.183C8.53092 21.9525 10.4802 22.983 12.833 23.2747ZM20.883 20.2997C21.2719 19.8719 21.6219 19.4101 21.933 18.9143C22.2441 18.4184 22.5018 17.9031 22.7059 17.3684C22.9101 16.8337 23.0656 16.2844 23.1726 15.7205C23.2795 15.1566 23.333 14.583 23.333 13.9997C23.333 12.0941 22.8031 10.3538 21.7434 8.77884C20.6837 7.20384 19.2691 6.06634 17.4997 5.36634V5.83301C17.4997 6.47467 17.2712 7.02398 16.8143 7.48092C16.3573 7.93787 15.808 8.16634 15.1663 8.16634H12.833V10.4997C12.833 10.8302 12.7212 11.1073 12.4976 11.3309C12.274 11.5545 11.9969 11.6663 11.6663 11.6663H9.33301V13.9997H16.333C16.6636 13.9997 16.9406 14.1115 17.1643 14.3351C17.3879 14.5587 17.4997 14.8358 17.4997 15.1663V18.6663H18.6663C19.1719 18.6663 19.6288 18.817 20.0372 19.1184C20.4455 19.4198 20.7275 19.8136 20.883 20.2997Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-public", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-public"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-public":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconPublic$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconPublic = SwirlIconPublic$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPublic, defineCustomElement };

package/dist/components/swirl-icon-published-with-changes.d.ts

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

package/dist/components/swirl-icon-published-with-changes.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 SwirlIconPublishedWithChanges$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconPublishedWithChanges 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: '2b520cfbd42575d1241542ecd530b7d622f223ea', "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: 'e0c7a6497017e4c0a0ac4cbc096c1e0ceb04b675' }, h("path", { key: '54844ce2f01c0686ab3278b08410c92d3a52d4e2', d: "M4.66634 3.84992C4.05523 4.33881 3.56912 4.94159 3.20801 5.65826C2.8469 6.37492 2.66634 7.15548 2.66634 7.99992C2.66634 9.2777 3.05523 10.3916 3.83301 11.3416C4.61079 12.2916 5.59412 12.9055 6.78301 13.1833C6.94967 13.2277 7.08301 13.3249 7.18301 13.4749C7.28301 13.6249 7.33301 13.7888 7.33301 13.9666C7.33301 14.1444 7.2719 14.2944 7.14967 14.4166C7.02745 14.5388 6.88856 14.5833 6.73301 14.5499C5.17745 14.261 3.88856 13.5083 2.86634 12.2916C1.84412 11.0749 1.33301 9.64437 1.33301 7.99992C1.33301 6.98881 1.53579 6.05548 1.94134 5.19992C2.3469 4.34437 2.89967 3.61103 3.59967 2.99992H2.66634C2.47745 2.99992 2.31912 2.93603 2.19134 2.80826C2.06356 2.68048 1.99967 2.52215 1.99967 2.33326C1.99967 2.14437 2.06356 1.98603 2.19134 1.85826C2.31912 1.73048 2.47745 1.66659 2.66634 1.66659H5.33301C5.5219 1.66659 5.68023 1.73048 5.80801 1.85826C5.93579 1.98603 5.99967 2.14437 5.99967 2.33326V4.99992C5.99967 5.18881 5.93579 5.34715 5.80801 5.47492C5.68023 5.6027 5.5219 5.66659 5.33301 5.66659C5.14412 5.66659 4.98579 5.6027 4.85801 5.47492C4.73023 5.34715 4.66634 5.18881 4.66634 4.99992V3.84992ZM7.04967 9.18326L10.3663 5.86659C10.4997 5.73326 10.6552 5.66937 10.833 5.67492C11.0108 5.68048 11.1663 5.74992 11.2997 5.88326C11.4219 6.01659 11.4858 6.17215 11.4913 6.34992C11.4969 6.5277 11.433 6.68326 11.2997 6.81659L7.51634 10.5999C7.38301 10.7333 7.22745 10.7999 7.04967 10.7999C6.8719 10.7999 6.71634 10.7333 6.58301 10.5999L4.69967 8.69992C4.57745 8.5777 4.51356 8.42492 4.50801 8.24159C4.50245 8.05826 4.56634 7.89992 4.69967 7.76659C4.8219 7.64437 4.97745 7.58326 5.16634 7.58326C5.35523 7.58326 5.51079 7.64437 5.63301 7.76659L7.04967 9.18326ZM12.3997 12.9999H13.333C13.5219 12.9999 13.6802 13.0638 13.808 13.1916C13.9358 13.3194 13.9997 13.4777 13.9997 13.6666C13.9997 13.8555 13.9358 14.0138 13.808 14.1416C13.6802 14.2694 13.5219 14.3333 13.333 14.3333H10.6663C10.4775 14.3333 10.3191 14.2694 10.1913 14.1416C10.0636 14.0138 9.99967 13.8555 9.99967 13.6666V10.9999C9.99967 10.811 10.0636 10.6527 10.1913 10.5249C10.3191 10.3971 10.4775 10.3333 10.6663 10.3333C10.8552 10.3333 11.0136 10.3971 11.1413 10.5249C11.2691 10.6527 11.333 10.811 11.333 10.9999V12.1499C11.9441 11.6499 12.4302 11.0444 12.7913 10.3333C13.1525 9.62215 13.333 8.84437 13.333 7.99992C13.333 6.72215 12.9441 5.60826 12.1663 4.65826C11.3886 3.70826 10.4052 3.09437 9.21634 2.81659C9.04967 2.77215 8.91634 2.67492 8.81634 2.52492C8.71634 2.37492 8.66634 2.21103 8.66634 2.03326C8.66634 1.85548 8.72745 1.70548 8.84967 1.58326C8.9719 1.46103 9.11079 1.41659 9.26634 1.44992C10.8219 1.73881 12.1108 2.49159 13.133 3.70826C14.1552 4.92492 14.6663 6.35548 14.6663 7.99992C14.6663 9.01103 14.4636 9.94437 14.058 10.7999C13.6525 11.6555 13.0997 12.3888 12.3997 12.9999Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'fe916316a02879bd8607dff4d7e9a041e52edde6' }, h("path", { key: '379794d3a6b7bbb845cda4cc1fa20ce8ed6934dc', d: "M7 5.77501C6.08333 6.50834 5.35417 7.41251 4.8125 8.48751C4.27083 9.56251 4 10.7333 4 12C4 13.9167 4.58333 15.5875 5.75 17.0125C6.91667 18.4375 8.39167 19.3583 10.175 19.775C10.425 19.8417 10.625 19.9875 10.775 20.2125C10.925 20.4375 11 20.6833 11 20.95C11 21.2167 10.9083 21.4417 10.725 21.625C10.5417 21.8083 10.3333 21.875 10.1 21.825C7.76667 21.3917 5.83333 20.2625 4.3 18.4375C2.76667 16.6125 2 14.4667 2 12C2 10.4833 2.30417 9.08334 2.9125 7.80001C3.52083 6.51667 4.35 5.41667 5.4 4.50001H4C3.71667 4.50001 3.47917 4.40417 3.2875 4.21251C3.09583 4.02084 3 3.78334 3 3.50001C3 3.21667 3.09583 2.97917 3.2875 2.78751C3.47917 2.59584 3.71667 2.50001 4 2.50001H8C8.28333 2.50001 8.52083 2.59584 8.7125 2.78751C8.90417 2.97917 9 3.21667 9 3.50001V7.50001C9 7.78334 8.90417 8.02084 8.7125 8.21251C8.52083 8.40417 8.28333 8.50001 8 8.50001C7.71667 8.50001 7.47917 8.40417 7.2875 8.21251C7.09583 8.02084 7 7.78334 7 7.50001V5.77501ZM10.575 13.775L15.55 8.80001C15.75 8.60001 15.9833 8.50417 16.25 8.51251C16.5167 8.52084 16.75 8.62501 16.95 8.82501C17.1333 9.02501 17.2292 9.25834 17.2375 9.52501C17.2458 9.79167 17.15 10.025 16.95 10.225L11.275 15.9C11.075 16.1 10.8417 16.2 10.575 16.2C10.3083 16.2 10.075 16.1 9.875 15.9L7.05 13.05C6.86667 12.8667 6.77083 12.6375 6.7625 12.3625C6.75417 12.0875 6.85 11.85 7.05 11.65C7.23333 11.4667 7.46667 11.375 7.75 11.375C8.03333 11.375 8.26667 11.4667 8.45 11.65L10.575 13.775ZM18.6 19.5H20C20.2833 19.5 20.5208 19.5958 20.7125 19.7875C20.9042 19.9792 21 20.2167 21 20.5C21 20.7833 20.9042 21.0208 20.7125 21.2125C20.5208 21.4042 20.2833 21.5 20 21.5H16C15.7167 21.5 15.4792 21.4042 15.2875 21.2125C15.0958 21.0208 15 20.7833 15 20.5V16.5C15 16.2167 15.0958 15.9792 15.2875 15.7875C15.4792 15.5958 15.7167 15.5 16 15.5C16.2833 15.5 16.5208 15.5958 16.7125 15.7875C16.9042 15.9792 17 16.2167 17 16.5V18.225C17.9167 17.475 18.6458 16.5667 19.1875 15.5C19.7292 14.4333 20 13.2667 20 12C20 10.0833 19.4167 8.41251 18.25 6.98751C17.0833 5.56251 15.6083 4.64167 13.825 4.22501C13.575 4.15834 13.375 4.01251 13.225 3.78751C13.075 3.56251 13 3.31667 13 3.05001C13 2.78334 13.0917 2.55834 13.275 2.37501C13.4583 2.19167 13.6667 2.12501 13.9 2.17501C16.2333 2.60834 18.1667 3.73751 19.7 5.56251C21.2333 7.38751 22 9.53334 22 12C22 13.5167 21.6958 14.9167 21.0875 16.2C20.4792 17.4833 19.65 18.5833 18.6 19.5Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1cf0728ba96d0d2c9f1b770778bc5df4f2089f9b' }, h("path", { key: '7625d8f015ca47c654baa1f1f88c8bd05f5eb590', d: "M8.16634 6.73755C7.0969 7.5931 6.2462 8.64797 5.61426 9.90213C4.98231 11.1563 4.66634 12.5223 4.66634 14C4.66634 16.2362 5.3469 18.1855 6.70801 19.848C8.06912 21.5105 9.78995 22.5848 11.8705 23.0709C12.1622 23.1487 12.3955 23.3188 12.5705 23.5813C12.7455 23.8438 12.833 24.1306 12.833 24.4417C12.833 24.7528 12.7261 25.0153 12.5122 25.2292C12.2983 25.4431 12.0552 25.5209 11.783 25.4625C9.06079 24.957 6.80523 23.6396 5.01634 21.5105C3.22745 19.3813 2.33301 16.8778 2.33301 14C2.33301 12.2306 2.68787 10.5973 3.39759 9.10005C4.10731 7.60283 5.07468 6.31949 6.29968 5.25005H4.66634C4.33579 5.25005 4.0587 5.13824 3.83509 4.91463C3.61148 4.69102 3.49967 4.41394 3.49967 4.08338C3.49967 3.75283 3.61148 3.47574 3.83509 3.25213C4.0587 3.02852 4.33579 2.91672 4.66634 2.91672H9.33301C9.66356 2.91672 9.94065 3.02852 10.1643 3.25213C10.3879 3.47574 10.4997 3.75283 10.4997 4.08338V8.75005C10.4997 9.0806 10.3879 9.35769 10.1643 9.5813C9.94065 9.80491 9.66356 9.91672 9.33301 9.91672C9.00245 9.91672 8.72537 9.80491 8.50176 9.5813C8.27815 9.35769 8.16634 9.0806 8.16634 8.75005V6.73755ZM12.3372 16.0709L18.1413 10.2667C18.3747 10.0334 18.6469 9.92158 18.958 9.9313C19.2691 9.94102 19.5413 10.0625 19.7747 10.2959C19.9886 10.5292 20.1004 10.8014 20.1101 11.1125C20.1198 11.4237 20.008 11.6959 19.7747 11.9292L13.1538 18.55C12.9205 18.7834 12.6483 18.9 12.3372 18.9C12.0261 18.9 11.7538 18.7834 11.5205 18.55L8.22468 15.225C8.01079 15.0112 7.89898 14.7438 7.88926 14.423C7.87954 14.1021 7.99134 13.825 8.22468 13.5917C8.43856 13.3778 8.71079 13.2709 9.04134 13.2709C9.3719 13.2709 9.64412 13.3778 9.85801 13.5917L12.3372 16.0709ZM21.6997 22.75H23.333C23.6636 22.75 23.9407 22.8619 24.1643 23.0855C24.3879 23.3091 24.4997 23.5862 24.4997 23.9167C24.4997 24.2473 24.3879 24.5244 24.1643 24.748C23.9407 24.9716 23.6636 25.0834 23.333 25.0834H18.6663C18.3358 25.0834 18.0587 24.9716 17.8351 24.748C17.6115 24.5244 17.4997 24.2473 17.4997 23.9167V19.25C17.4997 18.9195 17.6115 18.6424 17.8351 18.4188C18.0587 18.1952 18.3358 18.0834 18.6663 18.0834C18.9969 18.0834 19.274 18.1952 19.4976 18.4188C19.7212 18.6424 19.833 18.9195 19.833 19.25V21.2626C20.9025 20.3876 21.7531 19.3278 22.3851 18.0834C23.017 16.8389 23.333 15.4778 23.333 14C23.333 11.7639 22.6525 9.81463 21.2913 8.15213C19.9302 6.48963 18.2094 5.41533 16.1288 4.92922C15.8372 4.85144 15.6038 4.6813 15.4288 4.4188C15.2538 4.1563 15.1663 3.86949 15.1663 3.55838C15.1663 3.24727 15.2733 2.98477 15.4872 2.77088C15.7011 2.55699 15.9441 2.47922 16.2163 2.53755C18.9386 3.0431 21.1941 4.36047 22.983 6.48963C24.7719 8.6188 25.6663 11.1223 25.6663 14C25.6663 15.7695 25.3115 17.4028 24.6018 18.9C23.892 20.3973 22.9247 21.6806 21.6997 22.75Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-published-with-changes", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-published-with-changes"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-published-with-changes":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconPublishedWithChanges$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconPublishedWithChanges = SwirlIconPublishedWithChanges$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconPublishedWithChanges, defineCustomElement };

package/dist/components/swirl-icon-ratio-four-to-three.d.ts

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

package/dist/components/swirl-icon-ratio-four-to-three.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 SwirlIconRatioFourToThree$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioFourToThree 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: '9ee175b600a0ac75a01afb63e6516b94409fb439', "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: 'bc6c0ab85d3d99965ca302632907bdf1c37b6ce5' }, h("path", { key: 'a6285c25d7ded5adefdc263c0e5151d3ca652f7b', d: "M3.33333 12.6668C2.96667 12.6668 2.65278 12.5363 2.39167 12.2752C2.13056 12.0141 2 11.7002 2 11.3335V4.66683C2 4.30016 2.13056 3.98627 2.39167 3.72516C2.65278 3.46405 2.96667 3.3335 3.33333 3.3335H12.6667C13.0333 3.3335 13.3472 3.46405 13.6083 3.72516C13.8694 3.98627 14 4.30016 14 4.66683V11.3335C14 11.7002 13.8694 12.0141 13.6083 12.2752C13.3472 12.5363 13.0333 12.6668 12.6667 12.6668H3.33333ZM3.33333 11.3335H12.6667V4.66683H3.33333V11.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'c413737bcc673442e674d5a97ad2319c48fa52cd' }, h("path", { key: '6391c91f7e8240c54fbfb7805e9f4a7109e60aed', d: "M5 19C4.45 19 3.97917 18.8042 3.5875 18.4125C3.19583 18.0208 3 17.55 3 17V7C3 6.45 3.19583 5.97917 3.5875 5.5875C3.97917 5.19583 4.45 5 5 5H19C19.55 5 20.0208 5.19583 20.4125 5.5875C20.8042 5.97917 21 6.45 21 7V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19H5ZM5 17H19V7H5V17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '0f121a9aadddadd7690fc8a012e72a1fedd57c50' }, h("path", { key: '8340ab8348f2eacfa67677f6d4fd8e6c5231cdcb', d: "M5.83333 22.1668C5.19167 22.1668 4.64236 21.9384 4.18542 21.4814C3.72847 21.0245 3.5 20.4752 3.5 19.8335V8.16683C3.5 7.52516 3.72847 6.97586 4.18542 6.51891C4.64236 6.06197 5.19167 5.8335 5.83333 5.8335H22.1667C22.8083 5.8335 23.3576 6.06197 23.8146 6.51891C24.2715 6.97586 24.5 7.52516 24.5 8.16683V19.8335C24.5 20.4752 24.2715 21.0245 23.8146 21.4814C23.3576 21.9384 22.8083 22.1668 22.1667 22.1668H5.83333ZM5.83333 19.8335H22.1667V8.16683H5.83333V19.8335Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-four-to-three", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-four-to-three"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-four-to-three":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioFourToThree$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioFourToThree = SwirlIconRatioFourToThree$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioFourToThree, defineCustomElement };

package/dist/components/swirl-icon-ratio-freeform.d.ts

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

package/dist/components/swirl-icon-ratio-freeform.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 SwirlIconRatioFreeform$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioFreeform 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: '5669bf73da61cfdbd17bc02abcc749d3637d600c', "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: 'bfd6e54149391ddd010cc4ba3179b9b1d373b65e' }, h("path", { key: '4efc82534d59f3503b243bfb980697cc9712749e', d: "M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V10H3.33333V12.6667H6V14H3.33333ZM10 14V12.6667H12.6667V10H14V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H10ZM2 6V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H6V3.33333H3.33333V6H2ZM12.6667 6V3.33333H10V2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V6H12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '615ec73fff9be095b040bbc2b9bdbf902cda051e' }, h("path", { key: '3d72dbf1d4b5d891c7acc9d63539bcfd9b7c7362', d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V15H5V19H9V21H5ZM15 21V19H19V15H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H15ZM3 9V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9V5H5V9H3ZM19 9V5H15V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V9H19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '63091c21ddc821372cf14a491bb962574be861e3' }, h("path", { key: 'a41d30f4d3b9b67439365ddafccd0500b0e50e50', 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.1667V17.5H5.83333V22.1667H10.5V24.5H5.83333ZM17.5 24.5V22.1667H22.1667V17.5H24.5V22.1667C24.5 22.8083 24.2715 23.3576 23.8146 23.8146C23.3576 24.2715 22.8083 24.5 22.1667 24.5H17.5ZM3.5 10.5V5.83333C3.5 5.19167 3.72847 4.64236 4.18542 4.18542C4.64236 3.72847 5.19167 3.5 5.83333 3.5H10.5V5.83333H5.83333V10.5H3.5ZM22.1667 10.5V5.83333H17.5V3.5H22.1667C22.8083 3.5 23.3576 3.72847 23.8146 4.18542C24.2715 4.64236 24.5 5.19167 24.5 5.83333V10.5H22.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-freeform", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-freeform"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-freeform":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioFreeform$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioFreeform = SwirlIconRatioFreeform$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioFreeform, defineCustomElement };

package/dist/components/swirl-icon-ratio-sixteen-to-nine.d.ts

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

package/dist/components/swirl-icon-ratio-sixteen-to-nine.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 SwirlIconRatioSixteenToNine$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioSixteenToNine 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: 'cd7b3a82b84f08bf769ab69ab24d2fa89c7403e0', "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: '9525f8d455e0bc91e6d1c03be313ee367f62ed52' }, h("path", { key: 'a1cce3979f7217ed62590089a9af02c18f807571', d: "M3.33333 11.3332C2.96667 11.3332 2.65278 11.2026 2.39167 10.9415C2.13056 10.6804 2 10.3665 2 9.99984V5.99984C2 5.63317 2.13056 5.31928 2.39167 5.05817C2.65278 4.79706 2.96667 4.6665 3.33333 4.6665H12.6667C13.0333 4.6665 13.3472 4.79706 13.6083 5.05817C13.8694 5.31928 14 5.63317 14 5.99984V9.99984C14 10.3665 13.8694 10.6804 13.6083 10.9415C13.3472 11.2026 13.0333 11.3332 12.6667 11.3332H3.33333ZM3.33333 9.99984H12.6667V5.99984H3.33333V9.99984Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6af7e8e06e1c7f71bc93ba7ff87bf04425902120' }, h("path", { key: '90c8f5e07f45bedb1ce8abc2c035eae24fa17634', d: "M5 17C4.45 17 3.97917 16.8042 3.5875 16.4125C3.19583 16.0208 3 15.55 3 15V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H19C19.55 7 20.0208 7.19583 20.4125 7.5875C20.8042 7.97917 21 8.45 21 9V15C21 15.55 20.8042 16.0208 20.4125 16.4125C20.0208 16.8042 19.55 17 19 17H5ZM5 15H19V9H5V15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '21df80527122a39fdca6bf0e155f6ee427626124' }, h("path", { key: 'a8669d18dd6c329fc79c1a397a0cab542c2c9900', d: "M5.83333 19.8332C5.19167 19.8332 4.64236 19.6047 4.18542 19.1478C3.72847 18.6908 3.5 18.1415 3.5 17.4998V10.4998C3.5 9.85817 3.72847 9.30887 4.18542 8.85192C4.64236 8.39498 5.19167 8.1665 5.83333 8.1665H22.1667C22.8083 8.1665 23.3576 8.39498 23.8146 8.85192C24.2715 9.30887 24.5 9.85817 24.5 10.4998V17.4998C24.5 18.1415 24.2715 18.6908 23.8146 19.1478C23.3576 19.6047 22.8083 19.8332 22.1667 19.8332H5.83333ZM5.83333 17.4998H22.1667V10.4998H5.83333V17.4998Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-sixteen-to-nine", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-sixteen-to-nine"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-sixteen-to-nine":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioSixteenToNine$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioSixteenToNine = SwirlIconRatioSixteenToNine$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioSixteenToNine, defineCustomElement };

package/dist/components/swirl-icon-ratio-square.d.ts

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

package/dist/components/swirl-icon-ratio-square.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 SwirlIconRatioSquare$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioSquare 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: '5e91cd35110fd1bc2c43220bcc19e8cd97675297', "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: 'f3864000c745815ff846677eeac87a2a35da4445' }, h("path", { key: 'f40731f1bb4efe3254258896390708870de8c180', 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.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5bbf75ea688428853b5295827e14d983c9d74ba4' }, h("path", { key: 'e5abe10035302db229faaf801a3e76dd9521a0b2', 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 21H5ZM5 19H19V5H5V19Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '593ee57d7616b4baf4096ed2dc3f7e3238734579' }, h("path", { key: 'd704b52388f5f21b04e065f51e18eb2137a58b55', 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.83333ZM5.83333 22.1667H22.1667V5.83333H5.83333V22.1667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-square", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-square"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-square":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioSquare$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioSquare = SwirlIconRatioSquare$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioSquare, defineCustomElement };

package/dist/components/swirl-icon-ratio-three-to-four.d.ts

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

package/dist/components/swirl-icon-ratio-three-to-four.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 SwirlIconRatioThreeToFour$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioThreeToFour 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: '7555265fcc93a7d5f0dff2ebdabb0244e7193d0a', "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: '8e23b94068984ab35b70e7545414efeb0c17f5ad' }, h("path", { key: 'cfdcb41ddbfde12e3942df67dafe357dbf6e478d', d: "M11.9999 14.6668H3.9999C3.63323 14.6668 3.31934 14.5363 3.05823 14.2752C2.79712 14.0141 2.66656 13.7002 2.66656 13.3335V2.66683C2.66656 2.30016 2.79712 1.98627 3.05823 1.72516C3.31934 1.46405 3.63323 1.3335 3.9999 1.3335H11.9999C12.3666 1.3335 12.6805 1.46405 12.9416 1.72516C13.2027 1.98627 13.3332 2.30016 13.3332 2.66683V13.3335C13.3332 13.7002 13.2027 14.0141 12.9416 14.2752C12.6805 14.5363 12.3666 14.6668 11.9999 14.6668ZM3.9999 13.3335H11.9999V2.66683H3.9999V13.3335Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5c5b5ea87635476e56bc91e9f0385b6dfee4f258' }, h("path", { key: '449ea211cf00ee85862a9472cca55e25985b5c70', d: "M17.9999 22H5.99988C5.44988 22 4.97904 21.8042 4.58738 21.4125C4.19571 21.0208 3.99988 20.55 3.99988 20V4C3.99988 3.45 4.19571 2.97917 4.58738 2.5875C4.97904 2.19583 5.44988 2 5.99988 2H17.9999C18.5499 2 19.0207 2.19583 19.4124 2.5875C19.804 2.97917 19.9999 3.45 19.9999 4V20C19.9999 20.55 19.804 21.0208 19.4124 21.4125C19.0207 21.8042 18.5499 22 17.9999 22ZM5.99988 20H17.9999V4H5.99988V20Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'f49c73317083b5fbcf72ee19eca48ce6e47c14e5' }, h("path", { key: '5239b15f5b72c81ce8077dd7a4443991b2a2b4e0', d: "M20.9998 25.6668H6.99984C6.35817 25.6668 5.80887 25.4384 5.35192 24.9814C4.89498 24.5245 4.6665 23.9752 4.6665 23.3335V4.66683C4.6665 4.02516 4.89498 3.47586 5.35192 3.01891C5.80887 2.56197 6.35817 2.3335 6.99984 2.3335H20.9998C21.6415 2.3335 22.1908 2.56197 22.6478 3.01891C23.1047 3.47586 23.3332 4.02516 23.3332 4.66683V23.3335C23.3332 23.9752 23.1047 24.5245 22.6478 24.9814C22.1908 25.4384 21.6415 25.6668 20.9998 25.6668ZM6.99984 23.3335H20.9998V4.66683H6.99984V23.3335Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-three-to-four", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-three-to-four"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-three-to-four":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioThreeToFour$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioThreeToFour = SwirlIconRatioThreeToFour$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioThreeToFour, defineCustomElement };

package/dist/components/swirl-icon-ratio-three-to-two.d.ts

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

package/dist/components/swirl-icon-ratio-three-to-two.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 SwirlIconRatioThreeToTwo$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRatioThreeToTwo 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: '0f93a20976f1f7071106637b4520d90b94c4db16', "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: '159437a9a07bfb051c897ea362dc53ca1e503f2b' }, h("path", { key: 'bc405380622b8da229a2cc632bdf8965ff6c8bff', d: "M3.33333 12C2.96667 12 2.65278 11.8694 2.39167 11.6083C2.13056 11.3472 2 11.0333 2 10.6667V5.33333C2 4.96667 2.13056 4.65278 2.39167 4.39167C2.65278 4.13056 2.96667 4 3.33333 4H12.6667C13.0333 4 13.3472 4.13056 13.6083 4.39167C13.8694 4.65278 14 4.96667 14 5.33333V10.6667C14 11.0333 13.8694 11.3472 13.6083 11.6083C13.3472 11.8694 13.0333 12 12.6667 12H3.33333ZM3.33333 10.6667H12.6667V5.33333H3.33333V10.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '96a177417a77939be84b2ae748a45a1cf4f18b4c' }, h("path", { key: '87ac54c8926dd842b46e8eaf0d528e9d55e8560c', d: "M5 18C4.45 18 3.97917 17.8042 3.5875 17.4125C3.19583 17.0208 3 16.55 3 16V8C3 7.45 3.19583 6.97917 3.5875 6.5875C3.97917 6.19583 4.45 6 5 6H19C19.55 6 20.0208 6.19583 20.4125 6.5875C20.8042 6.97917 21 7.45 21 8V16C21 16.55 20.8042 17.0208 20.4125 17.4125C20.0208 17.8042 19.55 18 19 18H5ZM5 16H19V8H5V16Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '56c0d78c2410b789f4807090a5915f791bc59124' }, h("path", { key: '4dabf3c6d74e3eddf9073239e50a0b23ba4a2eb8', d: "M5.83333 21C5.19167 21 4.64236 20.7715 4.18542 20.3146C3.72847 19.8576 3.5 19.3083 3.5 18.6667V9.33333C3.5 8.69167 3.72847 8.14236 4.18542 7.68542C4.64236 7.22847 5.19167 7 5.83333 7H22.1667C22.8083 7 23.3576 7.22847 23.8146 7.68542C24.2715 8.14236 24.5 8.69167 24.5 9.33333V18.6667C24.5 19.3083 24.2715 19.8576 23.8146 20.3146C23.3576 20.7715 22.8083 21 22.1667 21H5.83333ZM5.83333 18.6667H22.1667V9.33333H5.83333V18.6667Z", fill: "currentColor" })))));
+    }
+    static get style() { return swirlIconCss; }
+}, [1, "swirl-icon-ratio-three-to-two", {
+        "color": [1],
+        "size": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-icon-ratio-three-to-two"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-icon-ratio-three-to-two":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlIconRatioThreeToTwo$1);
+            }
+            break;
+    } });
+}
+
+const SwirlIconRatioThreeToTwo = SwirlIconRatioThreeToTwo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRatioThreeToTwo, 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,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 SwirlIconRecieved$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIconRecieved 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: '360ee9145294d7f4f974e534d25a36b5338ce58e', "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: '0afaa5d451680bd33551cb658960ff0b291b878d' }, h("path", { key: '478f78da92cb410503b9e69d1a8cc322a0454418', 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", { key: 'aaf98e0895b6cd7790a05f1774b3ee456968794e', 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, { key: '4c7fa594337aa41d4ffd0832e815669fe8f1ced9' }, h("path", { key: '10d328cbee5c3e9ab02a017de5f69c6a3006368c', 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", { key: '9ae88defd8bc034970fdcb76df5f02594310af93', 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, { key: '303e48e7f2e8c9137f10fb48e5b1f87640b3df2e' }, h("path", { key: '42092286c6032359b920fa8cb28c0cfcc9a00a71', 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", { key: 'bcbaa767bc5eef793b8e9128f285326187dca6ac', 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", {
+        "color": [1],
+        "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;
+    } });
+}
+
+const SwirlIconRecieved = SwirlIconRecieved$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlIconRecieved, defineCustomElement };

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

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