@swell/swell-ui 0.1.0 → 0.1.1

package/dist/chunks/select-DS1n_htj.js

@@ -0,0 +1,331 @@
+import { n as e, r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r, t as i } from "./description-BHfQ8meK.js";
+import { a, n as o } from "./element-B4-_7TLZ.js";
+import { n as s, t as c } from "./popup-Dbh2fchP.js";
+import { n as l, r as u } from "./select-option-DoM9GAe0.js";
+// src/components/core/select/select.css?inline
+var d = ":host{--_swell-control-font-size:var(--swell-control-font-size);--_swell-control-height:var(--swell-control-height)}:host([size=xsmall]){--_swell-control-font-size:var(--swell-control-xsmall-font-size);--_swell-control-height:var(--swell-control-xsmall-height)}:host([size=small]){--_swell-control-font-size:var(--swell-control-small-font-size);--_swell-control-height:var(--swell-control-small-height)}:host([size=large]){--_swell-control-font-size:var(--swell-control-large-font-size);--_swell-control-height:var(--swell-control-large-height)}:host([size=xlarge]){--_swell-control-font-size:var(--swell-control-xlarge-font-size);--_swell-control-height:var(--swell-control-xlarge-height)}:host{--_swell-select-small-text:max(12px, calc(var(--_swell-control-font-size) - 1px));--_swell-select-raised:clamp(11px, calc(var(--_swell-control-font-size) - 2px), 13px);--_swell-select-raised-line:round(up, calc(var(--_swell-select-raised) * 4 / 3), 2px);--_swell-select-rise:min(calc(.6 * var(--_swell-control-font-size) + 1.6px), calc(var(--_swell-control-height) / 2 - var(--_swell-select-raised-line) / 2 - 2px));gap:var(--swell-field-gap);display:grid}:host [hidden]{display:none!important}:host .box{gap:var(--swell-field-gap);display:grid;position:relative}:host .label{font:var(--swell-field-label-font-weight) var(--_swell-select-small-text) / var(--swell-font-leading) var(--swell-field-label-font-family);letter-spacing:var(--swell-field-label-font-tracking);color:var(--swell-field-label-color-foreground)}:host .field{box-sizing:border-box;gap:calc(var(--_swell-control-font-size) - 6px);height:var(--_swell-control-height);padding-inline:var(--_swell-control-font-size) calc(var(--_swell-control-font-size) - 2px);border:var(--swell-border-width) solid var(--swell-field-color-border);border-radius:var(--swell-border-radius);font:var(--swell-font-weight) var(--_swell-control-font-size) / normal var(--swell-font-family);letter-spacing:var(--swell-font-tracking);color:var(--swell-field-color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--swell-motion-duration-fast) var(--swell-motion-easing), box-shadow var(--swell-motion-duration-base) var(--swell-motion-easing);background:0 0;align-items:center;display:flex}:host .field:hover{border-color:var(--swell-field-hover-color-border)}:host(:disabled) .field{cursor:not-allowed;opacity:var(--swell-control-disabled-opacity)}:host(:state(outline)) .field{background:var(--swell-field-outline-color-background)}:host(:state(filled)) .field{border-width:0 0 var(--swell-border-width);border-radius:var(--swell-border-radius) var(--swell-border-radius) 0 0;background:var(--swell-field-color-background)}:host(:state(underline)) .field{border-width:0 0 var(--swell-border-width);border-radius:0;padding-inline:0}:host([invalid]) .field{border-color:var(--swell-color-danger);animation:swell-select-shake var(--swell-motion-duration-slow) var(--swell-motion-easing)}:host .field:focus,:host(:state(open)) .field{border-color:var(--swell-focus-color);outline:none}:host(:state(outline)[invalid]) .field{box-shadow:0 0 0 var(--swell-field-ring-width) var(--swell-field-invalid-color-ring)}:host(:state(outline)) .field:focus,:host(:state(outline):state(open)) .field{box-shadow:0 0 0 var(--swell-field-ring-width) var(--swell-field-focus-color-ring)}:host(:is(:state(filled),:state(underline))) .field:focus,:host(:is(:state(filled),:state(underline)):state(open)) .field{box-shadow:inset 0 calc(-1 * var(--swell-border-width)) 0 var(--swell-focus-color)}:host([invalid]) .field:focus,:host([invalid]:state(open)) .field{border-color:var(--swell-color-danger)}:host(:state(outline)[invalid]) .field:focus,:host(:state(outline)[invalid]:state(open)) .field{box-shadow:0 0 0 var(--swell-field-ring-width) var(--swell-field-invalid-color-ring), inset 0 0 0 var(--swell-border-width) var(--swell-color-danger)}:host(:is(:state(filled),:state(underline))[invalid]) .field:focus,:host(:is(:state(filled),:state(underline))[invalid]:state(open)) .field{box-shadow:inset 0 calc(-1 * var(--swell-border-width)) 0 var(--swell-color-danger)}@keyframes swell-select-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}:host .value{gap:calc(var(--_swell-control-font-size) - 6px);flex:1;align-items:center;min-width:0;display:flex}:host .start{flex:none;align-items:center;display:flex}:host .start:empty{display:none}:host .start svg{width:calc(var(--_swell-control-font-size) + 4px);height:calc(var(--_swell-control-font-size) + 4px);color:var(--swell-color-secondary-foreground);display:block}:host .text,:host .placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}:host .placeholder{color:var(--swell-color-secondary-foreground)}:host .chevron{width:calc(var(--_swell-control-font-size) + 4px);height:calc(var(--_swell-control-font-size) + 4px);color:var(--swell-color-secondary-foreground);transition:transform var(--swell-motion-duration-base) var(--swell-motion-easing);flex:none;display:grid}:host .chevron svg{width:100%;height:100%}:host(:state(open)) .chevron{transform:rotate(180deg)}:host .swell-select-hint,:host .swell-select-error{font:var(--swell-font-weight) var(--_swell-select-small-text) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);color:var(--swell-color-secondary-foreground)}:host .swell-select-error:not([hidden]){font-weight:var(--swell-font-strong-weight);color:var(--swell-color-danger);animation:swell-select-enter var(--swell-motion-duration-base) var(--swell-motion-easing)}@keyframes swell-select-enter{0%{opacity:0;transform:translateY(-6px)}}:host(:state(floating)) .box{display:block}:host .optional{font-weight:var(--swell-font-weight);color:var(--swell-color-secondary-foreground)}:host(:state(floating)) .optional{font-weight:inherit}:host(:state(floating)) .label{inset-inline-start:calc(var(--_swell-control-font-size) + var(--swell-border-width));top:calc(var(--_swell-control-height) / 2);font-size:var(--_swell-control-font-size);font-weight:var(--swell-font-weight);line-height:round(up, calc(var(--_swell-control-font-size) * 4 / 3), 2px);color:var(--swell-color-secondary-foreground);pointer-events:none;transition:transform var(--swell-motion-duration-base) var(--swell-motion-easing), font-size var(--swell-motion-duration-base) var(--swell-motion-easing), line-height var(--swell-motion-duration-base) var(--swell-motion-easing);position:absolute;transform:translateY(-50%)}:host(:state(underline):state(floating)) .label{inset-inline-start:0}:host(:state(floating)) .box:has(.label:not([hidden])) :is(.value,.placeholder){padding-top:var(--_swell-select-raised-line);line-height:1.2}:host(:state(floating):state(empty):not(:state(open),:focus-within)) .box:has(.label:not([hidden])) .placeholder{opacity:0}:host(:state(floating):is(:not(:state(empty)),:state(open),:focus-within)) .label{font-size:var(--_swell-select-raised);font-weight:var(--swell-font-medium-weight);line-height:var(--_swell-select-raised-line);transform:translateY(calc(-50% - var(--_swell-select-rise)))}:host .list{box-sizing:border-box;border:var(--swell-border-width) solid var(--swell-overlay-color-border);border-radius:var(--swell-overlay-border-radius);font:var(--swell-font-weight) var(--_swell-control-font-size) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);background:var(--swell-overlay-color-background);color:var(--swell-field-color-foreground);box-shadow:var(--swell-overlay-shadow) var(--swell-overlay-color-shadow);transform-origin:top;overscroll-behavior:contain;margin:0;padding:0;position:fixed;inset:auto;overflow:auto}:host .list:popover-open{animation:swell-select-below var(--swell-motion-duration-base) var(--swell-motion-easing)}:host .list.above{transform-origin:bottom}:host .list.above:popover-open{animation-name:swell-select-above}@keyframes swell-select-below{0%{opacity:0;transform:scale(.96)translateY(-6px)}}@keyframes swell-select-above{0%{opacity:0;transform:scale(.96)translateY(6px)}}@media (forced-colors:active){:host .field,:host .list{box-shadow:none;border-color:canvastext}:host .field:focus{outline:2px solid highlight}}", f = /* @__PURE__ */ t({ SwellSelect: () => v }), p = "\n  <div class=\"box\">\n    <div class=\"label\" id=\"label\" hidden></div>\n    <div class=\"field\" role=\"combobox\" tabindex=\"0\" aria-haspopup=\"listbox\" aria-controls=\"list\" aria-expanded=\"false\">\n      <span class=\"value\" hidden><span class=\"start\" aria-hidden=\"true\"></span><span class=\"text\"></span></span>\n      <span class=\"placeholder\"></span>\n      <span class=\"chevron\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg></span>\n    </div>\n  </div>\n  <div class=\"list\" id=\"list\" role=\"listbox\" popover=\"auto\"><slot></slot></div>\n  <select class=\"autofill\" hidden></select>", m = 500, h = 10, g;
+function _() {
+	if (g === void 0) {
+		let e = document.createElement("form"), t = document.createElement("select");
+		t.required = !0, e.append(t), g = t.validationMessage;
+	}
+	return g;
+}
+var v = class extends o {
+	static appearance = "field";
+	static styles = d;
+	static template = p;
+	static formAssociated = !0;
+	static observedAttributes = [
+		...o.observedAttributes,
+		"label",
+		"optional",
+		"hint",
+		"error",
+		"invalid",
+		"name",
+		"value",
+		"placeholder",
+		"required",
+		"disabled",
+		"autocomplete",
+		"aria-label"
+	];
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o;
+	#s;
+	#c;
+	#l = !1;
+	#u;
+	#d;
+	#f = !0;
+	#p = !1;
+	#m;
+	#h = !1;
+	#g;
+	#_ = "";
+	#v;
+	constructor() {
+		super();
+		let e = this.shadowRoot, t = (t) => e.querySelector(`.${t}`);
+		this.#e = t("label"), this.#t = t("field"), this.#n = t("value"), this.#r = t("start"), this.#i = t("text"), this.#a = t("placeholder"), this.#o = t("list"), this.#s = e.querySelector("slot"), this.#c = e.querySelector(".autofill"), this.#c.addEventListener("input", (e) => e.stopPropagation()), this.#c.addEventListener("change", () => {
+			let e = this.#C()[this.#c.selectedIndex - 1];
+			e && !this.#b && this.#R(e);
+		}), this.#u = i("swell-select", "field"), t("box").after(this.#u.hint, this.#u.error), this.#s.addEventListener("slotchange", () => this.#U()), this.#t.addEventListener("pointerdown", () => {
+			this.#h = this.#p, addEventListener("pointerup", this.#A, { capture: !0 }), addEventListener("pointercancel", this.#A, { capture: !0 });
+		}), this.#t.addEventListener("click", () => this.#T()), this.#e.addEventListener("click", () => {
+			this.#b || this.#t.focus();
+		}), this.#o.addEventListener("mousedown", (e) => {
+			e.target === this.#o && e.preventDefault();
+		}), this.#o.addEventListener("beforetoggle", (e) => this.#O(e.newState === "open")), this.addEventListener("keydown", this.#M), this.addEventListener("focusout", this.#I), u.link(this, {
+			choose: (e) => {
+				e instanceof l && this.#L(e);
+			},
+			refresh: (e) => {
+				e instanceof l && this.#z(e);
+			}
+		}), new MutationObserver((e) => {
+			let t = /* @__PURE__ */ new Set();
+			for (let n of e) {
+				if (n.target === this) continue;
+				let e = n.target;
+				for (; e && e.parentNode !== this;) e = e.parentNode;
+				e instanceof l && (n.type !== "attributes" || e !== n.target) && t.add(e);
+			}
+			for (let e of t) this.#z(e);
+		}).observe(this, {
+			childList: !0,
+			characterData: !0,
+			attributes: !0,
+			subtree: !0
+		});
+	}
+	get value() {
+		return this.#y ?? "";
+	}
+	set value(e) {
+		this.#d = String(e), this.#U();
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	get required() {
+		return this.hasAttribute("required");
+	}
+	set required(e) {
+		this.toggleAttribute("required", !!e);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	get invalid() {
+		return this.hasAttribute("invalid");
+	}
+	set invalid(e) {
+		this.toggleAttribute("invalid", !!e);
+	}
+	get form() {
+		return this.internals.form;
+	}
+	get validity() {
+		return this.internals.validity;
+	}
+	get validationMessage() {
+		return this.internals.validationMessage;
+	}
+	get willValidate() {
+		return this.internals.willValidate;
+	}
+	checkValidity() {
+		return this.internals.checkValidity();
+	}
+	reportValidity() {
+		return this.internals.reportValidity();
+	}
+	focus(e) {
+		this.#t.focus(e);
+	}
+	connectedCallback() {
+		for (let t of [
+			"value",
+			"name",
+			"required",
+			"disabled",
+			"invalid"
+		]) e(this, t);
+		super.connectedCallback(), this.#U();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#O(!1);
+	}
+	formResetCallback() {
+		this.#d = void 0, this.#U();
+	}
+	formDisabledCallback() {
+		this.#U();
+	}
+	formStateRestoreCallback(e) {
+		typeof e == "string" && (this.#d = e, this.#U());
+	}
+	update() {
+		this.#U();
+	}
+	extraStates() {
+		let e = a(this);
+		return [
+			...e ? [e] : [],
+			...this.#f ? ["empty"] : [],
+			...this.#p ? ["open"] : []
+		];
+	}
+	get #y() {
+		return this.#d ?? this.getAttribute("value");
+	}
+	get #b() {
+		return this.matches(":disabled");
+	}
+	#x;
+	#S() {
+		return this.#s.assignedElements().filter((e) => e instanceof l && !e.hidden);
+	}
+	#C() {
+		return this.#S().filter((e) => !e.disabled);
+	}
+	#w() {
+		return this.#C().find((e) => e.selected);
+	}
+	#T() {
+		let e = this.#h || this.#p;
+		this.#h = !1, e ? this.#D(!0) : this.#E(this.#w() ?? this.#C()[0]);
+	}
+	#E(e) {
+		this.#b || (this.#p || this.#o.showPopover(), this.#k(), e?.focus());
+	}
+	#D(e) {
+		this.#p && this.#o.hidePopover(), e && this.#t.focus();
+	}
+	#O(e) {
+		e !== this.#p && (this.#p = e, this.#t.setAttribute("aria-expanded", String(e)), this.#g?.(), this.#g = e ? c(this.#k) : void 0, this.updateStates());
+	}
+	#k = () => {
+		this.#o.classList.toggle("above", s(this.#t, this.#o, this));
+	};
+	#A = () => {
+		removeEventListener("pointerup", this.#A, { capture: !0 }), removeEventListener("pointercancel", this.#A, { capture: !0 }), setTimeout(() => this.#h = !1);
+	};
+	#j(e, t) {
+		clearTimeout(this.#v), this.#_ += e.toLowerCase(), this.#v = setTimeout(() => this.#_ = "", m);
+		let n = this.#_, r = [...n].every((e) => e === n[0]) ? n.charAt(0) : n, i = this.#C(), a = t ? i.indexOf(t) : -1, o = r.length === 1 ? a + 1 : Math.max(a, 0);
+		return [...i.slice(o), ...i.slice(0, o)].find((e) => e.label.toLowerCase().startsWith(r));
+	}
+	#M = (e) => {
+		if (this.#b || e.defaultPrevented) return;
+		let t = e.target;
+		t === this ? this.#N(e) : t instanceof l && t.parentElement === this && this.#P(e, t);
+	};
+	#N(e) {
+		let t = this.#C(), n = this.#w() ?? t[0], { key: r } = e, i;
+		if (this.#F(e)) i = this.#j(r, this.#w()) ?? n;
+		else if ([
+			"Enter",
+			" ",
+			"ArrowDown",
+			"ArrowUp"
+		].includes(r)) i = n;
+		else if (r === "Home") i = t[0];
+		else if (r === "End") i = t.at(-1);
+		else return;
+		e.preventDefault(), this.#E(i);
+	}
+	#P(e, t) {
+		let n = this.#C(), r = n.indexOf(t), { key: i } = e, a;
+		if (this.#F(e)) a = this.#j(i, t);
+		else if (i === "ArrowUp" && e.altKey) {
+			e.preventDefault(), this.#L(t);
+			return;
+		} else if (i === "ArrowDown") a = n[Math.min(r + 1, n.length - 1)];
+		else if (i === "ArrowUp") a = n[Math.max(r - 1, 0)];
+		else if (i === "PageDown") a = n[Math.min(r + h, n.length - 1)];
+		else if (i === "PageUp") a = n[Math.max(r - h, 0)];
+		else if (i === "Home") a = n[0];
+		else if (i === "End") a = n.at(-1);
+		else if (i === "Enter" || i === " ") {
+			e.preventDefault(), this.#L(t);
+			return;
+		} else if (i === "Escape") {
+			e.preventDefault(), this.#D(!0);
+			return;
+		} else if (i === "Tab") {
+			this.#D(!1), e.shiftKey && this.#t.focus();
+			return;
+		} else return;
+		e.preventDefault(), a?.focus();
+	}
+	#F(e) {
+		return e.key.length === 1 && (e.key !== " " || this.#_ !== "") && !e.altKey && !e.ctrlKey && !e.metaKey;
+	}
+	#I = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && this.contains(t) || this.#D(!1);
+	};
+	#L(e) {
+		this.#b || e.disabled || (this.#D(!0), this.#R(e));
+	}
+	#R(e) {
+		e.value !== this.#y && (this.#d = e.value, this.#U(), this.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
+	}
+	#z(e) {
+		let t = this.#y;
+		if (e === this.#m || t !== null && e.value === t) this.#U();
+		else if (e.parentElement === this) {
+			let t = this.#V();
+			for (let n of /* @__PURE__ */ new Set([
+				e,
+				this.#x,
+				t
+			])) n?.parentElement === this && this.#H(n, t);
+			this.#x = t, this.#B();
+		}
+	}
+	#B() {
+		this.#l || (this.#l = !0, queueMicrotask(() => {
+			this.#l = !1;
+			let e = this.getAttribute("autocomplete"), t = e?.toLowerCase() === "off" ? null : e, n = this.#c;
+			t ? n.setAttribute("autocomplete", t) : n.removeAttribute("autocomplete"), n.disabled = this.#b, n.replaceChildren(...t ? [new Option("", ""), ...this.#C().map((e) => new Option(e.label, e.value, !1, e === this.#m))] : []);
+		}));
+	}
+	#V() {
+		let e = this.firstElementChild;
+		for (; e && !(e instanceof l && !e.hidden && !e.slot);) e = e.nextElementSibling;
+		return e instanceof l ? e : void 0;
+	}
+	#H(e, t) {
+		u.sync(e, {
+			selected: !e.hidden && e === this.#m,
+			disabled: e.disabled,
+			first: e === t
+		});
+	}
+	#U() {
+		let e = this.#S(), t = this.#y, n = this.#b, r = t === null ? void 0 : e.find((e) => e.value === t);
+		this.#m = r, this.#x = e[0];
+		for (let e of this.#s.assignedElements()) e instanceof l && this.#H(e, this.#x);
+		let i = r && !r.disabled && !n ? r : void 0;
+		this.internals.setFormValue(i ? t : null, t), this.required && !i ? this.internals.setValidity({ valueMissing: !0 }, _(), this.#t) : this.internals.setValidity({}), this.#W(r, n), this.#B();
+	}
+	#W(e, t) {
+		this.#n.hidden = !e, this.#a.hidden = !!e, this.#i.textContent = e?.label ?? "", this.#r.replaceChildren(...[...e?.querySelectorAll(":scope > [slot=start]") ?? []].map((e) => {
+			let t = e.cloneNode(!0);
+			return t.removeAttribute("slot"), t;
+		})), this.#a.textContent = this.getAttribute("placeholder") ?? "";
+		let n = this.getAttribute("label") ?? "", i = this.getAttribute("aria-label"), a = this.getAttribute("optional");
+		if (this.#e.textContent = n, this.#e.hidden = !n, n && a) {
+			let e = document.createElement("span");
+			e.className = "optional", e.textContent = ` ${a}`, this.#e.append(e);
+		}
+		for (let e of [this.#t, this.#o]) n ? e.setAttribute("aria-labelledby", "label") : e.removeAttribute("aria-labelledby"), !n && i ? e.setAttribute("aria-label", i) : e.removeAttribute("aria-label");
+		if (this.required ? this.#t.setAttribute("aria-required", "true") : this.#t.removeAttribute("aria-required"), t) {
+			this.#t.setAttribute("aria-disabled", "true"), this.#t.removeAttribute("tabindex");
+			let e = document.activeElement;
+			e instanceof l && e.parentElement === this && e.blur(), this.#p && this.#o.hidePopover();
+		} else this.#t.removeAttribute("aria-disabled"), this.#t.tabIndex = 0;
+		r(this, this.#t, this.#u), this.#f = !e, this.updateStates();
+	}
+};
+n("swell-select", v);
+export { f as n, v as t };

package/dist/chunks/select-option-DoM9GAe0.js

@@ -0,0 +1,66 @@
+import { n as e, r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r } from "./element-B4-_7TLZ.js";
+import { t as i } from "./link-D4NC86oc.js";
+// src/components/core/select/select-option.css?inline
+var a = ":host{box-sizing:border-box;gap:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px);padding:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px) calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 2px);cursor:pointer;transition:background-color var(--swell-motion-duration-fast) var(--swell-motion-easing);align-items:flex-start;display:flex}:host(:not(:state(first))){border-top:var(--swell-border-width) solid var(--swell-overlay-color-border)}:host(:hover),:host(:focus-visible){background:var(--swell-color-secondary-background)}:host(:focus-visible){outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:calc(var(--swell-focus-width) * -1)}:host(:state(disabled)){cursor:not-allowed;opacity:var(--_swell-control-disabled-opacity,var(--swell-control-disabled-opacity))}:host(:state(disabled):hover){background:0 0}:host [hidden]{display:none}:host .start{flex:none;align-items:center;height:1lh;display:flex}:host ::slotted(svg[slot=start]){width:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 1px);height:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 1px);color:var(--swell-color-secondary-foreground);display:block}:host .text{flex:1;min-width:0;display:grid}:host .hint{font:var(--swell-font-weight) max(12px, calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 1px)) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);color:var(--swell-color-secondary-foreground)}:host .check{width:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 2px);height:1lh;color:var(--swell-color-accent);visibility:hidden;flex:none;place-items:center;display:grid}:host .check svg{width:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 2px);height:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 2px)}:host(:state(selected)) .check{visibility:visible}@media (forced-colors:active){:host{transition:none}:host(:focus-visible){forced-color-adjust:none;color:highlighttext;background:highlight;outline-color:highlighttext}:host(:focus-visible) :is(.hint,.check),:host ::slotted(svg[slot=start]){color:inherit}}", o = /* @__PURE__ */ t({
+	SwellOptionElement: () => l,
+	SwellSelectOption: () => u,
+	optionList: () => s
+}), s = i(), c = "\n  <span class=\"start\"><slot name=\"start\"></slot></span>\n  <span class=\"text\">\n    <span class=\"label\"><slot></slot></span>\n    <span class=\"hint\" hidden></span>\n  </span>\n  <span class=\"check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"/></svg></span>", l = class extends r {
+	static styles = a;
+	static template = c;
+	static observedAttributes = [
+		...r.observedAttributes,
+		"value",
+		"hint",
+		"disabled",
+		"hidden"
+	];
+	static focusable = !0;
+	static {
+		s.receive((e, t) => e.#r(t));
+	}
+	#e;
+	#t;
+	#n = !1;
+	constructor() {
+		super(), this.#e = this.shadowRoot?.querySelector(".hint"), this.addEventListener("click", () => s.linkOf(this)?.choose(this));
+	}
+	get selected() {
+		return this.#n;
+	}
+	get label() {
+		return [...this.childNodes].filter((e) => e instanceof Element ? !e.hasAttribute("slot") : e.nodeType === Node.TEXT_NODE).map((e) => e.textContent).join("").replace(/\s+/g, " ").trim();
+	}
+	get value() {
+		return this.getAttribute("value") ?? this.label;
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	connectedCallback() {
+		e(this, "value"), e(this, "disabled"), this.hasAttribute("role") || this.setAttribute("role", "option"), this.definition.focusable && !this.hasAttribute("tabindex") && this.setAttribute("tabindex", "-1"), this.hasAttribute("aria-selected") || this.setAttribute("aria-selected", "false"), super.connectedCallback(), this.#t = s.linkOf(this), this.#t?.refresh(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#t?.refresh(this), this.#t = void 0;
+	}
+	update(e) {
+		e === "hint" ? (this.#e.textContent = this.getAttribute("hint") ?? "", this.#e.hidden = !this.#e.textContent) : (e === "value" || e === "disabled" || e === "hidden") && s.linkOf(this)?.refresh(this);
+	}
+	#r(e) {
+		this.#t = s.linkOf(this) ?? this.#t, this.#n = e.selected, this.setAttribute("aria-selected", String(e.selected)), e.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+		for (let [t, n] of [
+			["selected", e.selected],
+			["disabled", e.disabled],
+			["first", e.first]
+		]) n ? this.internals.states.add(t) : this.internals.states.delete(t);
+	}
+}, u = class extends l {};
+n("swell-select-option", u);
+export { o as i, u as n, s as r, l as t };

