@getflip/swirl-components 0.68.2 → 0.69.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-wechat.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolWechat {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M18.363 19.934C17.7635 19.9876 17.1704 20.0984 16.592 20.265C15.726 20.3736 14.8466 20.2895 14.0169 20.0188C13.1871 19.7481 12.4274 19.2974 11.792 18.699C11.1968 18.1904 10.733 17.5458 10.4399 16.8198C10.1469 16.0938 10.0332 15.3078 10.1086 14.5285C10.1839 13.7493 10.4461 12.9997 10.8729 12.3433C11.2996 11.6869 11.8783 11.1431 12.56 10.758C13.8696 9.92811 15.434 9.59712 16.9675 9.82553C18.501 10.0539 19.9011 10.8265 20.912 12.002C21.7049 12.9565 22.0918 14.184 21.9895 15.4207C21.8873 16.6574 21.304 17.8047 20.365 18.616C19.793 19.125 19.586 19.544 19.953 20.216C20.011 20.3561 20.0496 20.5035 20.068 20.654C19.5389 20.33 18.9642 20.0873 18.363 19.934ZM12.677 13.501C12.6857 13.6807 12.7633 13.8501 12.8937 13.9741C13.024 14.0981 13.1971 14.1672 13.377 14.167C13.5566 14.1695 13.7301 14.102 13.8607 13.9788C13.9914 13.8556 14.069 13.6864 14.077 13.507C14.0801 13.4141 14.0646 13.3215 14.0315 13.2346C13.9984 13.1477 13.9483 13.0683 13.8841 13.001C13.82 12.9337 13.7431 12.8798 13.6579 12.8426C13.5727 12.8053 13.481 12.7854 13.388 12.784H13.382C13.2882 12.7834 13.1952 12.8017 13.1087 12.8378C13.0221 12.8738 12.9436 12.9269 12.8779 12.9939C12.8123 13.0609 12.7607 13.1404 12.7264 13.2277C12.692 13.3149 12.6756 13.4082 12.678 13.502L12.677 13.501ZM16.999 13.448C16.9945 13.5402 17.0088 13.6324 17.0409 13.719C17.073 13.8055 17.1224 13.8847 17.1859 13.9517C17.2494 14.0187 17.3259 14.0721 17.4106 14.1088C17.4954 14.1454 17.5867 14.1646 17.679 14.165C17.8567 14.1674 18.0281 14.0997 18.1562 13.9765C18.2842 13.8533 18.3585 13.6846 18.363 13.507C18.3674 13.415 18.3533 13.323 18.3215 13.2365C18.2896 13.15 18.2407 13.0709 18.1776 13.0037C18.1146 12.9365 18.0386 12.8827 17.9543 12.8455C17.87 12.8083 17.7791 12.7884 17.687 12.787H17.681C17.5041 12.7891 17.3348 12.8589 17.2077 12.982C17.0807 13.1052 17.0057 13.2723 16.998 13.449L16.999 13.448ZM4.978 15.267C5.0495 15.1184 5.05969 14.9476 5.00637 14.7916C4.95305 14.6356 4.84049 14.5068 4.693 14.433C3.64719 13.7866 2.8407 12.8168 2.39586 11.6707C1.95101 10.5246 1.89208 9.26464 2.228 8.082C2.53159 7.04387 3.09763 6.10152 3.8715 5.34587C4.64537 4.59022 5.60093 4.04678 6.646 3.768C8.07569 3.29375 9.616 3.26673 11.0614 3.69054C12.5069 4.11434 13.7887 4.96883 14.736 6.14C15.3977 6.9846 15.8 8.00316 15.894 9.072C14.1145 9.09406 12.4082 9.78358 11.113 11.004C10.4624 11.6115 9.96373 12.3634 9.65731 13.1991C9.35088 14.0349 9.24527 14.9309 9.349 15.815C8.62 15.724 7.96 15.626 7.296 15.57C7.0563 15.5424 6.81369 15.583 6.596 15.687C5.948 16.052 5.33 16.462 4.596 16.92C4.736 16.313 4.824 15.78 4.978 15.267ZM11.806 7.459C11.5842 7.46414 11.3729 7.55504 11.2167 7.7126C11.0604 7.87015 10.9713 8.08212 10.968 8.304C10.9708 8.4141 10.9954 8.52255 11.0402 8.62315C11.0851 8.72374 11.1493 8.8145 11.2293 8.89021C11.3093 8.96592 11.4035 9.02511 11.5064 9.06437C11.6093 9.10363 11.7189 9.12219 11.829 9.119C11.9388 9.11956 12.0476 9.09811 12.149 9.05592C12.2504 9.01372 12.3423 8.95164 12.4193 8.87334C12.4963 8.79504 12.5568 8.70211 12.5973 8.60002C12.6378 8.49794 12.6574 8.38879 12.655 8.279C12.6526 8.05948 12.5633 7.84986 12.4065 7.69614C12.2498 7.54241 12.0385 7.45713 11.819 7.459H11.806ZM5.66 8.259C5.65599 8.36873 5.67398 8.47817 5.71291 8.58085C5.75185 8.68352 5.81094 8.77737 5.8867 8.85686C5.96246 8.93635 6.05337 8.99988 6.15406 9.04369C6.25475 9.08751 6.36319 9.11074 6.473 9.112C6.69465 9.12018 6.91064 9.04088 7.07434 8.89121C7.23805 8.74153 7.33633 8.5335 7.348 8.312C7.34893 8.09042 7.26371 7.87715 7.11033 7.71724C6.95695 7.55733 6.74742 7.4633 6.526 7.455H6.501C6.28247 7.4523 6.07167 7.53579 5.91426 7.6874C5.75685 7.83901 5.6655 8.04652 5.66 8.265V8.259Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-wechat"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-weibo.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolWeibo {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M9.53101 16.326C9.60621 16.2143 9.65616 16.0875 9.67741 15.9546C9.69865 15.8216 9.69066 15.6856 9.65401 15.556C9.61996 15.4304 9.55701 15.3146 9.47019 15.2177C9.38338 15.1208 9.2751 15.0456 9.15401 14.998C8.89337 14.8938 8.60337 14.8899 8.34001 14.987C8.06338 15.0735 7.82635 15.2553 7.67101 15.5C7.59307 15.6093 7.53975 15.7342 7.51472 15.8661C7.48969 15.998 7.49354 16.1337 7.52601 16.264C7.55731 16.3884 7.61691 16.504 7.70016 16.6016C7.78341 16.6993 7.88808 16.7764 8.00601 16.827C8.13586 16.8861 8.27611 16.919 8.41872 16.9238C8.56132 16.9286 8.70347 16.9053 8.83701 16.855C9.12285 16.7648 9.36827 16.5777 9.53101 16.326ZM10.58 14.976C10.6094 14.9325 10.6283 14.8827 10.6351 14.8306C10.6418 14.7785 10.6363 14.7256 10.619 14.676C10.6042 14.6284 10.5783 14.5849 10.5436 14.5491C10.5088 14.5134 10.4662 14.4862 10.419 14.47C10.3159 14.4329 10.2027 14.4351 10.101 14.476C9.99819 14.5125 9.91263 14.5859 9.86101 14.682C9.73434 14.9127 9.78267 15.0793 10.006 15.182C10.1112 15.2192 10.2263 15.2171 10.33 15.176C10.4356 15.1433 10.5249 15.0718 10.58 14.976ZM12.521 16.17C12.1771 16.9393 11.5436 17.5419 10.758 17.847C9.97045 18.2015 9.07894 18.2493 8.25801 17.981C7.89599 17.883 7.5604 17.7055 7.27565 17.4614C6.99091 17.2173 6.76419 16.9128 6.61201 16.57C6.46311 16.239 6.39225 15.8782 6.40491 15.5155C6.41757 15.1528 6.5134 14.7978 6.68501 14.478C7.04539 13.776 7.64476 13.226 8.37501 12.927C9.11037 12.5885 9.93991 12.5136 10.724 12.715C11.0977 12.7957 11.4495 12.9567 11.7548 13.1869C12.0601 13.417 12.3116 13.7109 12.492 14.048C12.6658 14.3737 12.7591 14.7363 12.7641 15.1055C12.7692 15.4746 12.6858 15.8396 12.521 16.17ZM16 14.385C15.9231 13.6483 15.5679 12.9688 15.007 12.485C14.3416 11.8972 13.5434 11.4799 12.681 11.269C11.6827 11.0054 10.6447 10.9261 9.61801 11.035C8.11965 11.1459 6.68726 11.6962 5.50001 12.617C5.01866 12.9382 4.62925 13.3793 4.3701 13.8967C4.11094 14.4141 3.99098 14.9901 4.02201 15.568C4.09895 16.3047 4.45411 16.9842 5.01501 17.468C5.68037 18.0558 6.4786 18.4731 7.34101 18.684C8.33928 18.9476 9.37727 19.0269 10.404 18.918C11.9038 18.8089 13.338 18.2596 14.527 17.339C15.0079 17.0169 15.3966 16.5751 15.6549 16.0572C15.9132 15.5392 16.0321 14.9629 16 14.385ZM19.436 14.43C19.4259 14.9744 19.2842 15.5082 19.023 15.986C18.7117 16.5639 18.3 17.0816 17.807 17.515C17.2361 18.027 16.6048 18.4672 15.927 18.826C15.1298 19.2422 14.2821 19.5535 13.405 19.752C12.4161 19.9856 11.4031 20.1017 10.387 20.098C9.35287 20.0997 8.32245 19.9741 7.31901 19.724C6.38271 19.4981 5.48051 19.1491 4.63601 18.686C3.87992 18.2751 3.22608 17.6992 2.72301 17.001C2.25172 16.355 1.99848 15.5756 2.00001 14.776C2.02962 13.8164 2.29584 12.8789 2.77501 12.047C3.36327 10.9847 4.10453 10.0147 4.97501 9.168C6.04888 8.03586 7.34631 7.13924 8.78501 6.535C10.0683 6.03633 10.985 6.06233 11.535 6.613C12.0183 7.089 12.0927 7.86633 11.758 8.945C11.7289 9.01589 11.7251 9.09459 11.747 9.168C11.7574 9.18953 11.7732 9.20803 11.7928 9.22169C11.8124 9.23535 11.8352 9.24373 11.859 9.246C11.913 9.25328 11.9677 9.25125 12.021 9.24C12.0721 9.23013 12.1225 9.21711 12.172 9.201L12.239 9.179C13.1013 8.77989 14.0344 8.55622 14.984 8.521C15.3023 8.48978 15.6233 8.53532 15.9204 8.65382C16.2174 8.77231 16.4816 8.96029 16.691 9.202C16.859 9.506 16.9471 9.84766 16.9471 10.195C16.9471 10.5423 16.859 10.884 16.691 11.188C16.681 11.2637 16.6643 11.3383 16.641 11.411C16.6321 11.4364 16.6322 11.4641 16.6413 11.4894C16.6504 11.5147 16.668 11.5361 16.691 11.55C16.7316 11.584 16.7767 11.6123 16.825 11.634C16.8623 11.6487 16.9257 11.671 17.015 11.701C17.4189 11.8256 17.8051 12.0017 18.164 12.225C18.5246 12.459 18.8294 12.7693 19.057 13.134C19.3089 13.5191 19.4418 13.9698 19.439 14.43H19.436ZM18.61 7.468C18.9183 7.80939 19.1284 8.22785 19.218 8.679C19.3121 9.11461 19.2868 9.56752 19.145 9.99C19.118 10.0718 19.075 10.1474 19.0185 10.2125C18.962 10.2775 18.8932 10.3307 18.816 10.369C18.74 10.4097 18.6565 10.4347 18.5706 10.4424C18.4847 10.4501 18.3981 10.4405 18.316 10.414C18.2342 10.387 18.1586 10.344 18.0935 10.2875C18.0285 10.231 17.9753 10.1622 17.937 10.085C17.8963 10.009 17.8713 9.92549 17.8636 9.83958C17.8559 9.75367 17.8655 9.66709 17.892 9.585C17.9595 9.37421 17.9707 9.14942 17.9244 8.93299C17.8781 8.71655 17.776 8.516 17.6281 8.35127C17.4803 8.18655 17.2919 8.0634 17.0817 7.99405C16.8715 7.9247 16.6468 7.91159 16.43 7.956C16.2581 7.99376 16.0783 7.96175 15.93 7.867C15.8556 7.82333 15.792 7.76358 15.7437 7.69212C15.6954 7.62065 15.6638 7.53929 15.651 7.454C15.6314 7.36896 15.6292 7.28083 15.6445 7.19492C15.6598 7.109 15.6923 7.02705 15.74 6.954C15.7851 6.88029 15.8452 6.81686 15.9163 6.76777C15.9875 6.71869 16.0681 6.68504 16.153 6.669C16.5933 6.57184 17.0515 6.59289 17.481 6.73C17.9193 6.86666 18.3111 7.12212 18.613 7.468H18.61ZM20.629 5.649C21.2508 6.33932 21.6799 7.18124 21.873 8.09004C22.0661 8.99885 22.0164 9.94248 21.729 10.826C21.6988 10.9219 21.6497 11.0107 21.5846 11.0873C21.5195 11.1639 21.4398 11.2267 21.35 11.272C21.2618 11.3196 21.1647 11.3481 21.0648 11.3559C20.9649 11.3636 20.8645 11.3504 20.77 11.317C20.5782 11.2534 20.4187 11.1176 20.3253 10.9384C20.232 10.7592 20.2122 10.5506 20.27 10.357C20.4237 9.88568 20.4827 9.38862 20.4435 8.89442C20.4044 8.40022 20.2678 7.91865 20.0418 7.47744C19.8157 7.03622 19.5047 6.64408 19.1264 6.32358C18.7482 6.00309 18.3103 5.76057 17.838 5.61C17.2134 5.41359 16.5489 5.38087 15.908 5.515C15.8091 5.5363 15.707 5.53792 15.6075 5.51974C15.508 5.50157 15.413 5.46396 15.3281 5.40908C15.2431 5.3542 15.1698 5.28311 15.1123 5.19987C15.0548 5.11664 15.0143 5.0229 14.993 4.924C14.9699 4.82604 14.9674 4.72435 14.9857 4.62537C15.0039 4.52639 15.0425 4.43228 15.099 4.349C15.1535 4.2643 15.2245 4.19149 15.3079 4.13495C15.3912 4.07841 15.4852 4.03931 15.584 4.02C16.4871 3.82599 17.4251 3.8701 18.306 4.148C19.2047 4.42375 20.0096 4.94252 20.632 5.647L20.629 5.649Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-weibo"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolWork {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-work"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolXing {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-xing"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -0,0 +1,52 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlSymbolYoutube {
+  constructor() {
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+  }
+  static get is() { return "swirl-symbol-youtube"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../swirl-symbol.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlSymbolSize",
+          "resolved": "20 | 24",
+          "references": {
+            "SwirlSymbolSize": {
+              "location": "import",
+              "path": "../swirl-symbol.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "24"
+      }
+    };
+  }
+}

package/dist/components/swirl-resource-list2.js

@@ -75,9 +75,6 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         this.focusItemAtIndex(this.items.length - 1);
       }
     };
