@getflip/swirl-components-react 0.10.0 → 0.12.0

package/dist/swirl-icon-time-outlined.entry.d0eb5d19.js

@@ -0,0 +1,18 @@
+import { r as e, h as C, F as i } from "./index.149af511.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const l = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    e(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M9.65001 10.6667C9.78335 10.8 9.94735 10.8667 10.142 10.8667C10.3362 10.8667 10.5056 10.7945 10.65 10.65C10.7833 10.5167 10.85 10.3471 10.85 10.1413C10.85 9.93601 10.7833 9.76668 10.65 9.63335L8.73335 7.70001V5.40001C8.73335 5.1889 8.66401 5.01668 8.52535 4.88335C8.38623 4.75001 8.21112 4.68335 8.00001 4.68335C7.7889 4.68335 7.61401 4.75268 7.47535 4.89135C7.33623 5.03046 7.26668 5.20557 7.26668 5.41668V7.96668C7.26668 8.06668 7.28623 8.16379 7.32535 8.25801C7.36401 8.35268 7.42223 8.4389 7.50001 8.51668L9.65001 10.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M14.475 16C14.675 16.2 14.921 16.3 15.213 16.3C15.5043 16.3 15.7583 16.1917 15.975 15.975C16.175 15.775 16.275 15.5207 16.275 15.212C16.275 14.904 16.175 14.65 15.975 14.45L13.1 11.55V8.09999C13.1 7.78332 12.996 7.52499 12.788 7.32499C12.5793 7.12499 12.3167 7.02499 12 7.02499C11.6833 7.02499 11.421 7.12899 11.213 7.33699C11.0043 7.54565 10.9 7.80832 10.9 8.12499V11.95C10.9 12.1 10.9293 12.2457 10.988 12.387C11.046 12.529 11.1333 12.6583 11.25 12.775L14.475 16ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M16.8875 18.6667C17.1208 18.9 17.4078 19.0167 17.7485 19.0167C18.0884 19.0167 18.3847 18.8903 18.6375 18.6375C18.8708 18.4042 18.9875 18.1074 18.9875 17.7473C18.9875 17.388 18.8708 17.0917 18.6375 16.8583L15.2833 13.475V9.45001C15.2833 9.08056 15.162 8.77917 14.9193 8.54584C14.6759 8.31251 14.3694 8.19584 14 8.19584C13.6306 8.19584 13.3245 8.31717 13.0818 8.55984C12.8384 8.80328 12.7167 9.10973 12.7167 9.47917V13.9417C12.7167 14.1167 12.7509 14.2866 12.8193 14.4515C12.887 14.6172 12.9889 14.7681 13.125 14.9042L16.8875 18.6667ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9667C7.89912 24.3445 6.64028 23.4986 5.57084 22.4292C4.5014 21.3597 3.65556 20.1009 3.03334 18.6527C2.41112 17.2037 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34734C3.65556 7.89912 4.5014 6.64028 5.57084 5.57084C6.64028 4.5014 7.89912 3.65556 9.34734 3.03334C10.7963 2.41112 12.3472 2.10001 14 2.10001C15.6528 2.10001 17.2037 2.41112 18.6527 3.03334C20.1009 3.65556 21.3597 4.5014 22.4292 5.57084C23.4986 6.64028 24.3445 7.89912 24.9667 9.34734C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2037 24.9667 18.6527C24.3445 20.1009 23.4986 21.3597 22.4292 22.4292C21.3597 23.4986 20.1009 24.3445 18.6527 24.9667C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5667 23.2458 14C23.2458 11.4333 22.3467 9.25051 20.5485 7.45151C18.7495 5.65328 16.5667 4.75417 14 4.75417C11.4333 4.75417 9.2509 5.65328 7.45267 7.45151C5.65367 9.25051 4.75417 11.4333 4.75417 14C4.75417 16.5667 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z", fill: "currentColor" })));
+  }
+};
+o.style = l;
+export {
+  o as swirl_icon_time_outlined
+};

package/dist/swirl-icon-user-assign.entry.8a6b68ea.js