package/dist/chunks/skeleton-DfPjhls9.js

@@ -0,0 +1,13 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+// src/components/core/skeleton/skeleton.css?inline
+var r = ":host{--_swell-control-font-size:var(--swell-control-font-size);--_swell-control-height:var(--swell-control-height);--_swell-radio-border-radius:var(--swell-radio-border-radius,var(--swell-border-radius))}:host([size=xsmall]){--_swell-control-font-size:var(--swell-control-xsmall-font-size);--_swell-control-height:var(--swell-control-xsmall-height)}:host([size=small]){--_swell-control-font-size:var(--swell-control-small-font-size);--_swell-control-height:var(--swell-control-small-height)}:host([size=large]){--_swell-control-font-size:var(--swell-control-large-font-size);--_swell-control-height:var(--swell-control-large-height)}:host([size=xlarge]){--_swell-control-font-size:var(--swell-control-xlarge-font-size);--_swell-control-height:var(--swell-control-xlarge-height)}:host{width:100%;height:calc(var(--_swell-control-font-size) - 4px);background:linear-gradient(90deg, var(--swell-color-border) 30%, var(--swell-color-secondary-background) 50%, var(--swell-color-border) 70%);animation:swell-skeleton-shimmer var(--swell-motion-duration-loop) linear infinite;background-size:300% 100%;border-radius:999px;display:block}:host(:dir(rtl)){animation-direction:reverse}@keyframes swell-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}:host(:state(card)){justify-content:space-between;align-items:center;gap:calc(var(--_swell-control-font-size) - 2px);box-sizing:border-box;height:var(--_swell-control-height);padding:0 calc(var(--_swell-control-font-size) + 2px);border:var(--swell-border-strong-width) solid var(--swell-color-border);border-radius:var(--_swell-radio-border-radius);background:0 0;animation:none;display:flex}@media (forced-colors:active){:host{background:graytext}:host(:state(card)){background:0 0;border-color:canvastext}}", i = /* @__PURE__ */ e({ SwellSkeleton: () => a }), a = class extends n {
+	static appearance = "skeleton";
+	static appearances = ["card"];
+	static styles = r;
+	connectedCallback() {
+		this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true"), super.connectedCallback();
+	}
+};
+t("swell-skeleton", a);
+export { i as n, a as t };

