@getflip/swirl-components-react 0.295.0 → 0.296.1

package/dist/swirl-description-list.entry.af521b65.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.e05ba315.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", o = r, c = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "30798626816ac4dd33d3b45bebedcd971592dc4b" }, i("div", { key: "9d4eb0f6ab39af4a484e0585c0aa9d659750feb8", class: "description-list", role: "list" }, i("slot", { key: "73db1112b1e2cfa80e58f3df00cd2cd4a22ffc2a" })));
-  }
-};
-c.style = o;
-export {
-  c as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.5620bb7f.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.e05ba315.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "50155b76a8d9872c563c7df3484ff1488a707430" }, this.size === 16 && e("img", { key: "4f2c058133389adbb098b4cbc63f0d5b6b56a01d", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "bd132ecc39387cf5605ee43efe271abdecc78ada", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "7b9aed4ddd73ea4da5e18eccea1e9bb4d579a9fe", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "faa7a849c49942016950c30452eebfd6d214dcf0", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.9ce8ef5d.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.e05ba315.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "0c1cdfb1df56931c6818ac404aba2a6ef1fc56c8" }, this.size === 16 && e("img", { key: "8644d99175816af48842f8ee454e8a31e53f9c2d", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "4e774a810ba3e508ae679cf8f4a6a1ff6231ea0f", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "3a0569345f3ed4d07a724c7b0c7451d62adaa979", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "caaeb66cbdf0772fb34be7e28e801f72c4874a60", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.f041b710.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.e05ba315.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, d = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "cc5251f4d26bd487b5b5b77e3828b2ce13a56bfa" }, this.size === 16 && s("img", { key: "5eed545da9d300fdcf9e4d40be7d95f4f2ccd3d4", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "cbe0e494f60a3a0c582f784d6769256954c32a96", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "0f4378a1d517b2725f4cb8b2101ef839039be298", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "5386750053096da1a3215aa6168a1db16a69b94e", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.ea0d03a9.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.e05ba315.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, o = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "3986ac0b093b2c9601eb2c53a309cd29b7469784" }, this.size === 16 && s("img", { key: "514ba8af0daa5ba9ebd88e5d8d51ed79cb9be340", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "0ed4315d1fae4d867c997f12e469dcd6bcb63a64", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "d20450b28536f6019ce70134f7b9427f88639ddb", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "44913c99a237ec4aab925c5b078fc33457f1215e", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.25802e35.js

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

package/dist/swirl-emoji.entry.46b8ca9b.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.e05ba315.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, a = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "963f5b84ab6c5504e90d2ee87dedf73025db215c" }, e(s, { key: "55f60d5ba9ab46f3858f0c9cdbaaf904753f6170", label: this.label, size: this.size }));
-  }
-};
-a.style = o;
-export {
-  a as swirl_emoji
-};

package/dist/swirl-icon-ai-filled.entry.a9ac3dba.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as s } from "./index.e05ba315.js";
-import { c as o } 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%}", l = r, a = 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
-    }, L = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "b8ece351e54db30f5f72be0745a59b7696b5c073", "aria-hidden": "true", class: L, 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: "3f56dd134b614b77c67c2f6955492e14d6ec3ec8" }, e("path", { key: "addee4fb1d2a48b9ff52291744f30a2718c98271", d: "M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "683ace5ac56b6e387056dd0b59dc6e1a5590b0bd" }, e("path", { key: "49350fdfa574b54de0c4c0bbcdd84a6109aa7d70", d: "M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "6ef8940bd47bdcca8e304742360ff06513b086e4" }, e("path", { key: "d66d7f2e8d36991b0ef531f8527f0b1c77560a45", d: "M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })));
-  }
-};
-a.style = l;
-export {
-  a as swirl_icon_ai_filled
-};

package/dist/swirl-icon-check-strong.entry.af704277.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as s } from "./index.e05ba315.js";
-import { c as r } 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%}", n = l, a = 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
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "810412382662bc5ec0382e29e5a5d54212b57b3e", "aria-hidden": "true", class: o, 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: "1bfc303a4fc2ae7e44d23f04e1358ba03af7806c" }, e("path", { key: "16273460423ca0489be8a04207fe7f110b032f56", "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(s, { key: "43a0dc3baef32e307da04911cfe2e44260495907" }, e("path", { key: "0b7fa295508c63bd95b7dda626c8743c16467ead", "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(s, { key: "6f12d8c5e18428dc0c6a6563dbcbd9eb61643596" }, e("path", { key: "5f70f9f67b5fe444a36c8d8511a32074abd8d82b", "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" })));
-  }
-};
-a.style = n;
-export {
-  a as swirl_icon_check_strong
-};

