@getflip/swirl-components-react 0.314.0 → 0.315.1

package/dist/swirl-emoji-sad.entry.46700a30.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.6ee2c808.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex}", l = d, c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(t, { key: "0c1542ff8797847b0f6efd9a62f6369e45b5689b" }, this.size === 16 && i("img", { key: "d712e23d045e3095d2e9026b5ab72dc24dc35a1d", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && i("img", { key: "2adb36f2c88f115b91b73208a6ad9dc6f10c8e34", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && i("img", { key: "148abd879f05d35195f7ee929d7f96e405d771d4", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && i("img", { key: "054598fcd3b28244452154485b4fe31bbb013d7b", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.75ee7405.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.6ee2c808.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", h = c, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "b9e1c129da6bafc7841b12e76c37f15d683ebecc" }, this.size === 16 && e("img", { key: "4b70c6230e9b1a4f4e87ada17e4ad28b177f383c", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "c5666ba80489bb557a1f21dd6cc5cfd130a2b470", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "24772a8c8d574a8079324aac54e72948a3ab81e2", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "ba2ff59bae999c35d0f495174d402c67db0a27ec", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-icon-arrow-right-small.entry.770dfdc7.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as s } from "./index.6ee2c808.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = o, n = class {
-  constructor(i) {
-    c(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "7d5894dd1fb68f23f8db3a1d4fb2aa3b102abefb", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "e6764e5777287f071aac74193aeac7cacb494bfc" }, e("path", { key: "6b602643780ce1a497e039b659c5de17e9ecaa60", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "44eeca506ea14e2dcb89f69731c9ae28cdbd2195" }, e("path", { key: "d45569910b6ac012ae4fb000dbf9acfb1875c7a4", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "f6fa7d90fc9e2544ffc5509e4a22429594a40833" }, e("path", { key: "5def1069ca7c166b970a86dc7198c6c86f140679", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-check-strong_2.entry.5a97c478.js

@@ -1,32 +0,0 @@
-import { r as a, h as e, F as c } from "./index.6ee2c808.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", o = l, s = class {
-  constructor(i) {
-    a(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "cda1d41622eb3762f02a853d60c210c9c95f624c", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "d3a21a1bc10cffdc25a451c530a625fcf2dca372" }, e("path", { key: "62c83d90b6413cfd8c9d6930b039c988d380024a", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "72b6c95f7460dc5a122e7bd929d8e4295fdb36bd" }, e("path", { key: "34b59ebae193d4bc52e992ff4d3633e35fe630e3", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(c, { key: "e512af0fc89e9ade7f3a521b5bc3a6ab058e1cd4" }, e("path", { key: "22673a4d094f667548bae2cbf681459068f67cd6", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
-  }
-};
-s.style = o;
-const h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = h, n = class {
-  constructor(i) {
-    a(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "1a00d6c98fb59bbb47a677fca1e17ba68630ed3f", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "db148908f813656fd61363965000c9d5aab01122" }, e("rect", { key: "ba1061078d1a17370ab53829d361482f62172649", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "249a4028075d7cfa73e14d6f2dc25f70083aa1bb", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "77e3815103296cd97330d61037f9362ff25a8223", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "5bf4d85146b6ca0bd58743292e394c82596b979c", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "c4ebfab8afa346a53f277b0dffb6078bbe429023", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "7ecac0a7e9f2a728768a92d9156223b0d9121c9f", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "06cd5fae80e582356e0bdcc48e8165dd7e918eac" }, e("rect", { key: "fa681511c1e84c7c77aac80c752650ff6a9d7ccc", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "0a889979861bc8bda1c5abfe108395f74b4be243", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "a525b899590b6de1a43a4b65d220faaea83643fc", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "af77824966e4397af43806aefdea017bd0a374d4", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "a8968ec94603f0dd1bc28dbcad3538900ad7e69a", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "2a626db7ee60382a453aed575679fb039f4fd6dc", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(c, { key: "8bd7949a438be24b0be36af50126ee7c7cf1728e" }, e("rect", { key: "765bd07d5d8390628838a980f317449c45eafdd3", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "5ada502aad59c5f13063c76290dce4e8b5450203", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "015942959a171f2ac91adb618824bbe7dca4be04", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "80f8d00040bc42fcb2f62817557f7a28c938cd04", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "c407510ced9842233089a65fac922e5bb465408c", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "e2a0696a375fc47fd49afa3cb82435a1f4ec284a", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = f;
-export {
-  s as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.45871180.js

@@ -1,19 +0,0 @@
-import { r as a, h as e, F as i } from "./index.6ee2c808.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = r, l = class {
-  constructor(s) {
-    a(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "204cd116d3f51ba58c029f235beaa73804e3bb25", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "54b1a3c8655b1238b2a926e0d8b15f09b49890d0" }, e("path", { key: "911236fe366748cf28de95fb8e2520f89e933507", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "a3e31a8753302d0ec2a6dc778acae63e0555f018" }, e("path", { key: "675d196af5dbb7a174162acdc394c32f99de3890", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "0162ca29fe6a0cf3c8fa6c8905dc3b514524d147" }, e("path", { key: "45a7e3f8325a1174d0420daa9baa49f92d0d4844", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-l.style = n;
-export {
-  l as swirl_icon_dot
-};

package/dist/swirl-modal.entry.c961532b.js

@@ -1,129 +0,0 @@
-import { r as h, c as t, h as e, H as f, g as p } from "./index.6ee2c808.js";
-import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { c as y } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import "react";
-import "react-dom";
-const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--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);--swirl-resource-list-item-background-default:var(
-    --s-surface-overlay-default
-  );--swirl-resource-list-item-background-hovered:var(
-    --s-surface-overlay-hovered
-  );--swirl-resource-list-item-background-pressed:var(
-    --s-surface-overlay-pressed
-  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
-    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
-    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{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:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, _ = g, w = class {
-  constructor(a) {
-    h(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
-      o.code === "Escape" && (o.stopImmediatePropagation(), 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 r, i, l, n, c, m;
-      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.scrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.scrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
-      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), s !== this.scrollable && (this.scrollable = s);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
-  }
-  componentDidLoad() {
-    this.focusTrap = y(this.modalEl, {
-      allowOutsideClick: !0,
-      tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
-      }
-    }), this.determineScrollStatus(), queueMicrotask(() => {
-      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
-    });
-  }
-  componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
-  }
-  disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
-  }
-  onWindowResize() {
-    this.determineScrollStatus();
-  }
-  async open() {
-    this.isOpen = !0, this.modalOpen.emit(), setTimeout(() => {
-      this.lockBodyScroll(), this.determineScrollStatus();
-    }), setTimeout(() => {
-      this.focusTrap.activate(), this.handleAutoFocus();
-    }, 200);
-  }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
-    }, 150)));
-  }
-  updateCustomFooterStatus() {
-    this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
-  }
-  updateCustomHeaderStatus() {
-    this.hasCustomHeader = Boolean(this.el.querySelector('[slot="custom-header"]'));
-  }
-  updateHeaderToolsStatus() {
-    this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
-  }
-  updateSecondaryContentStatus() {
-    this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
-  }
-  handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
-  }
-  lockBodyScroll() {
-    u(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    b(this.scrollContainer);
-  }
-  render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
-      "modal--closing": this.closing,
-      "modal--has-custom-footer": this.hasCustomFooter,
-      "modal--has-custom-header": this.hasCustomHeader,
-      "modal--has-header-tools": this.hasHeaderTools,
-      "modal--has-secondary-content": this.hasSecondaryContent && !this.hideSecondaryContent,
-      "modal--hide-label": this.hideLabel,
-      "modal--padded": this.padded,
-      "modal--scrollable": this.scrollable,
-      "modal--scrolled": this.scrolled,
-      "modal--scrolled-down": this.scrolledDown,
-      "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
-    });
-    return e(f, { key: "489e6f51113342c2bd3df6952f6cb624f96a5752" }, e("section", { key: "052d8e44f60607b98a0c44a8cf5b2b5d0769ed4e", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "412f3ba042f44340e27d29635df3c0bb7b546ab3", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "d50c04d55d1776c3abc92754508264c75e4153bf", class: "modal__body", style: {
-      "--swirl-modal-max-height": this.maxHeight,
-      "--swirl-modal-height": this.height,
-      minHeight: this.minHeight,
-      maxWidth: this.maxWidth
-    } }, e("header", { key: "e4565be23a59443f9c96d4059f4da68e0eeae8a7", class: "modal__custom-header" }, e("slot", { key: "d6eec7880f41b72574eefe0fcee99147e2b7c02f", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "93dbd08e5069064270c5765b7d8832a534a63685", class: "modal__header" }, e("div", { key: "18a11e0d9078daafc08d06e9ebce86781442dc84", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "85e45fac1cda1bceeeb37c6c18834ebc84fbf854", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && e("swirl-heading", { key: "73304efa624ecdf6536fd084d8cfe7445a88d04b", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "896b4e3a5ceec854b264d6f780b7d1e592a72a29", class: "modal__content-container", style: {
-      gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "7ecfec7fa0b1c8fedd5d4dc3aa74f4e6413aa6c4", class: "modal__primary-content", style: {
-      maxWidth: this.primaryContentMaxWidth,
-      flex: this.primaryContentFlex
-    } }, e("div", { key: "2807d370099a4311012e4d7a4ab6047aa1d4ad84", class: "modal__header-tools" }, e("slot", { key: "67e63aa64416e028fce9457b8d94f756b8550727", name: "header-tools" })), e("div", { key: "8e0b2301c72bf8f9404800187c2076904a405253", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "125a1753f5191201728b40ef846e29d4ed53631b" }))), e("div", { key: "8a0d01f693d63dcac146f30ac3c6690fb35aad44", class: "modal__secondary-content", style: {
-      maxWidth: this.secondaryContentMaxWidth,
-      flex: this.secondaryContentFlex,
-      padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
-      paddingBlockEnd: Boolean(this.secondaryContentPaddingBlockEnd) ? `var(--s-space-${this.secondaryContentPaddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "eb019f455144b468f9d6c409a297981bd4823d50", name: "secondary-content" }))), e("div", { key: "5d9ee4d9c20182b4f7f327ca6526632ea7c93382", class: "modal__custom-footer" }, e("slot", { key: "b586fad0746334c818784b5a6e37bdd70838b12c", name: "custom-footer" })), a && e("footer", { key: "2c11ab500412841d0356e952de246c12163e3c04", class: "modal__controls" }, e("swirl-button-group", { key: "e813aadf4314368b8e6153a346e8a0934101245e", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "9a31c1969a6a276809f0e3eb907761def71f8464", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "3f5883b9d453cb2d8b47bbf34797aaef72e0bff8", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
-  }
-  get el() {
-    return p(this);
-  }
-};
-w.style = _;
-export {
-  w as swirl_modal
-};

package/dist/swirl-symbol-roadmap.entry.637b65ad.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as a } from "./index.6ee2c808.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "c3f30e31c59d8e818c32234dfdb0b678ccf1a228", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(a, { key: "8ab0fff740890ac1436fdc1a7aa097f759a84351" }, e("path", { key: "77eaf3735b07edc9b150f9810e02c3a0d80d8ea1", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_roadmap
-};

package/dist/swirl-symbol-smartphone.entry.05481455.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.6ee2c808.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, c = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "58213cd7dd337ca12f02ee3ec3b335bb726e4d7a", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "a4d55037056bdb4b7266cb6b6f570366a2a8cd54" }, e("path", { key: "30508f3a43fa0bac38c29a9a4ebc80697e171c0e", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_smartphone
-};

package/dist/swirl-symbol.entry.86b19c75.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.6ee2c808.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, o = class {
-  constructor(s) {
-    i(this, s), this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "0073d9de59130938071dbdaa593684bc2d8f69cb" }, e(s, { key: "aa2bd716712c79bea03140ce124c952ba59a758a", size: this.size }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_symbol
-};

package/dist/swirl-visually-hidden.entry.dff02d0f.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.6ee2c808.js";
-import "react";
-import "react-dom";
-const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", a = l, t = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "7294850eef8e84a5e02f997c93985c5637b8b8d3" }, e("slot", { key: "97659cec31fbca092e6e403c0fea4c0cdbe453aa" }));
-  }
-};
-t.style = a;
-export {
-  t as swirl_visually_hidden
-};