@@ -0,0 +1,18 @@
+import { r, h as C, F as i } from "./index.149af511.js";
+import { c as e } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const l = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    r(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M5.33332 13.3334C5.15651 13.3334 4.98699 13.2631 4.86197 13.1381C4.73694 13.0131 4.66666 12.8436 4.66666 12.6667V12.0001C4.66666 10.2274 8.22066 9.33341 9.99999 9.33341C11.7793 9.33341 15.3333 10.2267 15.3333 12.0001V12.6667C15.3333 12.8436 15.263 13.0131 15.138 13.1381C15.013 13.2631 14.8435 13.3334 14.6667 13.3334H5.33332ZM3.33332 8.71134V8.00008H1.33332C1.15651 8.00008 0.986993 7.92979 0.861969 7.80477C0.736945 7.67974 0.666656 7.51023 0.666656 7.33341C0.666656 7.1566 0.736945 6.98708 0.861969 6.86206C0.986993 6.73704 1.15651 6.66675 1.33332 6.66675H3.33332V5.95483C3.33324 5.84937 3.36433 5.74603 3.42284 5.65828C3.48136 5.57054 3.5647 5.50213 3.6621 5.46167C3.7595 5.42121 3.86658 5.41061 3.97004 5.43107C4.0735 5.45153 4.16881 5.50242 4.24348 5.5769L5.62206 6.95679C5.722 7.0568 5.77798 7.19235 5.77798 7.33374C5.77798 7.47513 5.722 7.61068 5.62206 7.71069L4.24348 9.08927C4.19485 9.13903 4.13669 9.17879 4.07258 9.20581C4.00847 9.23283 3.93967 9.24677 3.87011 9.24683C3.79968 9.24727 3.72988 9.2338 3.6647 9.20711C3.59952 9.18042 3.54012 9.14094 3.49022 9.09123C3.44033 9.04152 3.40095 8.98248 3.37401 8.9174C3.34708 8.85232 3.33315 8.78243 3.33332 8.712V8.71134ZM7.33332 5.33341C7.33332 4.62617 7.61415 3.94777 8.11425 3.44767C8.61434 2.94758 9.29275 2.66675 9.99999 2.66675C10.7072 2.66675 11.3856 2.94758 11.8857 3.44767C12.3858 3.94777 12.6667 4.62617 12.6667 5.33341C12.6667 6.04066 12.3858 6.71906 11.8857 7.21916C11.3856 7.71925 10.7072 8.00008 9.99999 8.00008C9.29275 8.00008 8.61434 7.71925 8.11425 7.21916C7.61415 6.71906 7.33332 6.04066 7.33332 5.33341Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M8 20C7.73478 20 7.4805 19.8946 7.29297 19.707C7.10543 19.5195 7 19.2652 7 19V18C7 15.341 12.331 14 15 14C17.669 14 23 15.34 23 18V19C23 19.2652 22.8946 19.5195 22.707 19.707C22.5195 19.8946 22.2652 20 22 20H8ZM5 13.0669V12H2C1.73478 12 1.48051 11.8946 1.29297 11.707C1.10543 11.5195 1 11.2652 1 11C1 10.7348 1.10543 10.4805 1.29297 10.293C1.48051 10.1054 1.73478 10 2 10H5V8.93213C4.99988 8.77393 5.04651 8.61892 5.13428 8.4873C5.22205 8.35569 5.34707 8.25307 5.49316 8.19238C5.63926 8.1317 5.79989 8.11579 5.95508 8.14648C6.11027 8.17718 6.25324 8.25351 6.36523 8.36523L8.43311 10.4351C8.58302 10.5851 8.66699 10.7884 8.66699 11.0005C8.66699 11.2126 8.58302 11.4159 8.43311 11.5659L6.36523 13.6338C6.29229 13.7084 6.20505 13.7681 6.10889 13.8086C6.01273 13.8491 5.90953 13.87 5.80518 13.8701C5.69953 13.8708 5.59484 13.8506 5.49707 13.8105C5.3993 13.7705 5.3102 13.7113 5.23535 13.6367C5.16051 13.5622 5.10143 13.4736 5.06104 13.376C5.02064 13.2784 4.99973 13.1735 5 13.0679V13.0669ZM11 8C11 6.93913 11.4212 5.92153 12.1714 5.17139C12.9215 4.42124 13.9391 4 15 4C16.0609 4 17.0785 4.42124 17.8286 5.17139C18.5788 5.92153 19 6.93913 19 8C19 9.06087 18.5788 10.0785 17.8286 10.8286C17.0785 11.5788 16.0609 12 15 12C13.9391 12 12.9215 11.5788 12.1714 10.8286C11.4212 10.0785 11 9.06087 11 8Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M9.33332 23.3334C9.0239 23.3334 8.72725 23.2104 8.50845 22.9916C8.28966 22.7728 8.16666 22.4762 8.16666 22.1667V21.0001C8.16666 17.8979 14.3862 16.3334 17.5 16.3334C20.6138 16.3334 26.8333 17.8967 26.8333 21.0001V22.1667C26.8333 22.4762 26.7103 22.7728 26.4915 22.9916C26.2727 23.2104 25.9761 23.3334 25.6667 23.3334H9.33332ZM5.83332 15.2448V14.0001H2.33332C2.0239 14.0001 1.72725 13.8771 1.50845 13.6583C1.28966 13.4395 1.16666 13.1428 1.16666 12.8334C1.16666 12.524 1.28966 12.2273 1.50845 12.0085C1.72725 11.7898 2.0239 11.6667 2.33332 11.6667H5.83332V10.4209C5.83318 10.2363 5.88758 10.0555 5.98998 9.90194C6.09238 9.74839 6.23824 9.62866 6.40868 9.55786C6.57912 9.48706 6.76653 9.46851 6.94758 9.50431C7.12864 9.54012 7.29543 9.62917 7.4261 9.75952L9.83861 12.1743C10.0135 12.3493 10.1115 12.5866 10.1115 12.834C10.1115 13.0814 10.0135 13.3186 9.83861 13.4937L7.4261 15.9062C7.341 15.9932 7.23921 16.0628 7.12702 16.1101C7.01484 16.1574 6.89444 16.1818 6.77269 16.1819C6.64944 16.1827 6.5273 16.1591 6.41324 16.1124C6.29917 16.0657 6.19522 15.9966 6.1079 15.9096C6.02058 15.8226 5.95166 15.7193 5.90453 15.6054C5.8574 15.4915 5.83301 15.3692 5.83332 15.2459V15.2448ZM12.8333 9.33341C12.8333 8.09574 13.3248 6.90854 14.1999 6.03337C15.0751 5.1582 16.2623 4.66675 17.5 4.66675C18.7377 4.66675 19.9249 5.1582 20.8 6.03337C21.6752 6.90854 22.1667 8.09574 22.1667 9.33341C22.1667 10.5711 21.6752 11.7583 20.8 12.6335C19.9249 13.5086 18.7377 14.0001 17.5 14.0001C16.2623 14.0001 15.0751 13.5086 14.1999 12.6335C13.3248 11.7583 12.8333 10.5711 12.8333 9.33341Z", fill: "currentColor" })));
+  }
+};
+o.style = l;
+export {
+  o as swirl_icon_user_assign
+};