package/dist/swirl-icon-dot.entry.2d94bf84.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as i } from "./index.e05ba315.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = a, n = class {
-  constructor(s) {
-    c(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 = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "e40f565d37de89aef6d79a5fba7de757f1716acc", "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: "a8d0d0b6c463b6f2ce3779eaff8d1184b5362d9c" }, e("path", { key: "299fe7911c3af89d03eff1b58751c4eb93038ae2", 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: "2923fb1a4a4a37ebd46e9205e7a9f2267f3dbb3e" }, e("path", { key: "08a78f027c26b1050d1dd0d6e0987532a68cd994", 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: "9fd340ab1ef8fcb12bdeac47e734dc19cfd06f76" }, e("path", { key: "edb740767621c79b128936502cd34342187cfdd6", 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" })));
-  }
-};
-n.style = d;
-export {
-  n as swirl_icon_dot
-};

package/dist/swirl-option-list-section.entry.79b9a5c3.js

@@ -1,15 +0,0 @@
-import { r as a, h as s, H as t } from "./index.e05ba315.js";
-import "react";
-import "react-dom";
-const e = ":host{display:block;width:100%}: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);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)}}", o = e, c = class {
-  constructor(i) {
-    a(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(t, { key: "c02de04bd11cce77a9370322046289994477c5ad" }, this.hasSeparator && s("swirl-separator", { key: "055bdf6108e21cbaf9f1d62d3071fe72c12f360a", spacing: this.separatorSpacing }), s("div", { key: "d96cdc9aa5adecabf1beadcd7b4daaa8cf537e81", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "31a3f661c238d15357dc3282327bbbddd4b8d1de", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "20e64f65904208e8fd238cf6ab27506ba8394bf5", spacing: this.spacing, align: "stretch" }, s("slot", { key: "c5ab020e49810f3060da43a20bbc83d8486ccc73" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_option_list_section
-};

package/dist/swirl-symbol-roadmap.entry.30c704bc.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as a } from "./index.e05ba315.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: "a220c39b6da605d2ba7b25dc219a99ac4d105206", 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: "a74ce1ec2b93059cf321f463b8975b6f928546ad" }, e("path", { key: "80fee7b8cb52facaf0eb1ec4118350b7a550da40", 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.entry.0fe0b316.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.e05ba315.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: "a775cac2247d092974bf2dce52575618f570a1c0" }, e(s, { key: "2f6827a3601f5fcff694cb271926e9e80c33dca9", size: this.size }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_symbol
-};

package/dist/swirl-tree-view-item.entry.a4a35ed1.js

@@ -1,55 +0,0 @@
-import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.e05ba315.js";
-import { c as h } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
-  constructor(t) {
-    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
-      this.selected || this.select();
-    }, this.onClickCollapse = (i) => {
-      i.preventDefault(), i.stopPropagation(), this.collapse();
-    }, this.onClickExpand = (i) => {
-      i.preventDefault(), i.stopPropagation(), this.expand();
-    }, this.active = void 0, this.expandable = !0, this.href = void 0, this.icon = void 0, this.iconColor = void 0, this.itemId = void 0, this.label = void 0, this.expanded = !1, this.level = 0, this.selected = !1;
-  }
-  componentWillLoad() {
-    this.updateLevel();
-  }
-  async expand() {
-    this.expanded || !this.expandable || (this.expanded = !0, this.expandedChange.emit(this.expanded));
-  }
-  async collapse() {
-    !this.expanded || !this.expandable || (this.expanded = !1, this.expandedChange.emit(this.expanded));
-  }
-  async select(t) {
-    var i;
-    this.selected = !0, t && ((i = this.link) == null || i.focus()), this.itemSelected.emit(this.el);
-  }
-  async unselect() {
-    this.selected = !1;
-  }
-  updateLevel() {
-    var i, s;
-    let t = (i = this.el.parentElement) == null ? void 0 : i.closest("swirl-tree-view-item");
-    for (; Boolean(t); )
-      this.level += 1, t = (s = t.parentElement) == null ? void 0 : s.closest("swirl-tree-view-item");
-  }
-  render() {
-    const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
-      "tree-view-item--active": this.active,
-      "tree-view-item--has-tags": t
-    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "0f6136f547a9222d81f5879b03b7693cee12be79", id: this.itemId, role: "none" }, e("li", { key: "39e82efa16e592b0fd16cfb9f0dbff080d576ada", class: s, role: "none" }, e("a", { key: "7fedb6deb583e17c4cd8db10aaeed4003e52f57b", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
-      paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "46db3460c3adb7034527e35f6608fd3c99d23d6c", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "750f8640e9474686122bb9dec9f5bef200116827" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "3b5b6625449c845e78c6f9c404a53b8c5ace1c56" }, e("span", { key: "0ccc884558049222e1ac47659ea1e0e76e18cee8", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "9198b324756d32d9967c69e8460b0be07735fa25", class: "tree-view-item__label" }, this.label), e("span", { key: "24b62ac74ebd0446d748fc4477734800faa4c888", class: "tree-view-item__tags" }, e("slot", { key: "16ce0a3f727b177b4f09bbda543df06d8282a386", name: "tags" }))), e("ul", { key: "46fca36bc60f706d014c7347acfc303edd672bbf", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "a7eb07a70ab5fbc6d5368633e4a15eb3f3ed5cca" }))));
-  }
-  get el() {
-    return o(this);
-  }
-};
-v.style = m;
-export {
-  v as swirl_tree_view_item
-};