-    this.onSlotChange = () => {
-      this.collectItems();
-    };
     this.allowDrag = undefined;
     this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.";
     this.assistiveTextItemMoving = "Current position:";
@@ -86,13 +83,23 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
     this.assistiveText = undefined;
   }
   componentDidLoad() {
+    this.observeSlotChanges();
     this.collectItems();
     this.setItemAllowDragState();
     this.setupDragDrop();
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
     (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.collectItems();
+      this.setItemAllowDragState();
+      this.setupDragDrop();
+    });
+    this.observer.observe(this.el, { childList: true });
   }
   watchAllowDrag() {
     this.setItemAllowDragState();
@@ -189,7 +196,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
     this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`;
   }
   render() {
-    return (h(Host, { onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { role: "alert" }, this.assistiveText), h("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (el) => (this.gridEl = el), role: "grid" }, h("slot", { onSlotchange: this.onSlotChange }))));
+    return (h(Host, { onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { role: "alert" }, this.assistiveText), h("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (el) => (this.gridEl = el), role: "grid" }, h("slot", null))));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/swirl-symbol-account-circle.d.ts

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

package/dist/components/swirl-symbol-account-circle.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSymbolCss = ":host{display:inline-flex}";
+
+const SwirlSymbolAccountCircle$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolAccountCircle extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
+  }
+  static get style() { return swirlSymbolCss; }
+}, [1, "swirl-symbol-account-circle", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-symbol-account-circle"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-symbol-account-circle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSymbolAccountCircle$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlSymbolAccountCircle = SwirlSymbolAccountCircle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSymbolAccountCircle, defineCustomElement };

package/dist/components/swirl-symbol-alternate-email.d.ts

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

package/dist/components/swirl-symbol-alternate-email.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSymbolCss = ":host{display:inline-flex}";
+
+const SwirlSymbolAlternateEmail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolAlternateEmail extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
+  }
+  static get style() { return swirlSymbolCss; }
+}, [1, "swirl-symbol-alternate-email", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-symbol-alternate-email"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-symbol-alternate-email":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSymbolAlternateEmail$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlSymbolAlternateEmail = SwirlSymbolAlternateEmail$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSymbolAlternateEmail, defineCustomElement };

package/dist/components/swirl-symbol-android.d.ts

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

package/dist/components/swirl-symbol-android.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSymbolCss = ":host{display:inline-flex}";
+
+const SwirlSymbolAndroid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolAndroid extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M16.6 14.658C16.4352 14.658 16.2742 14.6091 16.1372 14.5176C16.0002 14.4261 15.8935 14.296 15.8304 14.1438C15.7674 13.9916 15.7509 13.8241 15.783 13.6625C15.8151 13.5009 15.8945 13.3525 16.011 13.236C16.1275 13.1195 16.2759 13.0401 16.4375 13.008C16.5991 12.9759 16.7666 12.9924 16.9188 13.0554C17.071 13.1185 17.2011 13.2252 17.2926 13.3622C17.3841 13.4992 17.433 13.6602 17.433 13.825C17.433 14.0459 17.3452 14.2578 17.189 14.414C17.0328 14.5702 16.8209 14.658 16.6 14.658ZM7.4 14.658C7.23525 14.658 7.0742 14.6091 6.93721 14.5176C6.80022 14.4261 6.69346 14.296 6.63041 14.1438C6.56736 13.9916 6.55086 13.8241 6.58301 13.6625C6.61515 13.5009 6.69448 13.3525 6.81098 13.236C6.92748 13.1195 7.0759 13.0401 7.23749 13.008C7.39908 12.9759 7.56656 12.9924 7.71878 13.0554C7.87099 13.1185 8.00108 13.2252 8.09261 13.3622C8.18415 13.4992 8.233 13.6602 8.233 13.825C8.233 14.0459 8.14524 14.2578 7.98902 14.414C7.8328 14.5702 7.62093 14.658 7.4 14.658ZM16.9 9.641L18.564 6.758C18.6099 6.67844 18.6223 6.5839 18.5985 6.4952C18.5746 6.40649 18.5166 6.33088 18.437 6.285C18.3574 6.23912 18.2629 6.22672 18.1742 6.25054C18.0855 6.27436 18.0099 6.33244 17.964 6.412L16.281 9.331C14.9347 8.72739 13.4759 8.41534 12.0005 8.41534C10.5251 8.41534 9.06631 8.72739 7.72 9.331L6.034 6.412C6.01128 6.37261 5.98103 6.33807 5.94496 6.31037C5.90889 6.28266 5.86772 6.26233 5.8238 6.25054C5.77988 6.23875 5.73407 6.23572 5.68897 6.24163C5.64388 6.24755 5.6004 6.26228 5.561 6.285C5.5216 6.30772 5.48707 6.33798 5.45936 6.37404C5.43166 6.41011 5.41133 6.45128 5.39954 6.4952C5.38775 6.53912 5.38472 6.58494 5.39063 6.63003C5.39654 6.67512 5.41128 6.71861 5.434 6.758L7.1 9.641C5.66202 10.4236 4.44232 11.553 3.55168 12.9267C2.66103 14.3004 2.12766 15.8748 2 17.507H22C21.8723 15.8749 21.3388 14.3005 20.4482 12.9268C19.5576 11.5531 18.3379 10.4237 16.9 9.641Z", fill: "currentColor" }))));
+  }
+  static get style() { return swirlSymbolCss; }
+}, [1, "swirl-symbol-android", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-symbol-android"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-symbol-android":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSymbolAndroid$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlSymbolAndroid = SwirlSymbolAndroid$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSymbolAndroid, defineCustomElement };

package/dist/components/swirl-symbol-announcement.d.ts

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

package/dist/components/swirl-symbol-announcement.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSymbolCss = ":host{display:inline-flex}";
+
+const SwirlSymbolAnnouncement$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolAnnouncement extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M20 2H4C3.47005 2.00158 2.96227 2.2128 2.58753 2.58753C2.2128 2.96227 2.00158 3.47005 2 4V22L6 18H20C20.5299 17.9984 21.0377 17.7872 21.4125 17.4125C21.7872 17.0377 21.9984 16.5299 22 16V4C21.9984 3.47005 21.7872 2.96227 21.4125 2.58753C21.0377 2.2128 20.5299 2.00158 20 2ZM12 11C11.7348 11 11.4804 10.8946 11.2929 10.7071C11.1054 10.5196 11 10.2652 11 10V6C11 5.73478 11.1054 5.48043 11.2929 5.29289C11.4804 5.10536 11.7348 5 12 5C12.2652 5 12.5196 5.10536 12.7071 5.29289C12.8946 5.48043 13 5.73478 13 6V10C13 10.2652 12.8946 10.5196 12.7071 10.7071C12.5196 10.8946 12.2652 11 12 11ZM13 15H11V13H13V15Z", fill: "currentColor" }))));
+  }
+  static get style() { return swirlSymbolCss; }
+}, [1, "swirl-symbol-announcement", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-symbol-announcement"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-symbol-announcement":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSymbolAnnouncement$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlSymbolAnnouncement = SwirlSymbolAnnouncement$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSymbolAnnouncement, defineCustomElement };

package/dist/components/swirl-symbol-backup.d.ts

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

package/dist/components/swirl-symbol-backup.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSymbolCss = ":host{display:inline-flex}";
+
+const SwirlSymbolBackup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolBackup extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+    const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return (h("svg", { class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, null, h("path", { d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" }))));
+  }
+  static get style() { return swirlSymbolCss; }
+}, [1, "swirl-symbol-backup", {
+    "size": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-symbol-backup"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-symbol-backup":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSymbolBackup$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlSymbolBackup = SwirlSymbolBackup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSymbolBackup, defineCustomElement };

package/dist/components/swirl-symbol-beach-access.d.ts

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