package/dist/swirl-icon-video-camera.entry.85101910.js

@@ -0,0 +1,18 @@
+import { r as e, h as s, F as C } from "./index.149af511.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const o = ":host{display:inline-flex}", l = class {
+  constructor(i) {
+    e(this, i), this.size = 24;
+  }
+  render() {
+    const i = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return s("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(C, null, s("path", { d: "M2.66668 13.3334C2.30001 13.3334 1.98623 13.2029 1.72534 12.942C1.46401 12.6807 1.33334 12.3667 1.33334 12V4.00002C1.33334 3.63335 1.46401 3.31958 1.72534 3.05869C1.98623 2.79735 2.30001 2.66669 2.66668 2.66669H10.6667C11.0333 2.66669 11.3473 2.79735 11.6087 3.05869C11.8696 3.31958 12 3.63335 12 4.00002V7.00002L14.1 4.90002C14.2 4.80002 14.3196 4.77491 14.4587 4.82469C14.5973 4.87491 14.6667 4.9778 14.6667 5.13335V10.8667C14.6667 11.0222 14.5973 11.1249 14.4587 11.1747C14.3196 11.2249 14.2 11.2 14.1 11.1L12 9.00002V12C12 12.3667 11.8696 12.6807 11.6087 12.942C11.3473 13.2029 11.0333 13.3334 10.6667 13.3334H2.66668Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && s(C, null, s("path", { d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H16C16.55 4 17.021 4.196 17.413 4.588C17.8043 4.97933 18 5.45 18 6V10.5L21.15 7.35C21.3 7.2 21.4793 7.16233 21.688 7.237C21.896 7.31233 22 7.46667 22 7.7V16.3C22 16.5333 21.896 16.6873 21.688 16.762C21.4793 16.8373 21.3 16.8 21.15 16.65L18 13.5V18C18 18.55 17.8043 19.021 17.413 19.413C17.021 19.8043 16.55 20 16 20H4Z", fill: "currentColor" })), this.size === 28 && s(C, null, s("path", { d: "M4.66668 23.3334C4.02501 23.3334 3.4759 23.1051 3.01934 22.6485C2.56201 22.1912 2.33334 21.6417 2.33334 21V7.00002C2.33334 6.35835 2.56201 5.80924 3.01934 5.35269C3.4759 4.89535 4.02501 4.66669 4.66668 4.66669H18.6667C19.3083 4.66669 19.8578 4.89535 20.3152 5.35269C20.7717 5.80924 21 6.35835 21 7.00002V12.25L24.675 8.57502C24.85 8.40002 25.0592 8.35608 25.3027 8.44319C25.5453 8.53108 25.6667 8.71113 25.6667 8.98335V19.0167C25.6667 19.2889 25.5453 19.4686 25.3027 19.5557C25.0592 19.6436 24.85 19.6 24.675 19.425L21 15.75V21C21 21.6417 20.7717 22.1912 20.3152 22.6485C19.8578 23.1051 19.3083 23.3334 18.6667 23.3334H4.66668Z", fill: "currentColor" })));
+  }
+};
+l.style = o;
+export {
+  l as swirl_icon_video_camera
+};

package/dist/swirl-icon-warning.entry.330bf12a.js

@@ -0,0 +1,18 @@
+import { r, h as C, F as i } from "./index.149af511.js";
+import { c as e } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const n = ":host{display:inline-flex}", l = class {
+  constructor(s) {
+    r(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z", fill: "currentColor" })));
+  }
+};
+l.style = n;
+export {
+  l as swirl_icon_warning
+};

package/dist/{flip-lightbox.entry.e6ea2310.js → swirl-lightbox.entry.7a2191eb.js}

@@ -1,11 +1,11 @@
-import { r as c, h as o, H as g, g as b } from "./index.6f8c9509.js";
+import { r as c, h as o, H as g, g as b } from "./index.149af511.js";
 import { A as u } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as p } from "./index-6d2e18c6.289636d4.js";
-import { q as x } from "./utils-39b2afe8.37b54ba4.js";
+import { d as m, e as x } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as f } from "./index-47862d62.75c2fcf1.js";
+import { q as p } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;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:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.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}.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}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
   constructor(t) {
     c(this, t), this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download active slide content", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
@@ -27,7 +27,7 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       });
     }, this.onPointerMove = async (i) => {
       var e, s;
-      const l = !(i instanceof MouseEvent) && i.touches.length > 1, a = (s = (e = this.slides[this.activeSlideIndex]) === null || e === void 0 ? void 0 : e.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector("flip-file-viewer-image"), r = Boolean(a) ? await a.getZoom() > 1 : !1;
+      const l = !(i instanceof MouseEvent) && i.touches.length > 1, a = (s = (e = this.slides[this.activeSlideIndex]) === null || e === void 0 ? void 0 : e.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector("swirl-file-viewer-image"), r = Boolean(a) ? await a.getZoom() > 1 : !1;
       if (!(l || r) && this.dragging) {
         i.preventDefault();
         const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
@@ -84,13 +84,13 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   lockBodyScroll() {
-    f(this.el);
+    m(this.el);
   }
   unlockBodyScroll() {
-    m(this.el);
+    x(this.el);
   }
   updateMediaPlayers() {
-    const t = x(this.el, "video");
+    const t = p(this.el, "video");
     this.mediaPlayers = t;
   }
   stopAllMediaPlayers() {
@@ -99,15 +99,15 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   resetImageZoom() {
     this.slides.forEach((t) => {
       var i;
-      const e = (i = t == null ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector("flip-file-viewer-image");
+      const e = (i = t == null ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector("swirl-file-viewer-image");
       Boolean(e) && e.resetZoom();
     });
   }
   render() {
-    const t = this.slides.length > 1, i = p("lightbox", {
+    const t = this.slides.length > 1, i = f("lightbox", {
       "lightbox--closing": this.closing
     });
-    return o(g, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: i, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (e) => this.modalEl = e }, o("div", { class: "lightbox__body", role: "document" }, o("header", { class: "lightbox__header" }, o("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, o("flip-icon-close", null)), o("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, o("flip-icon-download", null))), o("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, o("slot", { onSlotchange: this.registerSlides }))), o("div", { class: "lightbox__controls" }, o("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, o("flip-icon-arrow-left", null)), o("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, o("flip-icon-arrow-right", null))), t && o("span", { class: "lightbox__pagination" }, o("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
+    return o(g, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: i, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (e) => this.modalEl = e }, o("div", { class: "lightbox__body", role: "document" }, o("header", { class: "lightbox__header" }, o("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, o("swirl-icon-close", null)), o("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, o("swirl-icon-download", null))), o("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, o("slot", { onSlotchange: this.registerSlides }))), o("div", { class: "lightbox__controls" }, o("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, o("swirl-icon-arrow-left", null)), o("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, o("swirl-icon-arrow-right", null))), t && o("span", { class: "lightbox__pagination" }, o("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
   }
   get el() {
     return b(this);
@@ -115,5 +115,5 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
 };
 _.style = v;
 export {
-  _ as flip_lightbox
+  _ as swirl_lightbox
 };

package/dist/swirl-link.entry.81bd6e0f.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as t } from "./index.149af511.js";
+import "react";
+import "react-dom";
+const s = ":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)}}", n = class {
+  constructor(r) {
+    e(this, r);
+  }
+  render() {
+    return i(t, null, i("a", { class: "link", href: this.href, part: "link", target: this.target }, this.label));
+  }
+};
+n.style = s;
+export {
+  n as swirl_link
+};

package/dist/swirl-list.entry.ca7b2daf.js

@@ -0,0 +1,18 @@
+import { r as l, h as t, H as r } from "./index.149af511.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(i) {
+    l(this, i);
+  }
+  componentDidRender() {
+    Array.from(this.containerEl.children).some((e) => !["UL", "OL"].includes(e.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
+  }
+  render() {
+    return t(r, null, t("div", { class: "swirl-list", ref: (i) => this.containerEl = i }, t("slot", null)));
+  }
+};
+n.style = s;
+export {
+  n as swirl_list
+};

package/dist/swirl-modal.entry.97df470f.js

@@ -0,0 +1,63 @@
+import { r as h, c as e, h as a, H as p } from "./index.149af511.js";
+import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as u } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', w = class {
+  constructor(l) {
+    h(this, l), this.modalClose = e(this, "modalClose", 7), this.modalOpen = e(this, "modalOpen", 7), this.primaryAction = e(this, "primaryAction", 7), this.secondaryAction = e(this, "secondaryAction", 7), this.closeButtonLabel = "Close modal", this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.onKeyDown = (o) => {
+      o.code === "Escape" && this.close();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (o) => {
+      this.primaryAction.emit(o);
+    }, this.onSecondaryAction = (o) => {
+      this.secondaryAction.emit(o);
+    }, this.determineScrollStatus = () => {
+      var o, i, s, t, d, r;
+      const n = ((o = this.scrollContainer) === null || o === void 0 ? void 0 : o.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.offsetHeight)) >= ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
+      n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
+    };
+  }
+  componentDidLoad() {
+    this.modal = new b(this.modalEl), this.determineScrollStatus();
+  }
+  disconnectedCallback() {
+    var l;
+    (l = this.modal) === null || l === void 0 || l.destroy(), this.unlockBodyScroll();
+  }
+  onWindowResize() {
+    this.determineScrollStatus();
+  }
+  async open() {
+    this.modal.show(), this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.modalClose.emit(), this.closing = !1;
+    }, 150));
+  }
+  lockBodyScroll() {
+    f(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    v(this.scrollContainer);
+  }
+  render() {
+    const l = u("modal", {
+      "modal--closing": this.closing,
+      "modal--scrollable": this.scrollable,
+      "modal--scrolled": this.scrolled,
+      "modal--scrolled-down": this.scrolledDown
+    });
+    return a(p, null, a("section", { "aria-hidden": "true", "aria-label": this.label, class: l, id: "modal", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, a("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { class: "modal__body", role: "document" }, a("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), a("header", { class: "modal__header" }, a("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), a("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (o) => this.scrollContainer = o }, a("slot", null)), a("footer", { class: "modal__controls" }, a("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+  }
+};
+w.style = g;
+export {
+  w as swirl_modal
+};

package/dist/swirl-option-list-section.entry.b3b30b8f.js

@@ -0,0 +1,15 @@
+import { r as i, h as t, H as o } from "./index.149af511.js";
+import "react";
+import "react-dom";
+const e = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {
+  constructor(s) {
+    i(this, s);
+  }
+  render() {
+    return t(o, null, t("div", { "aria-labelledby": "label", class: "option-list-section", role: "group" }, t("span", { class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), t("div", { class: "option-list-section__items" }, t("slot", null))));
+  }
+};
+l.style = e;
+export {
+  l as swirl_option_list_section
+};

package/dist/swirl-pagination.entry.0bbbf034.js

@@ -0,0 +1,27 @@
+import { r, c as p, h as a, H as c } from "./index.149af511.js";
+import { c as g } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const h = ":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}", b = class {
+  constructor(i) {
+    r(this, i), this.setPage = p(this, "setPage", 7), this.accessibleNextButtonLabel = "Next page", this.accessiblePrevButtonLabel = "Previous page", this.nextButtonLabel = "Next", this.pageLabel = "out of", this.prevButtonLabel = "Prev", this.pageSelectLabel = "Select a page", this.variant = "default", this.onPrevButtonClick = () => {
+      const e = Math.max(this.page - 1, 1);
+      this.page !== e && this.setPage.emit(e);
+    }, this.onNextButtonClick = () => {
+      const e = Math.min(this.page + 1, this.pages);
+      this.page !== e && this.setPage.emit(e);
+    }, this.onSelect = (e) => {
+      const t = +e.target.value;
+      this.page !== t && this.setPage.emit(t);
+    };
+  }
+  render() {
+    const i = this.variant !== "advanced", e = this.variant !== "simple", t = this.variant === "advanced", s = `${this.page} ${this.pageLabel} ${this.pages}`, l = g("pagination", `pagination--variant-${this.variant}`);
+    return a(c, null, a("nav", { "aria-label": this.label, class: l }, a("ul", { class: "pagination__list", part: "pagination__list" }, a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, swirlAriaLabel: this.accessiblePrevButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), e ? a("li", { class: "pagination__list-item" }, a("span", null, t ? a("span", { "aria-current": "page", class: "pagination__advanced-label" }, a("span", { class: "pagination__page-select-container" }, a("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages).fill(void 0).map((n, o) => o + 1).map((n) => a("option", { selected: this.page === n, value: String(n) }, n))), a("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-select-icon", size: 16 })), a("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages)) : a("span", { "aria-current": "page" }, s))) : a("li", { class: "pagination__list-item" }, a("swirl-visually-hidden", null, a("span", { "aria-current": "page" }, s))), a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, swirlAriaLabel: this.accessibleNextButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })))));
+  }
+};
+b.style = h;
+export {
+  b as swirl_pagination
+};

package/dist/{flip-pdf-reader.entry.4cdb28da.js → swirl-pdf-reader.entry.064e66a5.js}

@@ -1,12 +1,12 @@
-import { r, h as e, H as s, g as n } from "./index.6f8c9509.js";
+import { r, h as e, H as s, g as n } from "./index.149af511.js";
 import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as p } from "./index-6d2e18c6.289636d4.js";
-import { i as a } from "./utils-39b2afe8.37b54ba4.js";
+import { c as p } from "./index-47862d62.75c2fcf1.js";
+import { i as a } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const f = ':host{display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation:none}}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{width:100%;height:calc(100% - 4rem)}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-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}.pdf-reader__mobile-zoom-button:disabled{cursor:default}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}', h = class {
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const h = ':host{display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation:none}}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{width:100%;height:calc(100% - 4rem)}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-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}.pdf-reader__mobile-zoom-button:disabled{cursor:default}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}', m = class {
   constructor(t) {
     r(this, t), this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonLabel = "Download PDF", this.printButtonLabel = "Print PDF", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.active = !1, this.closing = !1, this.downloading = !1, this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.onKeyDown = (o) => {
       o.code === "Escape" && this.close();
@@ -67,13 +67,13 @@ const f = ':host{display:block}:host *{box-sizing:border-box}.pdf-reader{positio
     const t = p("pdf-reader", {
       "pdf-reader--closing": this.closing
     });
-    return e(s, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("flip-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<flip-icon-remove></flip-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<flip-icon-add></flip-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((o) => e("option", { key: o, selected: this.zoom === o, value: o }, o * 100, "%"))), e("flip-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("flip-button", { class: "pdf-reader__print-button", hideLabel: !0, icon: "<flip-icon-print></flip-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), e("flip-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: !0, icon: this.downloading ? '<flip-spinner size="s"></flip-spinner>' : "<flip-icon-download></flip-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), e("div", { class: "pdf-reader__content" }, e("flip-file-viewer", { active: this.active, file: this.file, onActivate: this.onActivate, ref: (o) => this.viewer = o, type: "application/pdf", zoom: this.zoom }), e("div", { class: "pdf-reader__mobile-zoom-controls" }, e("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("flip-icon-fullscreen-exit", null) : e("flip-icon-fullscreen", null)), e("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("flip-icon-add", null)), e("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("flip-icon-remove", null)))))));
+    return e(s, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("swirl-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((o) => e("option", { key: o, selected: this.zoom === o, value: o }, o * 100, "%"))), e("swirl-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("swirl-button", { class: "pdf-reader__print-button", hideLabel: !0, icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), e("swirl-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: !0, icon: this.downloading ? '<swirl-spinner size="s"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), e("div", { class: "pdf-reader__content" }, e("swirl-file-viewer", { active: this.active, file: this.file, onActivate: this.onActivate, ref: (o) => this.viewer = o, type: "application/pdf", zoom: this.zoom }), e("div", { class: "pdf-reader__mobile-zoom-controls" }, e("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", null)), e("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", null)))))));
   }
   get el() {
     return n(this);
   }
 };
-h.style = f;
+m.style = h;
 export {
-  h as flip_pdf_reader
+  m as swirl_pdf_reader
 };

package/dist/{flip-popover.entry.4a45218b.js → swirl-popover.entry.1e51f870.js}

@@ -1,12 +1,12 @@
-import { r as m, c as a, h as n, H as v, g as f } from "./index.6f8c9509.js";
-import { o as r, s as p, f as u, c as g, a as b } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
+import { r as m, c as a, h as n, H as v, g as f } from "./index.149af511.js";
+import { o as r, s as p, f as u, c as g, a as b } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { e as l, d as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as k } from "./index-6d2e18c6.289636d4.js";
-import { i as c, q as d } from "./utils-39b2afe8.37b54ba4.js";
+import { c as w } from "./index-47862d62.75c2fcf1.js";
+import { i as c, q as d } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
-const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in-xy;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", _ = class {
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const k = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in-xy;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", _ = class {
   constructor(o) {
     m(this, o), this.popoverClose = a(this, "popoverClose", 7), this.popoverOpen = a(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.offset = 8, this.placement = "bottom-start", this.active = !1, this.closing = !1, this.toggle = (e) => {
       e.stopPropagation(), this.active ? this.close() : this.open();
@@ -66,7 +66,7 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   }
   getNativeTriggerElement() {
     var o, e, t;
-    return this.triggerEl.tagName.startsWith("FLIP-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
+    return this.triggerEl.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
   }
   updateTriggerAttributes() {
     if (!Boolean(this.triggerEl))
@@ -95,7 +95,7 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   }
   render() {
     var o, e;
-    const t = k("popover", `popover--animation-${this.animation}`, {
+    const t = w("popover", `popover--animation-${this.animation}`, {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--inactive": !this.active
@@ -109,7 +109,7 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     return f(this);
   }
 };
-_.style = w;
+_.style = k;
 export {
-  _ as flip_popover
+  _ as swirl_popover
 };

package/dist/{flip-progress-indicator.entry.fc0e5979.js → swirl-progress-indicator.entry.46470fa4.js}

@@ -1,8 +1,8 @@
-import { r as t, h as s, H as n } from "./index.6f8c9509.js";
-import { c } from "./index-6d2e18c6.289636d4.js";
+import { r as t, h as s, H as n } from "./index.149af511.js";
+import { c } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
 const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-surface-highlight-default);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-surface-highlight-default);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = class {
   constructor(a) {
     t(this, a), this.size = "m", this.value = 0, this.variant = "bar";
@@ -14,5 +14,5 @@ const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.c
 };
 l.style = d;
 export {
-  l as flip_progress_indicator
+  l as swirl_progress_indicator
 };

package/dist/swirl-radio-group.entry.f931de9f.js

@@ -0,0 +1,35 @@
+import { r as a, c as o, h as i, H as l, g as n } from "./index.149af511.js";
+import "react";
+import "react-dom";
+const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {
+  constructor(r) {
+    a(this, r), this.valueChange = o(this, "valueChange", 7);
+  }
+  componentDidLoad() {
+    this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
+  }
+  initValue() {
+    if (this.value === void 0)
+      return;
+    const r = this.radioButtons.find((e) => e.value === this.value);
+    !Boolean(r) || (r.checked = !0);
+  }
+  handleValueChanges() {
+    for (const [r, e] of Object.entries(this.radioButtons))
+      e.addEventListener("valueChange", () => {
+        (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((s, t) => {
+          String(t) !== r && (s.checked = !1);
+        }));
+      });
+  }
+  render() {
+    return i(l, { "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { class: "radio-group" }, i("slot", null)));
+  }
+  get el() {
+    return n(this);
+  }
+};
+d.style = u;
+export {
+  d as swirl_radio_group
+};

package/dist/swirl-radio.entry.5ccbc5fa.js

@@ -0,0 +1,29 @@
+import { r as e, c as l, h as i, H as c } from "./index.149af511.js";
+import { c as t } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = class {
+  constructor(r) {
+    e(this, r), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
+      this.checked = !0, this.valueChange.emit(this.value);
+    };
+  }
+  getAriaCheckedLabel(r, a) {
+    return r ? "true" : a ? "false" : "mixed";
+  }
+  render() {
+    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", o = this.getAriaCheckedLabel(a, r), s = this.invalid, d = t("radio", {
+      "radio--checked": a,
+      "radio--disabled": this.disabled,
+      "radio--invalid": this.invalid,
+      "radio--unchecked": r
+    });
+    return i(c, null, i("label", { class: d, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("swirl-visually-hidden", null, i("input", { "aria-checked": o, "aria-invalid": s, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { class: "radio__description" }, this.description))));
+  }
+};
+h.style = n;
+export {
+  h as swirl_radio
+};