package/dist/swirl-tree-view.entry.2de37b77.js

@@ -1,127 +0,0 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.e05ba315.js";
-import "react";
-import "react-dom";
-const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
-  constructor(e) {
-    p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
-      this.init();
-    }, this.initiallyExpandedItemIds = void 0, this.label = void 0;
-  }
-  componentDidLoad() {
-    Boolean(this.initiallyExpandedItemIds) && this.expandItems(this.initiallyExpandedItemIds), this.init();
-  }
-  async expandItems(e) {
-    this.getItems().filter((s) => e.includes(s.itemId)).forEach((s) => s.expand());
-  }
-  onKeyDown(e) {
-    e.key === "ArrowDown" ? (e.preventDefault(), this.selectNextItem()) : e.key === "ArrowUp" ? (e.preventDefault(), this.selectPreviousItem()) : e.key === "ArrowRight" ? (e.preventDefault(), this.expandSelectedItem()) : e.key === "ArrowLeft" ? (e.preventDefault(), this.collapseSelectedItem()) : e.key === "Home" ? (e.preventDefault(), this.selectFirstItem()) : e.key === "End" && (e.preventDefault(), this.selectLastItem());
-  }
-  onItemSelected(e) {
-    this.getItems().forEach((t) => {
-      t !== e.target && t.unselect();
-    });
-  }
-  onExpandedChange(e) {
-    const t = e.target;
-    (t == null ? void 0 : t.tagName) === "SWIRL-TREE-VIEW-ITEM" && this.itemExpansionChanged.emit({
-      itemId: t.itemId,
-      expanded: e.detail
-    });
-  }
-  init() {
-    var s;
-    const e = this.getSelectedItem(), t = this.getItems();
-    t.forEach((l) => l.unselect()), Boolean(e) ? e.select() : (s = t[0]) == null || s.select();
-  }
-  selectFirstItem() {
-    var e;
-    this.unselectAllItems(), (e = this.getItems()[0]) == null || e.select(!0);
-  }
-  selectLastItem() {
-    const t = this.getItems().filter((s) => {
-      var l;
-      return ((l = s.parentElement.closest("swirl-tree-view-item")) == null ? void 0 : l.querySelector(':scope > li > [aria-expanded="true"]')) || !Boolean(s.parentElement.closest("swirl-tree-view-item"));
-    }).pop();
-    this.unselectAllItems(), t == null || t.select(!0);
-  }
-  expandSelectedItem() {
-    const e = this.getSelectedItem();
-    if (!Boolean(e))
-      return;
-    this.isItemExpanded(e) ? this.selectNextItem() : e.expand();
-  }
-  collapseSelectedItem() {
-    const e = this.getSelectedItem();
-    if (!Boolean(e))
-      return;
-    if (this.isItemExpanded(e))
-      e.collapse();
-    else {
-      const s = e.parentElement.closest("swirl-tree-view-item");
-      if (!Boolean(s))
-        return;
-      this.unselectAllItems(), s.select(!0);
-    }
-  }
-  selectNextItem() {
-    var c;
-    const e = this.getSelectedItem(), t = this.isItemExpanded(e), s = this.getNextSibling(e);
-    let l = e.parentElement.closest("swirl-tree-view-item"), r = this.getNextSibling(l);
-    for (; Boolean(l) && !Boolean(r); )
-      l = l == null ? void 0 : l.parentElement.closest("swirl-tree-view-item, swirl-tree-view"), r = this.getNextSibling(l);
-    const a = e.querySelector("swirl-tree-view-item"), n = t ? a : s || r;
-    !Boolean(n) || (this.unselectAllItems(), (c = n.select) == null || c.call(n, !0));
-  }
-  selectPreviousItem() {
-    var n, c;
-    const e = this.getItems(), t = this.getSelectedItem(), s = this.getPreviousSibling(t);
-    if (Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'))) {
-      let i = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'));
-      for (; d; )
-        i = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(i == null ? void 0 : i.querySelector('[aria-expanded="true"]'));
-      e.forEach((m) => m.unselect()), (n = i.select) == null || n.call(i, !0);
-      return;
-    }
-    const r = t.parentElement.closest("swirl-tree-view-item"), a = s || r;
-    !Boolean(a) || (e.forEach((i) => i.unselect()), (c = a.select) == null || c.call(a, !0));
-  }
-  unselectAllItems() {
-    this.getItems().forEach((e) => e.unselect());
-  }
-  getItems() {
-    return Array.from(this.el.querySelectorAll("swirl-tree-view-item"));
-  }
-  getSelectedItem() {
-    return this.getItems().find((e) => {
-      var t;
-      return ((t = e.querySelector("a")) == null ? void 0 : t.getAttribute("aria-selected")) === "true";
-    });
-  }
-  isItemExpanded(e) {
-    return Boolean(e.querySelector(':scope > li > [aria-expanded="true"]'));
-  }
-  getNextSibling(e) {
-    var s, l, r;
-    if (((s = e == null ? void 0 : e.nextElementSibling) == null ? void 0 : s.tagName) === "SWIRL-TREE-VIEW-ITEM")
-      return e.nextElementSibling;
-    const t = (r = (l = e == null ? void 0 : e.parentElement) == null ? void 0 : l.nextElementSibling) == null ? void 0 : r.querySelector("swirl-tree-view-item");
-    return t != null ? t : void 0;
-  }
-  getPreviousSibling(e) {
-    var s, l, r;
-    if (((s = e == null ? void 0 : e.previousElementSibling) == null ? void 0 : s.tagName) === "SWIRL-TREE-VIEW-ITEM")
-      return e.previousElementSibling;
-    const t = (r = (l = e == null ? void 0 : e.parentElement) == null ? void 0 : l.previousElementSibling) == null ? void 0 : r.querySelector("swirl-tree-view-item");
-    return t != null ? t : void 0;
-  }
-  render() {
-    return o(I, { key: "caa7174a0cddd890bda97332701e66ef4ac9195a" }, o("ul", { key: "7648d3a86e8e7f9e4698085f86aa579894f1ee0f", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "54224ff085a157bd7220d6ca34e9b00493ec50fc", onSlotchange: this.onSlotChange })));
-  }
-  get el() {
-    return h(this);
-  }
-};
-w.style = f;
-export {
-  w as swirl_tree_view
-};

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

@@ -1,15 +0,0 @@
-import { r, h as i, H as d } from "./index.e05ba315.js";
-import "react";
-import "react-dom";
-const e = ".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 = e, l = class {
-  constructor(s) {
-    r(this, s);
-  }
-  render() {
-    return i(d, { key: "7d8a0a62d60c8a158bdcbf1cab24f1f11527ed33" }, i("slot", { key: "742a1b41a3b89fcded12b2b9ddfb1665a54f805c" }));
-  }
-};
-l.style = a;
-export {
-  l as swirl_visually_hidden
-};