package/dist/chunks/status-B23JZ5RQ.js

@@ -0,0 +1,71 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+import { l as r } from "./config-C-FYxOaJ.js";
+// src/components/core/status/status.css?inline
+var i = ":host{--_swell-control-font-size:var(--swell-control-font-size);--_swell-status-color-border:var(--swell-status-color-border,var(--swell-color-border));--_swell-status-border-radius:var(--swell-status-border-radius,var(--swell-border-radius));--_swell-status-color-background:var(--swell-status-color-background,var(--swell-color-secondary-background));--_swell-status-color-foreground:var(--swell-status-color-foreground,var(--swell-color-foreground));--_swell-status-color-accent:var(--swell-status-color-accent,var(--swell-status-color-foreground,var(--swell-color-foreground)))}:host([size=xsmall]){--_swell-control-font-size:var(--swell-control-xsmall-font-size)}:host([size=small]){--_swell-control-font-size:var(--swell-control-small-font-size)}:host([size=large]){--_swell-control-font-size:var(--swell-control-large-font-size)}:host([size=xlarge]){--_swell-control-font-size:var(--swell-control-xlarge-font-size)}:host([type=danger]){--_swell-status-color-border:var(--swell-status-danger-color-border,light-dark(#d7373d59,#f2555a59));--_swell-status-color-background:var(--swell-status-danger-color-background,light-dark(#d7373d17,#f2555a17));--_swell-status-color-accent:var(--swell-status-danger-color-accent,var(--swell-color-danger))}:host([type=success]){--_swell-status-color-border:var(--swell-status-success-color-border,light-dark(#12945e59,#3ecf8e59));--_swell-status-color-background:var(--swell-status-success-color-background,light-dark(#12945e17,#3ecf8e17));--_swell-status-color-accent:var(--swell-status-success-color-accent,var(--swell-color-success))}:host([type=warning]){--_swell-status-color-border:var(--swell-status-warning-color-border,light-dark(#b9700a59,#f0aa3c59));--_swell-status-color-background:var(--swell-status-warning-color-background,light-dark(#b9700a17,#f0aa3c17));--_swell-status-color-accent:var(--swell-status-warning-color-accent,var(--swell-color-warning))}:host{--_swell-status-inset:calc(var(--_swell-control-font-size) - 2px);--_swell-status-small:max(12px, calc(var(--_swell-control-font-size) - 1px));--_swell-status-icon:calc(var(--_swell-control-font-size) + 4px);display:block}:host(:state(plain)){--_swell-status-icon:calc(var(--_swell-status-small) + 2px)}:host [part=message]{gap:var(--_swell-status-inset);box-sizing:border-box;padding:var(--_swell-status-inset) calc(var(--_swell-status-inset) + 4px);border:var(--swell-border-width) solid var(--_swell-status-color-border);border-radius:var(--_swell-status-border-radius);font:var(--swell-font-weight) var(--_swell-control-font-size) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);background:var(--_swell-status-color-background);color:var(--_swell-status-color-foreground);animation:swell-status-enter var(--swell-motion-duration-slow) var(--swell-motion-easing);align-items:flex-start;display:flex}:host [part=message]>slot:not([name]){flex:1;min-width:0;display:block}:host(:state(end-content)) [part=message]{align-items:center;padding-inline-end:var(--_swell-status-inset)}@keyframes swell-status-enter{0%{opacity:0;transform:translateY(-6px)}}:host .announcement{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:host(:state(outline)) [part=message]{background:0 0}:host(:state(plain)) [part=message]{gap:calc(var(--_swell-status-small) - 7px);font:var(--swell-font-strong-weight) var(--_swell-status-small) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);background:0 0;border:none;padding:0}:host(:state(quiet)) [part=message]{padding:calc(var(--_swell-status-inset) + 2px) calc(var(--_swell-status-inset) + 4px);background:var(--swell-color-secondary-background);color:var(--swell-color-secondary-foreground);border:none}:host(:state(quiet):state(end-content)) [part=message]{padding-inline-end:var(--_swell-status-inset)}:host(:state(plain)[type=danger]) [part=message]{color:var(--_swell-status-color-accent)}:host(:state(outline):state(typed)) [part=message]{border-color:var(--_swell-status-color-accent)}:host .icon{width:var(--_swell-status-icon);height:var(--_swell-status-icon);margin-block:calc((1lh - var(--_swell-status-icon)) / 2);color:var(--_swell-status-color-accent);flex:none;display:block}:host .icon[hidden]{display:none}:host .icon svg,:host slot[name=start]::slotted(svg){width:var(--_swell-status-icon);height:var(--_swell-status-icon);display:block}:host slot[name=start]::slotted([hidden]){display:none}:host(:state(quiet):not(:state(typed))) .icon{color:inherit}@media (forced-colors:active){:host [part=message]{border-color:canvastext}}", a = /* @__PURE__ */ e({ SwellStatus: () => l }), o = (e) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`, s = {
+	danger: o("<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 8v4.5\"/><path d=\"M12 16h.01\"/>"),
+	success: o("<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m8.1 12.3 2.7 2.7 5.1-5.4\"/>"),
+	warning: o("<path d=\"M12 3.9 21 19.8H3z\"/><path d=\"M12 10.2v4.2\"/><path d=\"M12 17.1h.01\"/>")
+}, c = 100, l = class extends n {
+	static group = "status";
+	static appearance = "status";
+	static appearances = ["quiet"];
+	static styles = i;
+	static template = "<div part=\"message\"><span class=\"icon\" aria-hidden=\"true\" hidden><span class=\"type\"></span><slot name=\"start\"></slot></span><slot></slot><slot name=\"end\"></slot></div>";
+	#e = new MutationObserver((e) => {
+		this.#c(), e.some((e) => this.#s(e)) && this.#a();
+	});
+	#t;
+	#n = [];
+	#r = !1;
+	#i = "";
+	constructor() {
+		super();
+		for (let e of this.shadowRoot?.querySelectorAll("slot[name]") ?? []) e.addEventListener("slotchange", () => this.#c());
+	}
+	connectedCallback() {
+		this.#c(), this.#e.observe(this, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0,
+			attributeFilter: ["hidden"]
+		}), !this.#r && document.readyState === "complete" && this.#a(), this.#r = !0, super.connectedCallback();
+	}
+	disconnectedCallback() {
+		this.#e.disconnect(), this.#o(), super.disconnectedCallback();
+	}
+	update(e) {
+		(e === "type" || e === "appearance") && (this.#c(), e === "type" && this.isConnected && this.#a());
+	}
+	#a() {
+		this.#o();
+		let e = [...this.childNodes].filter((e) => e instanceof Element ? !e.slot : e instanceof Text).map((e) => e.textContent).join("").replace(/\s+/g, " ").trim();
+		if (!e || !this.shadowRoot) return;
+		let t = document.createElement("div");
+		t.className = "announcement", t.setAttribute("role", this.getAttribute("type") === "danger" ? "alert" : "status"), this.shadowRoot.append(t), this.#t = t, this.#n = [setTimeout(() => {
+			t.textContent = e;
+		}, c), setTimeout(() => this.#o(), 7100)];
+	}
+	#o() {
+		for (let e of this.#n) clearTimeout(e);
+		this.#n = [], this.#t?.remove(), this.#t = void 0;
+	}
+	#s(e) {
+		if (e.type === "attributes") return !1;
+		let t = e.target;
+		for (; t.parentNode && t.parentNode !== this;) t = t.parentNode;
+		return (e.target === this ? [...e.addedNodes, ...e.removedNodes] : [t]).some((e) => !(e instanceof Element && e.slot));
+	}
+	#c() {
+		let e = this.getAttribute("type"), t = e !== null && (r.status?.type ?? []).includes(e) && this.getAttribute("appearance") !== "quiet", n = this.shadowRoot?.querySelector(".icon"), i = this.shadowRoot?.querySelector("slot[name=\"start\"]"), a = n?.querySelector(".type");
+		if (n && i && a) {
+			let r = i.assignedElements().some((e) => !e.hasAttribute("hidden"));
+			n.hidden = !t && !r, a.hidden = !t || r;
+			let o = t ? s[e] ?? "" : "";
+			o !== this.#i && (a.innerHTML = this.#i = o);
+		}
+		t ? this.internals.states.add("typed") : this.internals.states.delete("typed"), this.shadowRoot?.querySelector("slot[name=\"end\"]")?.assignedElements().some((e) => !e.hasAttribute("hidden")) ? this.internals.states.add("end-content") : this.internals.states.delete("end-content");
+	}
+};
+t("swell-status", l);
+export { a as n, l as t };

package/dist/chunks/tab-BpjFUbFO.js

@@ -0,0 +1,107 @@
+import { n as e, r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r } from "./element-B4-_7TLZ.js";
+import { t as i } from "./link-D4NC86oc.js";
+// src/components/core/tabs/tab.css?inline
+var a = ":host{--_swell-tabs-indicator-width:var(--swell-tabs-indicator-width,2px);display:block}:host(:not(:state(vertical),:state(selected))),:host(:not(:state(vertical))) :is(.node,.line,.head,.summary){display:none}:host(:state(vertical)){padding-inline-start:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 3 + 2px);position:relative}:host(:state(vertical)) .node{box-sizing:border-box;width:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 2);height:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 2);border:var(--swell-border-strong-width) solid var(--swell-field-color-border);font:var(--swell-font-bold-weight) max(11px, calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px)) / 1 var(--swell-font-family);background:var(--swell-color-background);color:var(--swell-color-secondary-foreground);transition:background-color var(--swell-motion-duration-base) var(--swell-motion-easing), border-color var(--swell-motion-duration-base) var(--swell-motion-easing), color var(--swell-motion-duration-base) var(--swell-motion-easing);border-radius:999px;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}:host(:state(vertical):state(selected)) .node{border-color:var(--swell-color-accent);color:var(--swell-color-accent)}:host(:state(vertical)[done]) .node{border-color:var(--swell-color-accent);background:var(--swell-color-accent);color:var(--swell-color-background)}:host .done-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:host .node>*{grid-area:1/1}:host .check{width:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px);height:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px);display:none}:host([done]) .check{display:block}:host(:state(vertical)) .line{inset-block:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 3 - 6px) calc(-1 * var(--_swell-control-font-size,var(--swell-control-font-size)) - 6px);width:var(--_swell-tabs-indicator-width);border-radius:calc(var(--_swell-tabs-indicator-width) / 2);background:var(--swell-color-border);transition:background-color var(--swell-motion-duration-slow) var(--swell-motion-easing);position:absolute;inset-inline-start:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - var(--_swell-tabs-indicator-width) / 2)}:host(:state(vertical)[done]) .line{background:var(--swell-color-accent)}:host(:state(vertical):state(last)) .line{display:none}:host(:state(vertical)) .head{justify-content:space-between;align-items:center;gap:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 2px);min-height:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 2);flex-wrap:wrap;display:flex}:host .toggle{font:var(--swell-font-heading-weight) calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 6px) / calc(var(--_swell-control-font-size,var(--swell-control-font-size)) * 2) var(--swell-font-heading-family);letter-spacing:var(--swell-font-heading-tracking);text-align:start;color:var(--swell-color-foreground);cursor:pointer;background:0 0;border:0;border-radius:2px;margin:0;padding:0}:host .toggle:focus-visible{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:var(--swell-focus-offset)}:host(:state(vertical)[disabled]) :is(.node,.toggle){opacity:var(--_swell-control-disabled-opacity,var(--swell-control-disabled-opacity))}:host(:state(vertical)[disabled]) .toggle{cursor:default}:host(:state(vertical)) .summary{padding-top:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) - 10px)}:host(:state(vertical):state(selected)) .summary{display:none}:host(:state(vertical)) .content{visibility:hidden;opacity:0;transition:grid-template-rows var(--swell-motion-duration-base) var(--swell-motion-easing), opacity var(--swell-motion-duration-fast) var(--swell-motion-easing), visibility 0s var(--swell-motion-duration-base);grid-template-rows:0fr;display:grid}:host(:state(vertical):state(selected)) .content{visibility:visible;opacity:1;transition:grid-template-rows var(--swell-motion-duration-slow) var(--swell-motion-easing), opacity var(--swell-motion-duration-slow) var(--swell-motion-easing);grid-template-rows:1fr}:host(:state(vertical)) .clip{min-height:0;margin:calc(-1 * max(var(--swell-field-ring-width), var(--swell-focus-width) + var(--swell-focus-offset)));padding:max(var(--swell-field-ring-width), var(--swell-focus-width) + var(--swell-focus-offset));transition:transform var(--swell-motion-duration-base) var(--swell-motion-easing);overflow:clip;transform:translateY(-8px)}:host(:state(vertical):state(selected)) .clip{padding-top:calc(var(--_swell-control-font-size,var(--swell-control-font-size)) + 2px);transition:transform var(--swell-motion-duration-slow) var(--swell-motion-easing);transform:none}@media (forced-colors:active){:host(:state(vertical)) .node{border-color:canvastext}}", o = /* @__PURE__ */ t({
+	CHECK: () => c,
+	SwellTab: () => u,
+	tabGroup: () => s
+}), s = i(), c = "<svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"/></svg>", l = `<span class="node" aria-hidden="true"><span class="number"></span>${c}</span><span class="line" aria-hidden="true"></span><div class="head"><div class="heading" role="heading"><button type="button" class="toggle" id="toggle" tabindex="0" aria-controls="content"><span class="label"></span><span class="done-label"></span></button></div><slot name="end"></slot></div><div class="summary"><slot name="summary"></slot></div><div class="content" id="content"><div class="clip"><slot></slot></div></div>`, u = class extends r {
+	static group = "tabs";
+	static appearance = "tabs";
+	static appearances = ["steps"];
+	static styles = a;
+	static template = l;
+	static observedAttributes = [
+		...r.observedAttributes,
+		"value",
+		"label",
+		"done",
+		"disabled",
+		"hidden"
+	];
+	static {
+		s.receive((e, t) => e.#r(t));
+	}
+	#e = {
+		selected: !1,
+		vertical: !1,
+		position: 1,
+		last: !0,
+		level: 2,
+		doneLabel: ""
+	};
+	#t;
+	constructor() {
+		super(), this.#n("toggle").addEventListener("click", (e) => {
+			setTimeout(() => {
+				!e.defaultPrevented && this.isConnected && s.linkOf(this)?.choose(this);
+			});
+		});
+	}
+	get value() {
+		return this.getAttribute("value") ?? this.label;
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get label() {
+		return this.getAttribute("label") ?? "";
+	}
+	set label(e) {
+		this.setAttribute("label", e);
+	}
+	get done() {
+		return this.hasAttribute("done");
+	}
+	set done(e) {
+		this.toggleAttribute("done", !!e);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	connectedCallback() {
+		for (let t of [
+			"value",
+			"label",
+			"done",
+			"disabled"
+		]) e(this, t);
+		super.connectedCallback(), s.linkOf(this)?.refresh();
+	}
+	update() {
+		s.linkOf(this)?.refresh();
+	}
+	appearanceSource() {
+		let e = this.parentElement;
+		return e?.localName === "swell-tabs" ? e : this;
+	}
+	extraStates() {
+		let { selected: e, vertical: t, last: n } = this.#e;
+		return [
+			...e ? ["selected"] : [],
+			...t ? ["vertical"] : [],
+			...n ? ["last"] : []
+		];
+	}
+	#n(e) {
+		return this.shadowRoot?.getElementById(e);
+	}
+	#r(e) {
+		this.#e = e, this.updateStates();
+		let { selected: t, vertical: n, position: r, level: i, doneLabel: a } = e, o = this.shadowRoot;
+		o.querySelector(".number").textContent = this.done ? "" : String(r);
+		let s = this.#n("toggle");
+		s.querySelector(".label").textContent = this.label, s.querySelector(".done-label").textContent = this.done ? ` ${a}` : "", s.setAttribute("aria-expanded", String(t)), this.disabled || t ? s.setAttribute("aria-disabled", "true") : s.removeAttribute("aria-disabled"), o.querySelector(".heading").setAttribute("aria-level", String(i)), this.#n("content").inert = n && !t, this.#i(!n);
+	}
+	#i(e) {
+		e && !this.hasAttribute("role") ? this.setAttribute("role", "tabpanel") : !e && this.getAttribute("role") === "tabpanel" && this.removeAttribute("role");
+		let t = this.getAttribute("aria-label");
+		(t === null || t === this.#t) && (e ? (this.#t = this.label, this.setAttribute("aria-label", this.#t)) : (this.#t = void 0, this.removeAttribute("aria-label")));
+	}
+};
+n("swell-tab", u);
+export { o as i, u as n, s as r, c as t };