@getflip/swirl-components-react 0.519.0 → 0.520.0

package/dist/swirl-illustration-start.entry.842d6eea.js

@@ -0,0 +1,15 @@
+import { r as l, h as c, F as t } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const s = () => ":host{display:inline-flex}", r = class {
+  constructor(a) {
+    l(this, a);
+  }
+  render() {
+    return c("svg", { key: "20ffbea5287f5f5164f739ac8d327388920c98b1", class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, c(t, { key: "5a1f9e5e5ad10c1ce25d14462623b3f9813b5a3c" }, c("path", { key: "9292d6f3be77546da101cbc4ff8fd4f4082a2f6f", d: "M92.78 55.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 30.14 3.812 49.433 8.8 62.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-kiwi-surface-subdued)" }), c("path", { key: "efa7401454f539979d105953d1b2190dffd7fea2", d: "m29.452 74.045-1.932-2.444c3.312-2.654 6.374-4.783 9.186-6.387 2.812-1.603 5.545-2.76 8.2-3.469a31.43 31.43 0 0 1 8.358-1.104c2.391 0 4.652.25 6.78.75a83.183 83.183 0 0 1 6.348 1.655c2.076.605 4.192 1.157 6.347 1.656 2.155.473 4.428.71 6.82.71 2.55 0 5.296-.474 8.24-1.42 2.943-.972 5.965-2.588 9.067-4.849l-9.068-36.269c-2.313 1.998-5.046 3.627-8.2 4.889-3.127 1.261-6.623 1.892-10.486 1.892-2.707 0-5.23-.368-7.57-1.104a71.138 71.138 0 0 1-6.74-2.523 66.834 66.834 0 0 0-6.584-2.563c-2.234-.735-4.613-1.104-7.136-1.104-2.576 0-5.309.723-8.2 2.169-2.891 1.445-5.94 3.771-9.146 6.978l-.513-3.706c2.891-2.76 5.822-4.875 8.792-6.347 2.97-1.498 5.992-2.247 9.067-2.247 2.76 0 5.296.368 7.609 1.104a59.274 59.274 0 0 1 6.662 2.562 72.298 72.298 0 0 0 6.505 2.523c2.234.736 4.652 1.104 7.254 1.104 3.89 0 7.424-.736 10.605-2.208 3.18-1.498 6.478-3.929 9.895-7.293l10.802 43.326c-1.498 1.288-3.338 2.576-5.52 3.863-2.181 1.262-4.586 2.313-7.214 3.154a27.018 27.018 0 0 1-8.121 1.222c-3.312 0-6.426-.394-9.343-1.182a730.713 730.713 0 0 1-8.476-2.366 29.782 29.782 0 0 0-8.476-1.222c-2.602 0-5.112.329-7.53.986-2.392.657-4.889 1.734-7.49 3.232-2.602 1.498-5.533 3.51-8.792 6.032ZM31.384 99c-.447 0-.88-.145-1.301-.434-.394-.289-.644-.84-.75-1.655L20.03 24.254c-.105-.894.066-1.538.512-1.932.447-.42.947-.63 1.499-.63.446 0 .84.144 1.182.433.368.263.605.775.71 1.538l9.304 72.656c.131.973-.013 1.656-.434 2.05-.42.42-.893.631-1.42.631Zm-3.942-35.993-.907-8.95c2.365-1.787 4.52-3.166 6.465-4.139a43.988 43.988 0 0 1 5.756-2.404l1.34 8.436c-2.312.815-4.415 1.774-6.307 2.878-1.893 1.077-4.008 2.47-6.347 4.179Zm14.192 2.68-1.538-9.737a28.902 28.902 0 0 1 4.14-1.064 25.073 25.073 0 0 1 4.415-.395c.605 0 1.235.014 1.892.04.657.026 1.367.066 2.13.118l1.26 7.885-6.386-.316-5.913 3.47ZM25.589 46.094l-1.104-8.318c2.181-1.814 4.179-3.206 5.992-4.179a33.242 33.242 0 0 1 5.677-2.365l1.301 8.16c-2.313.736-4.363 1.63-6.15 2.681-1.787 1.051-3.693 2.392-5.716 4.021Zm13.167 1.42-1.301-8.122a23.186 23.186 0 0 1 3.903-.828c1.42-.21 2.917-.315 4.494-.315a29.2 29.2 0 0 1 1.971.079c.763.052 1.525.118 2.287.197l1.261 8.003c-1.366-.158-2.562-.237-3.587-.237-1.866 0-3.561.119-5.086.355-1.498.237-2.812.526-3.942.867Zm24.955 9.303a191.46 191.46 0 0 0-6.426-1.419c-1.84-.394-3.377-.644-4.613-.749l-1.3-8.121c1.629.184 3.364.473 5.203.867 1.84.368 3.72.775 5.638 1.222l1.498 8.2Zm13.246 11.157-11.709-2.878-1.537-8.279c1.63.395 3.364.736 5.204 1.025 1.866.263 3.916.395 6.15.395l1.892 9.737ZM36.154 31.232l-1.34-8.555 5.006-1.774 7.727 1.459 1.34 8.436a32.85 32.85 0 0 0-3.074-.394 25.092 25.092 0 0 0-2.681-.158c-1.262 0-2.484.092-3.666.276-1.183.184-2.287.42-3.312.71Zm24.6 9.382a195.445 195.445 0 0 0-5.4-1.182 94.323 94.323 0 0 0-5.244-.907l-1.222-7.727c1.577.263 3.193.591 4.849.986 1.655.394 3.535.867 5.637 1.419l1.38 7.411Zm12.734 9.462c-1.84 0-3.798-.145-5.874-.434-2.077-.315-3.877-.657-5.401-1.025l-1.459-8.003c1.524.342 3.272.67 5.243.986 1.998.315 3.969.473 5.914.473l1.577 8.003Zm1.577 8.16-1.577-8.16c1.472 0 3.088-.131 4.849-.394 1.76-.263 3.6-.723 5.519-1.38l1.735 8.121a42.066 42.066 0 0 1-5.362 1.34c-1.76.316-3.482.474-5.164.474Zm12.576 7.846-2.05-9.659a50.857 50.857 0 0 0 4.691-1.932c1.63-.762 3.561-1.866 5.795-3.311l2.05 8.712-10.486 6.19Zm-17.189-31.42c-2.339 0-4.428-.158-6.268-.474a72.648 72.648 0 0 1-4.81-.985l-1.143-6.229 11.038 1.695 1.183 5.992Zm1.459 7.411-1.459-7.412c1.761-.052 3.483-.289 5.165-.71a32.223 32.223 0 0 0 4.81-1.576l1.694 7.806c-1.419.552-3.048 1.012-4.888 1.38-1.84.341-3.614.512-5.322.512Zm11.945 6.229-1.735-8.121c1.34-.552 2.826-1.301 4.455-2.247a39.054 39.054 0 0 0 4.889-3.39l2.09 8.83a46.897 46.897 0 0 1-4.613 2.68 52.962 52.962 0 0 1-5.086 2.248Zm-3.43-15.927-1.104-5.164 8.555-6.19 1.459 5.677c-1.709 1.393-3.272 2.523-4.692 3.39a50.803 50.803 0 0 1-4.218 2.287Z", fill: "var(--s-icon-strong)" })));
+  }
+};
+r.style = s();
+export {
+  r as swirl_illustration_start
+};

package/dist/swirl-illustration-tasks.entry.49f81925.js

@@ -0,0 +1,15 @@
+import { r as t, h as a, F as c } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const r = () => ":host{display:inline-flex}", e = class {
+  constructor(s) {
+    t(this, s);
+  }
+  render() {
+    return a("svg", { key: "52de3a4bba88df8969b08cdd4321bedc3f0c490c", class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, a(c, { key: "355188983e859a7ab185edf702c900264b8aea54" }, a("path", { key: "6d9a61f3b88dfa138bc16da5d02d5caf71ebc4ad", d: "M27.59 58.404C13.162 48.234 5.354 36.144 8.813 26.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C24.072 95.788 9.5 80.786 13.492 69.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), a("path", { key: "a4c4ceb550a70053d6f37b69ca033b62374016c6", d: "M29.844 100.672V30.477h60.312v70.195H29.844Zm11.64-13.281v-3.907H60v3.907H41.484Zm0-9.493v-3.945h37.032v3.945H41.484ZM33.75 96.766h52.5V34.383h-52.5v62.383Zm7.734-28.399v-3.906h37.032v3.906H41.484Zm0-9.492V54.93h37.032v3.945H41.484Zm0-9.531v-3.907h37.032v3.907H41.484Zm3.438-11.914c-.495 0-.925-.183-1.29-.547a1.832 1.832 0 0 1-.507-1.29v-1.288c0-1.875.651-3.477 1.953-4.805 1.328-1.354 2.943-2.031 4.844-2.031h1.406c.781 0 1.432-.287 1.953-.86.521-.573.782-1.237.782-1.992v-.039c0-1.614.585-3.008 1.757-4.18 1.172-1.171 2.565-1.757 4.18-1.757 1.615 0 3.008.586 4.18 1.757 1.172 1.172 1.757 2.566 1.757 4.18v.04c0 .754.26 1.419.782 1.991.52.573 1.172.86 1.953.86h1.406c1.901 0 3.503.677 4.805 2.031 1.328 1.328 1.992 2.93 1.992 4.805v1.289c0 .495-.17.924-.508 1.289-.338.364-.768.547-1.289.547H44.922ZM60 27.078c.677 0 1.25-.234 1.719-.703.495-.495.742-1.068.742-1.719 0-.677-.247-1.25-.742-1.718A2.277 2.277 0 0 0 60 22.195c-.677 0-1.263.248-1.758.742a2.338 2.338 0 0 0-.703 1.72c0 .65.234 1.223.703 1.718a2.47 2.47 0 0 0 1.758.703Z", fill: "var(--s-icon-strong)" })));
+  }
+};
+e.style = r();
+export {
+  e as swirl_illustration_tasks
+};

package/dist/swirl-illustration-warning-sign.entry.be6863c3.js

@@ -0,0 +1,15 @@
+import { r as s, h as c, F as t } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const e = () => ":host{display:inline-flex}", r = class {
+  constructor(a) {
+    s(this, a);
+  }
+  render() {
+    return c("svg", { key: "648b33c585737593bc85a75f710d10209738e281", class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, c(t, { key: "b2efc1ecc09e0e4fd5154e608234baffc33ddce3" }, c("path", { key: "bc1485d6fc959bf0f0a2e7ae1cb61132e8d0af80", d: "M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z", fill: "var(--s-decorative-banana-surface-subdued)" }), c("path", { key: "87fcd45ebc74ca569499dca1797964822ba383b5", d: "M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z", fill: "var(--s-icon-strong)" })));
+  }
+};
+r.style = e();
+export {
+  r as swirl_illustration_warning_sign
+};

package/dist/swirl-illustration-wave.entry.536c31c7.js

@@ -0,0 +1,15 @@
+import { r as l, h as c, F as a } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const s = () => ":host{display:inline-flex}", t = class {
+  constructor(e) {
+    l(this, e);
+  }
+  render() {
+    return c("svg", { key: "93e5eb969392fed3987f4fced598a8223d94fe7d", class: "illustration", fill: "none", height: "120", part: "illustration", viewBox: "0 0 120 120", width: "120", xmlns: "http://www.w3.org/2000/svg" }, c(a, { key: "a12708f5e9151381806a423db91fd4ebe060e4d5" }, c("path", { key: "9728d240190ca1f1efb3efefe02be8973c77d48c", d: "M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z", fill: "var(--s-decorative-blueberry-surface-subdued)" }), c("path", { key: "17390acebcf92a6f892ef7be8e4c15a4cff1fe4d", d: "M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z", fill: "var(--s-icon-strong)" })));
+  }
+};
+t.style = s();
+export {
+  t as swirl_illustration_wave
+};

package/dist/swirl-illustration.entry.499fcfc7.js

@@ -0,0 +1,16 @@
+import { r, h as t, H as e } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const i = () => ":host{display:inline-flex}", a = class {
+  constructor(s) {
+    r(this, s);
+  }
+  render() {
+    const s = `swirl-illustration-${this.svg}`;
+    return t(e, { key: "6c04543bebc30b3960d752fa9806c21b1e943c3a" }, t(s, { key: "5dc4a65b5e51e2096a69e3593448ebb2604ebab1" }));
+  }
+};
+a.style = i();
+export {
+  a as swirl_illustration
+};

package/dist/swirl-image-grid-item.entry.ec002e44.js

@@ -0,0 +1,95 @@
+import { r as l, c as d, h as t, F as c, H as m, g as h } from "./index.76644a16.js";
+import { c as b } from "./index-orsBiyT_.fc4357c3.js";
+import { d as u } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const f = () => ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{position:absolute;z-index:3;border:0.125rem solid var(--s-focus-default);content:"";inset:0}button.image-grid-item:focus-visible:after{position:absolute;z-index:2;border:0.1875rem solid var(--s-background-default);content:"";inset:0}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item--has-watermark .image-grid-item__watermark{display:inline-flex}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;transition:opacity 0.3s ease-in;opacity:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__watermark{position:absolute;z-index:1;top:var(--s-space-8);right:var(--s-space-8);display:none;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.image-grid-item__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-control-button{position:absolute;z-index:2;top:50%;left:50%;transition:opacity 0.2s;transform:translate3d(-50%, -50%, 0);opacity:0}.image-grid-item:hover>.image-grid-item__gif-control-button,.image-grid-item:focus-within>.image-grid-item__gif-control-button,.image-grid-item--gif-paused>.image-grid-item__gif-control-button{opacity:1}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}', p = class {
+  constructor(i) {
+    l(this, i), this.gifStarted = d(this, "gifStarted", 7), this.gifStopped = d(this, "gifStopped", 7), this.imageError = d(this, "imageError", 7), this.imageLoad = d(this, "imageLoad", 7), this.gifPauseLabel = "Pause GIF playback", this.gifPlayLabel = "Continue GIF playback", this.error = !1, this.loaded = !1, this.inViewport = !1, this.gifPaused = !1, this.handleIntersectionEntries = u((e) => {
+      const r = [...e].sort((s, n) => s.time - n.time);
+      this.inViewport = r.at(-1).isIntersecting, this.inViewport || (this.loaded = !1);
+    }, 250), this.onLoad = () => {
+      this.error = !1, this.loaded = !0, this.imageLoad.emit();
+    }, this.onError = () => {
+      this.loaded = !0, this.error = !0, this.imageError.emit();
+    }, this.playGif = () => {
+      this.gifPaused = !1, this.computedSrc = this.src, this.gifStarted.emit();
+    }, this.handleControlClick = (e) => {
+      e.stopImmediatePropagation(), this.gifPaused ? this.playGif() : this.pauseGif();
+    }, this.onImageElementUpdate = (e) => {
+      var r, s;
+      (r = this.img) == null || r.removeEventListener("load", this.onLoad), (s = this.img) == null || s.removeEventListener("error", this.onError), this.img = e, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
+    };
+  }
+  async play() {
+    this.playGif();
+  }
+  async pause() {
+    this.pauseGif();
+  }
+  watchSrcProp() {
+    this.computedSrc = this.src, this.gifPaused = !1;
+  }
+  componentWillLoad() {
+    this.computedSrc = this.src;
+  }
+  componentDidLoad() {
+    this.setupIntersectionObserver();
+  }
+  componentDidRender() {
+    var i;
+    ((i = this.img) == null ? void 0 : i.complete) && !this.loaded && (this.loaded = !0);
+  }
+  connectedCallback() {
+    this.computedSrc = this.src, this.setupIntersectionObserver();
+  }
+  disconnectedCallback() {
+    var i, e, r;
+    (i = this.intersectionObserver) == null || i.disconnect(), this.intersectionObserver = void 0, (e = this.img) == null || e.removeEventListener("load", this.onLoad), (r = this.img) == null || r.removeEventListener("error", this.onError);
+  }
+  setupIntersectionObserver() {
+    this.loading !== "intersecting" || this.intersectionObserver || (this.intersectionObserver = new IntersectionObserver((i) => {
+      this.handleIntersectionEntries(i);
+    }), this.intersectionObserver.observe(this.el));
+  }
+  async pauseGif() {
+    const i = this.img, e = await this.readImageFromCanvas(i.src);
+    this.gifPaused = !0, this.computedSrc = e, this.gifStopped.emit();
+  }
+  readImageFromCanvas(i) {
+    return new Promise((e, r) => {
+      const s = new Image();
+      s.src = i, s.onload = (n) => {
+        const o = n.target, a = document.createElement("canvas"), g = a.getContext("2d");
+        a.width = o.width, a.height = o.height, g.drawImage(o, 0, 0, o.width, o.height), e(a.toDataURL("image/jpeg"));
+      }, s.onerror = () => r();
+    });
+  }
+  render() {
+    var o, a;
+    const i = this.interactive ? "button" : "div", e = this.gifPaused || this.loading !== "intersecting" || this.inViewport, r = (a = Math.min((o = this.el.parentElement) == null ? void 0 : o.children.length, 4)) != null ? a : 1, s = !!this.el.querySelector('[slot="watermark"]'), n = b("image-grid-item", {
+      "image-grid-item--has-error": this.error,
+      "image-grid-item--has-overlay": this.overlay,
+      "image-grid-item--has-watermark": s,
+      "image-grid-item--loaded": this.loaded,
+      "image-grid-item--gif-paused": this.gifPaused
+    });
+    return t(m, { key: "27df369fe68ad49cf81138049b54859ef35134e4", "data-sibling-count": r, role: "listitem" }, t(i, { key: "40ac752ff76b88b727a9db63f854e76c6d78701d", class: n, type: this.interactive ? "button" : void 0 }, t("div", { key: "414fd69fc3f498b8d332fc33ceed1e320c8c6ed8", class: "image-grid-item__background", style: {
+      backgroundImage: e ? `url(${this.computedSrc})` : void 0
+    } }), e ? t(c, null, t("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }), t("span", { class: "image-grid-item__watermark" }, t("slot", { name: "watermark" }))) : t("div", { class: "image-grid-item__loading-placeholder" }, t("swirl-visually-hidden", null, this.alt)), this.showGifControls && t("swirl-button", { key: "332ab0433828d51cc7bd4acb9d96af0dd1348a9a", class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: !0, hideLabel: !0, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && t("div", { key: "62ee2e71a93696df5bca8e190595b520066ebab0", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && t("div", { key: "91b2a8d3085b8443d3e11204cf7d6b24989e84dd", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && t("swirl-skeleton-box", { key: "cb07e211cee88d36250ead631d32fa23298dbcdf", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && t("div", { key: "2474fd9ff0e40054d71fe2e6e7f122d02e06ff59", class: "image-grid-item__error" }, t("swirl-icon-error", { key: "2bd8270c74b9c5aa96bf009de7eaa5fe50bc1f54", color: "critical" }))));
+  }
+  get el() {
+    return h(this);
+  }
+  static get watchers() {
+    return {
+      src: [{
+        watchSrcProp: 0
+      }]
+    };
+  }
+};
+p.style = f();
+export {
+  p as swirl_image_grid_item
+};

package/dist/swirl-image-grid.entry.ad3b47b7.js

@@ -0,0 +1,51 @@
+import { r as a, h as t, H as r, g as c } from "./index.76644a16.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const o = () => ":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(       100% / 3 - var(--s-space-2) / 2     );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}", l = [
+  "xs",
+  "sm",
+  "base",
+  "l",
+  "xl"
+], m = class {
+  constructor(e) {
+    a(this, e), this.borderRadius = "sm", this.items = [], this.updateItems = () => {
+      this.items = Array.from(this.el.children), this.items.forEach((s) => {
+        s.overlay = void 0;
+      }), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 3}`);
+    }, this.caculateAspectRatio = () => {
+      if (this.aspectRatio)
+        return this.aspectRatio;
+      switch (this.items.length) {
+        case 1:
+          return "1";
+        case 2:
+          return "2/1";
+        case 3:
+          return "3/2";
+        case 4:
+          return "1";
+        default:
+          return "1";
+      }
+    };
+  }
+  componentWillLoad() {
+    this.updateItems();
+  }
+  render() {
+    const e = d("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), i = {
+      aspectRatio: this.caculateAspectRatio(),
+      borderRadius: l.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
+    };
+    return t(r, { key: "82c6485f0e3a6e338ef19fb0cb5956b3841afa5a" }, t("div", { key: "f866480daad6e7cb06aa08a9cc400ddb11719b1f", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "19ef15c1462adf87feeed68dc2e84c85520873e1", onSlotchange: this.updateItems })));
+  }
+  get el() {
+    return c(this);
+  }
+};
+m.style = o();
+export {
+  m as swirl_image_grid
+};

package/dist/swirl-inline-notification.entry.a84015b2.js

@@ -0,0 +1,17 @@
+import { r as e, h as i, H as t } from "./index.76644a16.js";
+import { c as a } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const o = () => ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--border-radius-xs{border-radius:var(--s-border-radius-xs)}.inline-notification--border-radius-sm{border-radius:var(--s-border-radius-sm)}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = class {
+  constructor(n) {
+    e(this, n), this.importance = "status", this.intent = "info", this.borderRadius = "sm";
+  }
+  render() {
+    const n = a("inline-notification", `inline-notification--intent-${this.intent}`, `inline-notification--border-radius-${this.borderRadius}`);
+    return i(t, { key: "2193442d2cc4034153e23b1aa8b339cc6b0f2f2e" }, i("div", { key: "a54f1815e657bfd1e0e3346bd60d34946e01adfd", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "d2835e377dc659a163051975924928d014d6c889", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "4e02c1b49d605867c88b77d400b6777b98216036", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "9d0f96afa32ac2afb875d2ee2c7e2baf0c188884", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "fba1d618a9549775c5f1d77643936923c9dc1e17", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "8b52d0d5cccd4b578c390b2002f088386b5abc67", size: 20 })), i("span", { key: "69855fa0ee1ee737b947595266f76206a42f0137", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "18fc6993d5103d1afdd00d02b790d91f836c7ab8" }, this.heading) || i("swirl-text", { key: "5ce9f06f4079aac56269b0ff62c32faf9a6a3915", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "aa0695b56e5f3ea477ada1d21bb681f4399b0ca9" }))));
+  }
+};
+s.style = o();
+export {
+  s as swirl_inline_notification
+};

package/dist/swirl-inline-status.entry.c0f4b6a5.js

@@ -0,0 +1,37 @@
+import { r as e, h as t, H as a } from "./index.76644a16.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { D as r } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const c = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = class {
+  constructor(i) {
+    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = r.subscribe((i) => {
+      this.forceIconProps(i);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(i) {
+    if (!Boolean(this.iconEl))
+      return;
+    const s = this.iconEl.children[0];
+    if (!Boolean(s))
+      return;
+    let n = "24";
+    this.size === "s" ? n = "16" : i && (n = "20"), s.setAttribute("size", n);
+  }
+  render() {
+    const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
+    return t(a, { key: "81edd2dcbb01b7f33e4e5e3bb7e24f88b5e9dcbc" }, t("span", { key: "dc519d6dea17b65fbbc508fbaaaa12bc80ceda4b", class: i, part: "inline-status" }, this.icon && t("span", { key: "c74d63d6b9412cef4fc974c4d122ae48ade25542", class: "inline-status__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), t("span", { key: "b7021e1d3513ce6839a1c40a1d7f4af419ecc7db", class: "inline-status__message" }, this.message)));
+  }
+};
+l.style = c();
+export {
+  l as swirl_inline_status
+};

package/dist/swirl-lightbox.entry.5f869f2d.js

@@ -0,0 +1,155 @@
+import { r as g, c as r, h as o, H as u, g as f } from "./index.76644a16.js";
+import { d as x, e as m } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { t as h } from "./index.esm-DBTxpXCn.fccbd562.js";
+import { q as v } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const S = () => ":host{display:block}:host *{box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0))     var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}", _ = class {
+  constructor(t) {
+    g(this, t), this.activeSlideChange = r(this, "activeSlideChange", 7), this.lightboxClose = r(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.opening = !1, this.componentLoaded = !1, this.dragging = !1, this.onKeyDown = (e) => {
+      e.code === "Escape" ? (e.stopImmediatePropagation(), e.preventDefault(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick();
+    }, this.preventDragStart = (e) => {
+      e.preventDefault();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var e;
+      (e = this.slides[this.activeSlideIndex]) == null || e.download();
+    }, this.onNextSlideClick = () => {
+      var e;
+      this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1)), this.activeSlideIndex === this.slides.length - 1 && (this.slides.length > 1 ? this.previousSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
+    }, this.onPreviousSlideClick = () => {
+      var e;
+      this.activateSlide(Math.max(0, this.activeSlideIndex - 1)), this.activeSlideIndex === 0 && (this.slides.length > 1 ? this.nextSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
+    }, this.registerSlides = () => {
+      this.removeSlideListeners(), this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
+    }, this.onPointerDown = (e) => {
+      this.slides.length <= 1 || (this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((i) => {
+        i.style.transition = "none";
+      }));
+    }, this.onPointerMove = async (e) => {
+      var l, n;
+      if (!this.dragging)
+        return;
+      const i = !(e instanceof MouseEvent) && e.touches.length > 1, s = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), a = Boolean(s) ? await s.getZoom() > 1 : !1;
+      if (i || a)
+        return;
+      e.preventDefault();
+      const c = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((d) => {
+        const b = this.activeSlideIndex * d.getBoundingClientRect().width;
+        this.dragDelta = c, d.style.transform = `translate3d(${(-b + this.dragDelta) / 16}rem, 0, 0)`;
+      });
+    }, this.onPointerUp = () => {
+      if (!this.dragging)
+        return;
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const i = e > 0.2, s = e < -0.2;
+      this.slides.forEach((a) => {
+        a.style.transition = "";
+      }), i ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.onBackdropClick = (e) => {
+      e.target === this.slidesContainer && this.close();
+    }, this.onContextMenu = (e) => {
+      this.downloadButtonEnabled || e.preventDefault();
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && this.registerSlides();
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.ensureOpening(), this.setDialogCustomProps(), this.activateSlide(0), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    var t;
+    this.unlockBodyScroll(), this.removeSlideListeners(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout), (t = this.modalEl) != null && t.open && this.modalEl.close();
+  }
+  watchActiveSlideIndex() {
+    this.activeSlideChange.emit(this.activeSlideIndex);
+  }
+  async open() {
+    this.opening = !0, this.modalEl && (this.modalEl.showModal(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0));
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
+      this.resetImageZoom(), this.stopAllMediaPlayers(), this.modalEl.close(), this.closing = !1, this.lightboxClose.emit();
+    }, 150));
+  }
+  async activateSlide(t) {
+    this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((e, i) => {
+      i === this.activeSlideIndex ? (e.removeAttribute("aria-hidden"), e.setAttribute("active", "true")) : i === this.activeSlideIndex - 1 || i === this.activeSlideIndex + 1 ? (e.setAttribute("aria-hidden", "true"), e.setAttribute("active", "true")) : e.setAttribute("aria-hidden", "true"), e.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
+      this.slides.forEach((e, i) => {
+        i !== this.activeSlideIndex && i !== this.activeSlideIndex - 1 && i !== this.activeSlideIndex + 1 && e.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
+  }
+  ensureOpening() {
+    var t;
+    this.opening && !((t = this.modalEl) != null && t.open) && this.open();
+  }
+  setDialogCustomProps() {
+    this.modalEl.setAttribute("closedby", "none");
+  }
+  setSlideAttributes() {
+    this.slides.forEach((t) => {
+      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group"), t.addEventListener("dragstart", this.preventDragStart);
+    });
+  }
+  removeSlideListeners() {
+    var t;
+    (t = this.slides) == null || t.forEach((e) => {
+      e.removeEventListener("dragstart", this.preventDragStart);
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  lockBodyScroll() {
+    x(this.el);
+  }
+  unlockBodyScroll() {
+    m(this.el);
+  }
+  getMediaPlayers() {
+    return v(this.el, "video");
+  }
+  stopAllMediaPlayers() {
+    this.getMediaPlayers().forEach((t) => t.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((t) => {
+      var i;
+      const e = (i = t == null ? void 0 : t.shadowRoot) == null ? void 0 : i.querySelector("swirl-file-viewer-image");
+      Boolean(e) && e.resetZoom();
+    });
+  }
+  render() {
+    const t = this.slides.length > 1, e = p("lightbox", {
+      "lightbox--closing": this.closing
+    });
+    return o(u, { key: "d096e144ba5c2b205bc7b42c4020e88f7d00fc73" }, o("dialog", { key: "a5746a93a5a69e2dcd06d29abbba0cca345353fb", "aria-label": this.label, class: e, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (i) => this.modalEl = i }, o("div", { key: "9a57ee79db10ea795035c0bc3cf7df3b79b60b0c", class: "lightbox__body", role: "document" }, o("header", { key: "a397b14c188e34964b93c996f249ddf076ebb5a4", class: "lightbox__header" }, o("div", { key: "a7cd3871a8a1311ef11dd4192964b8f3441e7fb8", class: "lightbox__toolbar" }, o("slot", { key: "cc98e19755f196da230bf36a1e228305074eb974", name: "toolbar" }), this.downloadButtonEnabled && o("button", { key: "4a4256f21e1ac3bf3567c08cf8b3d0943578d2e1", "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, o("swirl-icon-download", { key: "21608d2cdf73f52e2a3ba9849c5d0d57d06ccd19" }))), o("button", { key: "a17a048109887d3dd969dbac010811c1a6ccd4b1", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, o("swirl-icon-close", { key: "aec1845fa36336818d0dda3d843abc953cebf8d1" }))), o("div", { key: "b69ece8ec411edb95eb8863fbaeecf4c17222573", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { key: "fcd5e76012483c3d01d93065fd616f03b043f9b8", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (i) => this.slidesContainer = i }, o("slot", { key: "5f06cbb3b48c93ff6078d9e46a1821424512f488", onSlotchange: this.registerSlides }))), o("div", { key: "4fa08370ed1b8ed2c0a33d27fc802148bad3ef95", class: "lightbox__controls" }, o("button", { key: "1921a5914ee9318e0a5ee429382db7d7da268fd2", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (i) => this.previousSlideButton = i }, o("swirl-icon-arrow-left", { key: "0f0feab9bd662fef4e241c09e2d740c8cf4970bf" })), o("button", { key: "e4eb131780172efdb7246ac26bcd1d9f5e7f21c8", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (i) => this.nextSlideButton = i }, o("swirl-icon-arrow-right", { key: "dbfa0163ff93bc2a5618c4599173eee3d0385567" }))), t && o("span", { key: "7ce2e61ada2cb93ee15c379e13dd2f8c095abd87", class: "lightbox__pagination" }, o("span", { key: "e41faca3d4bba70e7464b8b5660344529eb7ad21", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
+  }
+  get el() {
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      activeSlideIndex: [{
+        watchActiveSlideIndex: 0
+      }]
+    };
+  }
+};
+_.style = S();
+export {
+  _ as swirl_lightbox
+};

package/dist/swirl-link.entry.b5c28391.js

@@ -0,0 +1,17 @@
+import { r as i, h as r, H as t } from "./index.76644a16.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const a = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", o = class {
+  constructor(e) {
+    i(this, e), this.color = "default";
+  }
+  render() {
+    const e = s("link", `link--color-${this.color}`);
+    return r(t, { key: "fc0931751652b9dedf36ad1d9e51890dd559d222" }, r("a", { key: "198121bff7dc425aacbd5e21eaa38461a34db57f", class: e, href: this.href, part: "link", target: this.target }, this.label));
+  }
+};
+o.style = a();
+export {
+  o as swirl_link
+};

package/dist/swirl-list.entry.1008c807.js

@@ -0,0 +1,18 @@
+import { r as l, h as i, H as r } from "./index.76644a16.js";
+import "react";
+import "react-dom";
+const s = () => ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {
+  constructor(e) {
+    l(this, e);
+  }
+  componentDidRender() {
+    Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
+  }
+  render() {
+    return i(r, { key: "d4c0fc6a01a1e66065cb68e1abcb910ce7904dd7" }, i("div", { key: "0d25d051abd26ff297699930038257f68b549e8b", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "2f2f99d83c5d1e893f2ab59044b2561363d9017e" })));
+  }
+};
+n.style = s();
+export {
+  n as swirl_list
+};

package/dist/swirl-menu-item.entry.5334b01b.js

@@ -0,0 +1,86 @@
+import { r, f as l, h as i, H as h, g as u } from "./index.76644a16.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { l as d, m as p } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const m = () => ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-state-hovered)}", b = class {
+  constructor(e) {
+    r(this, e), this.intent = "default", this.truncateLabel = !0, this.hasAvatar = !1, this.onSlotChange = () => {
+      this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
+    }, this.onActionListItemClick = () => {
+      this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
+    }, this.onOptionListItemClick = () => {
+      this.optionListItem.disabled || this.parentMenu.updateSelection(this.optionListItem);
+    }, this.onOptionListItemKeyDown = (t) => {
+      if (t.code === "Space")
+        t.preventDefault();
+      else if (t.code === "Enter") {
+        if (this.optionListItem.disabled)
+          return;
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+      }
+    }, this.onOptionListItemKeyUp = (t) => {
+      if (t.code === "Space") {
+        if (this.optionListItem.disabled)
+          return;
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+      }
+    };
+  }
+  componentWillLoad() {
+    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
+  }
+  watchExpanded() {
+    this.updateActionListItemProps();
+  }
+  async getSubMenu() {
+    return this.subMenu;
+  }
+  async updateValue() {
+    l(this);
+  }
+  async getParentMenu() {
+    return this.parentMenu;
+  }
+  updateActionListItemProps() {
+    !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
+  }
+  updateAvatarState() {
+    const e = this.el.querySelector('[slot="avatar"]'), t = Boolean(e);
+    t !== this.hasAvatar && (this.hasAvatar = t);
+  }
+  renderActionListItem() {
+    var t, s, n;
+    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (n = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((a) => {
+      var o;
+      return a.value === ((o = this.subMenu) == null ? void 0 : o.value);
+    })) == null ? void 0 : n.label : void 0;
+    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onActionListItemClick, ref: (a) => this.actionListItem = a, suffix: this.suffix }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
+  }
+  renderOptionListItem() {
+    var t;
+    const e = ((t = this.parentMenu) == null ? void 0 : t.value) === this.value;
+    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: e, swirlAriaRole: "menuitemradio", value: this.value }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
+  }
+  render() {
+    var t;
+    const e = c("menu-item", {
+      "menu-item--expanded": this.expanded
+    });
+    return i(h, { key: "a812973b2bdea4710ae0dabeb36e7cd637872990" }, i("div", { key: "9af01c97ecdc4e43fd36d7107647a03edad4ada0", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "89c6a6148c76cc02e792279f2f53f853eb31af13", onSlotchange: this.onSlotChange })));
+  }
+  get el() {
+    return u(this);
+  }
+  static get watchers() {
+    return {
+      expanded: [{
+        watchExpanded: 0
+      }]
+    };
+  }
+};
+b.style = m();
+export {
+  b as swirl_menu_item
+};