@swell/swell-ui 0.0.0-stage → 0.1.1

package/dist/chunks/disclosure-CET8-H6f.js

@@ -0,0 +1,56 @@
+import { n as e, r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r } from "./element-B4-_7TLZ.js";
+import { n as i, t as a } from "./toggle-C7-oPgWR.js";
+// src/components/core/disclosure/disclosure.css?inline
+var o = ":host{display:block;position:relative}:host([open]:not([toggle])) slot[name=trigger]{display:none}:host slot[name=trigger]::slotted(*){transition:opacity var(--swell-motion-duration-fast) var(--swell-motion-easing)}:host(:state(closing):not([toggle])) slot[name=trigger]::slotted(*){opacity:0;transition:none;position:absolute;inset-block-start:0;inset-inline-start:0}:host [part=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);outline:none;grid-template-rows:0fr;display:grid}:host([open]) [part=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 .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([open]) .clip{transition:transform var(--swell-motion-duration-slow) var(--swell-motion-easing), overflow 0s var(--swell-motion-duration-slow) allow-discrete;overflow:visible;transform:none}", s = /* @__PURE__ */ t({ SwellDisclosure: () => c }), c = class extends r {
+	static styles = o;
+	static template = "<slot name=\"trigger\"></slot><div part=\"content\" inert><div class=\"clip\"><slot></slot></div></div>";
+	static observedAttributes = [
+		...r.observedAttributes,
+		"open",
+		"toggle"
+	];
+	#e;
+	#t = a(this);
+	constructor() {
+		super();
+		let e = this.shadowRoot?.querySelector("slot[name=\"trigger\"]");
+		e?.addEventListener("slotchange", () => this.#n()), e?.addEventListener("click", (e) => {
+			let t = this.hasAttribute("toggle"), n = this.open;
+			(!n || t) && setTimeout(() => {
+				!e.defaultPrevented && this.open === n && this.isConnected && (this.open = !n, t || i(this, this.#r));
+			});
+		});
+	}
+	get open() {
+		return this.hasAttribute("open");
+	}
+	set open(e) {
+		this.toggleAttribute("open", !!e);
+	}
+	connectedCallback() {
+		e(this, "open"), super.connectedCallback(), this.#n();
+	}
+	#n() {
+		let e = this.hasAttribute("toggle") ? this.querySelector(":scope > [slot=\"trigger\"]") ?? void 0 : void 0;
+		this.#e !== e && this.#e?.removeAttribute("aria-expanded"), e?.setAttribute("aria-expanded", String(this.open)), this.#e = e;
+	}
+	update(e) {
+		if ((e === "open" || e === "toggle") && this.#n(), e !== "open") return;
+		this.#t();
+		let t = !this.open && !this.#r.inert;
+		if (t && this.internals.states.add("closing"), !this.open && this.matches(":focus-within") && this.querySelector(":scope > [slot=\"trigger\"]")?.focus(), this.#r.inert = !this.open, !t) {
+			this.internals.states.delete("closing");
+			return;
+		}
+		let n = this.#r.getAnimations().map((e) => e.finished.catch(() => void 0));
+		Promise.all(n).then(() => {
+			this.open || this.internals.states.delete("closing");
+		});
+	}
+	get #r() {
+		return this.shadowRoot?.querySelector("[part=\"content\"]");
+	}
+};
+n("swell-disclosure", c);
+export { s as n, c as t };

package/dist/chunks/divider-BfkO0c1j.js

@@ -0,0 +1,27 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+// src/components/core/divider/divider.css?inline
+var r = ":host{--_swell-control-font-size:var(--swell-control-font-size)}: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{align-items:center;gap:var(--_swell-control-font-size);display:flex}:host [hidden]{display:none}:host .line{border-top:var(--swell-border-width) solid var(--swell-color-border);flex:1;min-width:0}:host .label{font:var(--swell-font-weight) var(--swell-font-caption-size) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);text-align:center;color:var(--swell-color-secondary-foreground)}", i = /* @__PURE__ */ e({ SwellDivider: () => a }), a = class extends n {
+	static styles = r;
+	static template = "<span class=\"line\"></span><span class=\"label\" hidden><slot></slot></span><span class=\"line end\" hidden></span>";
+	#e = new MutationObserver(() => this.#t());
+	connectedCallback() {
+		this.#t(), this.#e.observe(this, {
+			childList: !0,
+			characterData: !0,
+			subtree: !0,
+			attributeFilter: ["hidden", "slot"]
+		}), super.connectedCallback();
+	}
+	disconnectedCallback() {
+		this.#e.disconnect(), super.disconnectedCallback();
+	}
+	#t() {
+		let e = ((this.shadowRoot?.querySelector("slot:not([name])"))?.assignedNodes() ?? []).some((e) => e instanceof Element ? !e.hasAttribute("hidden") : e instanceof Text && e.data.trim() !== "");
+		for (let t of this.shadowRoot?.querySelectorAll(".label, .end") ?? []) t.hidden = !e;
+		let t = this.getAttribute("role");
+		!e && t === null ? this.setAttribute("role", "separator") : e && t === "separator" && this.removeAttribute("role");
+	}
+};
+t("swell-divider", a);
+export { i as n, a as t };

package/dist/chunks/element-B4-_7TLZ.js

@@ -0,0 +1,138 @@
+import { a as e, d as t, f as n, i as r, l as i, o as a, p as o, u as s } from "./config-C-FYxOaJ.js";
+// src/runtime/variants.ts
+var c = i.color?.variant ?? [], l = /* @__PURE__ */ new Map(), u = r();
+e(() => {
+	let e = r();
+	if (e.join() !== u.join()) {
+		u = e;
+		for (let [e, t] of l) t.replaceSync(d(e, [...c, ...u]));
+	}
+});
+function d(e, r) {
+	let i = Object.entries(t[e] ?? {});
+	return r.map((t) => `:host([variant="${t}"]) { ${i.map(([r, i]) => `${n(`${e}.color.${r}`)}: var(${o(`color.${t}.${r}`)}, ${r === "shadow" ? "transparent" : i});`).join(" ")} }`).join("\n");
+}
+function f(e) {
+	if (!e || !t[e]) return;
+	let n = l.get(e);
+	return n || (n = new CSSStyleSheet(), n.replaceSync(d(e, [...c, ...u])), l.set(e, n)), n;
+}
+function p(e, n) {
+	return !!(e && t[e] && (c.includes(n) || u.includes(n)));
+}
+// src/runtime/element.ts
+var m = /* @__PURE__ */ new WeakMap();
+function h(e) {
+	let t = m.get(e);
+	return t || (t = new CSSStyleSheet(), t.replaceSync(e.styles), m.set(e, t)), t;
+}
+var g = /* @__PURE__ */ new WeakMap();
+function _(e) {
+	let t = g.get(e);
+	return t || (t = document.createElement("template"), t.innerHTML = e.template, g.set(e, t)), t.content.cloneNode(!0);
+}
+var v;
+function y() {
+	return v || (v = new CSSStyleSheet(), v.replaceSync(":host([hidden]) { display: none !important; }")), v;
+}
+var b = class extends HTMLElement {
+	static group = null;
+	static appearance = null;
+	static appearances = [];
+	static styles = "";
+	static observedAttributes = [
+		"variant",
+		"appearance",
+		"size",
+		"type"
+	];
+	internals;
+	#e = [];
+	#t;
+	constructor() {
+		super(), this.internals = this.attachInternals();
+	}
+	get definition() {
+		return this.constructor;
+	}
+	connectedCallback() {
+		this.#t ??= e(() => this.updateStates()), this.updateStates();
+	}
+	disconnectedCallback() {
+		this.#t?.(), this.#t = void 0;
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && ((e === "variant" || e === "appearance" || e === "size") && this.updateStates(), this.update(e));
+	}
+	update(e) {}
+	appearanceSource() {
+		return this;
+	}
+	extraStates() {
+		return [];
+	}
+	stylesheet() {
+		return h(this.definition);
+	}
+	updateStates() {
+		let e = this.#n(), t = [...e ? [e] : [], ...this.extraStates()];
+		for (let e of this.#e) t.includes(e) || this.internals.states.delete(e);
+		for (let e of t) this.internals.states.add(e);
+		this.#e = t;
+	}
+	#n() {
+		let { appearance: e, group: t } = this.definition;
+		if (!e) return;
+		let n = [...s[`${e}.appearance`]?.values ?? [], ...this.definition.appearances], r = this.appearanceSource(), i = r.getAttribute("appearance");
+		if (i && n.includes(i)) return i;
+		let o = r.getAttribute("variant");
+		if (o && p(t, o)) {
+			let t = a(`${e}.${o}`, "appearance");
+			if (t) return t;
+		}
+		return a(e, "appearance");
+	}
+};
+function x(e) {
+	return e.getAttribute("size") === "xsmall" ? "above" : a("field.label", "position");
+}
+function S(e, t) {
+	t ? e.hasAttribute("tabindex") || e.setAttribute("tabindex", "0") : e.getAttribute("tabindex") === "0" && e.removeAttribute("tabindex");
+}
+function C(e, t = () => !1) {
+	let n = !1;
+	e.addEventListener("keydown", (r) => {
+		r.defaultPrevented || r.composedPath()[0] !== e || (r.key === "Enter" ? (r.preventDefault(), t() || e.click()) : r.key === " " && (r.preventDefault(), n = !0));
+	}), e.addEventListener("keyup", (r) => {
+		r.key === " " && n && (n = !1, t() || e.click());
+	}), e.addEventListener("blur", () => n = !1);
+}
+var w = class extends b {
+	static template = "<slot></slot>";
+	static shadowOptions = { mode: "open" };
+	constructor() {
+		super();
+		let e = this.definition, t = this.attachShadow(e.shadowOptions), n = f(e.group);
+		t.adoptedStyleSheets = [
+			y(),
+			this.stylesheet(),
+			...n ? [n] : []
+		], t.append(_(e));
+	}
+};
+function T(e, t) {
+	(e instanceof Document || e instanceof ShadowRoot) && (e.adoptedStyleSheets.includes(t) || e.adoptedStyleSheets.push(t));
+}
+var E = class extends b {
+	static labelPosition = !0;
+	#e = !1;
+	connectedCallback() {
+		T(this.getRootNode(), this.stylesheet()), this.#e || (this.#e = !0, this.render()), super.connectedCallback();
+	}
+	extraStates() {
+		if (!this.definition.labelPosition) return [];
+		let e = x(this);
+		return e ? [e] : [];
+	}
+};
+export { x as a, _ as i, w as n, S as o, C as r, E as t };

package/dist/chunks/input-Uun-ls2_.js

@@ -0,0 +1,53 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { t as n } from "./text-field-BB_MRt5h.js";
+// src/runtime/form.ts
+var r = (e) => e instanceof HTMLButtonElement && e.type === "submit" || e instanceof HTMLInputElement && (e.type === "submit" || e.type === "image"), i = (e) => e.localName === "swell-button" && e.type === "submit";
+function a(e, t) {
+	if (e.key !== "Enter" || e.defaultPrevented || e.isComposing || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+	let n = t.form;
+	if (n) for (let t of n.elements) {
+		if (r(t)) return;
+		if (i(t)) {
+			e.preventDefault(), t.click();
+			return;
+		}
+	}
+}
+// src/components/core/input/input.css?inline
+var o = "swell-input{--_swell-control-font-size:var(--swell-control-font-size);--_swell-control-height:var(--swell-control-height)}swell-input[size=xsmall]{--_swell-control-font-size:var(--swell-control-xsmall-font-size);--_swell-control-height:var(--swell-control-xsmall-height)}swell-input[size=small]{--_swell-control-font-size:var(--swell-control-small-font-size);--_swell-control-height:var(--swell-control-small-height)}swell-input[size=large]{--_swell-control-font-size:var(--swell-control-large-font-size);--_swell-control-height:var(--swell-control-large-height)}swell-input[size=xlarge]{--_swell-control-font-size:var(--swell-control-xlarge-font-size);--_swell-control-height:var(--swell-control-xlarge-height)}swell-input{--_swell-input-small-text:max(12px, calc(var(--_swell-control-font-size) - 1px));--_swell-input-raised:clamp(11px, calc(var(--_swell-control-font-size) - 2px), 13px);--_swell-input-raised-line:round(up, calc(var(--_swell-input-raised) * 4 / 3), 2px);--_swell-input-rise:min(calc(.6 * var(--_swell-control-font-size) + 1.6px), calc(var(--_swell-control-height) / 2 - var(--_swell-input-raised-line) / 2 - 2px));gap:var(--swell-field-gap);display:grid}swell-input[hidden]{display:none!important}swell-input [hidden]{display:none}swell-input .swell-input-label{font:var(--swell-field-label-font-weight) var(--_swell-input-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)}swell-input::part(frame){box-sizing:border-box;height:var(--_swell-control-height);border:var(--swell-border-width) solid var(--swell-field-color-border);border-radius:var(--swell-border-radius);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;grid-template:minmax(0,1fr)/auto minmax(0,1fr) auto;align-items:center;display:grid}swell-input .swell-input-control{box-sizing:border-box;width:100%;height:100%;padding:0 var(--_swell-control-font-size);border-radius:calc(var(--swell-border-radius) - var(--swell-border-width));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);background:0 0;border:0;outline:none;grid-area:1/2;margin:0}swell-input .swell-input-control:disabled{cursor:not-allowed}swell-input::part(frame):hover{border-color:var(--swell-field-hover-color-border)}swell-input .swell-input-control::placeholder{color:var(--swell-color-secondary-foreground);opacity:1}swell-input:state(outline)::part(frame){background:var(--swell-field-outline-color-background)}swell-input:state(filled)::part(frame){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)}swell-input:state(underline)::part(frame){border-width:0 0 var(--swell-border-width);border-radius:0}swell-input:has(.swell-input-control:disabled)::part(frame){opacity:var(--swell-control-disabled-opacity)}swell-input:state(filled) .swell-input-control{border-radius:var(--swell-border-radius) var(--swell-border-radius) 0 0}swell-input:state(underline) .swell-input-control{border-radius:0;padding-inline:0}swell-input::part(start),swell-input::part(end){align-items:center;gap:calc(var(--_swell-control-font-size) - 6px);color:var(--swell-color-secondary-foreground);display:none}swell-input::part(start){grid-column:1;padding-inline-start:calc(var(--_swell-control-font-size) - 2px)}swell-input::part(end){grid-column:3;padding-inline-end:calc(var(--_swell-control-font-size) - 2px)}swell-input:state(underline)::part(start){padding-inline-start:0}swell-input:state(underline)::part(end){padding-inline-end:0}swell-input:has(>[slot=start]:not([hidden]))::part(start),swell-input:has(>[slot=end]:not([hidden]))::part(end){display:flex}swell-input:has(>[slot=start]:not([hidden])) .swell-input-control{border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:calc(var(--_swell-control-font-size) - 4px)}swell-input:has(>[slot=end]:not([hidden])) .swell-input-control{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:calc(var(--_swell-control-font-size) - 4px)}swell-input>:where(svg[slot=start],svg[slot=end]){width:calc(var(--_swell-control-font-size) + 4px);height:calc(var(--_swell-control-font-size) + 4px);flex:none;display:block}swell-input[invalid]::part(frame){border-color:var(--swell-color-danger);animation:swell-input-shake var(--swell-motion-duration-slow) var(--swell-motion-easing)}swell-input:has(.swell-input-control:focus)::part(frame){border-color:var(--swell-focus-color)}swell-input:state(outline)[invalid]::part(frame){box-shadow:0 0 0 var(--swell-field-ring-width) var(--swell-field-invalid-color-ring)}swell-input:state(outline):has(.swell-input-control:focus)::part(frame){box-shadow:0 0 0 var(--swell-field-ring-width) var(--swell-field-focus-color-ring)}swell-input:is(:state(filled),:state(underline)):has(.swell-input-control:focus)::part(frame){box-shadow:inset 0 calc(-1 * var(--swell-border-width)) 0 var(--swell-focus-color)}swell-input[invalid]:has(.swell-input-control:focus)::part(frame){border-color:var(--swell-color-danger)}swell-input:state(outline)[invalid]:has(.swell-input-control:focus)::part(frame){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)}swell-input:is(:state(filled),:state(underline))[invalid]:has(.swell-input-control:focus)::part(frame){box-shadow:inset 0 calc(-1 * var(--swell-border-width)) 0 var(--swell-color-danger)}@keyframes swell-input-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}swell-input .swell-input-hint,swell-input>[slot=hint],swell-input .swell-input-error{font:var(--swell-font-weight) var(--_swell-input-small-text) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);color:var(--swell-color-secondary-foreground)}swell-input .swell-input-error:not([hidden]){font-weight:var(--swell-font-strong-weight);color:var(--swell-color-danger);animation:swell-input-enter var(--swell-motion-duration-base) var(--swell-motion-easing)}@keyframes swell-input-enter{0%{opacity:0;transform:translateY(-6px)}}swell-input .swell-input-optional{font-weight:var(--swell-font-weight);color:var(--swell-color-secondary-foreground)}swell-input:state(floating) .swell-input-optional{font-weight:inherit}swell-input:state(floating) .swell-input-label{z-index:1;contain:inline-size;box-sizing:border-box;max-width:100%;padding-inline:var(--_swell-control-font-size);white-space:nowrap;text-overflow:ellipsis;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);grid-area:1/2;overflow:hidden}swell-input:state(underline):state(floating) .swell-input-label{padding-inline:0}swell-input:is(:state(filled),:state(underline)):state(floating) .swell-input-label{margin-block-start:var(--swell-border-width)}swell-input:state(floating):has(.swell-input-label:not([hidden])) .swell-input-control{padding-top:var(--_swell-input-raised-line);padding-bottom:0;line-height:1.2}swell-input:is(:state(filled),:state(underline)):state(floating):has(.swell-input-label:not([hidden])) .swell-input-control{padding-top:calc(var(--_swell-input-raised-line) + var(--swell-border-width))}swell-input:state(floating):has(.swell-input-label:not([hidden])) .swell-input-control:not(:focus)::placeholder{opacity:0}swell-input:state(floating):has(.swell-input-control:focus,.swell-input-control:not(:placeholder-shown)) .swell-input-label{font-size:var(--_swell-input-raised);font-weight:var(--swell-font-medium-weight);line-height:var(--_swell-input-raised-line);transform:translateY(calc(-1 * var(--_swell-input-rise)))}swell-input:state(floating):has(>[slot=start]:not([hidden])) .swell-input-label{padding-inline-start:calc(var(--_swell-control-font-size) - 4px)}swell-input:state(floating):has(>[slot=end]:not([hidden])) .swell-input-label{padding-inline-end:calc(var(--_swell-control-font-size) - 4px)}@media (pointer:coarse){swell-input .swell-input-control{font-size:max(16px, var(--_swell-control-font-size))}}@media (forced-colors:active){swell-input::part(frame){box-shadow:none;border-color:fieldtext}swell-input:has(.swell-input-control:focus)::part(frame){outline:2px solid highlight}}", s = /* @__PURE__ */ e({ SwellInput: () => u }), c = [
+	"text",
+	"email",
+	"tel",
+	"password",
+	"number",
+	"search",
+	"url"
+], l = [
+	"name",
+	"autocomplete",
+	"inputmode",
+	"minlength",
+	"maxlength",
+	"pattern",
+	"min",
+	"max",
+	"step"
+], u = class extends n {
+	static styles = o;
+	static control = "input";
+	static prefix = "swell-input";
+	static template = "<slot name=\"label\"></slot><div part=\"frame\"><span part=\"start\"><slot name=\"start\"></slot></span><slot name=\"control\"></slot><span part=\"end\"><slot name=\"end\"></slot></span></div><slot name=\"hint\"></slot><slot name=\"description\"></slot>";
+	static passed = l;
+	static own = ["type"];
+	static observedAttributes = n.attributesOf(l, ["type"]);
+	setUpControl(e) {
+		e.addEventListener("keydown", (e) => a(e, e.currentTarget));
+	}
+	syncControl(e, t) {
+		if (e !== "type") return;
+		let n = this.getAttribute("type");
+		t.type = n && c.includes(n) ? n : "text";
+	}
+};
+t("swell-input", u);
+export { s as n, o as r, u as t };

package/dist/chunks/link-8qHFEKQE.js

@@ -0,0 +1,53 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n, o as r, r as i } from "./element-B4-_7TLZ.js";
+// src/components/core/link/link.css?inline
+var a = ":host{--_swell-link-color-accent:var(--swell-link-color-accent,var(--swell-color-accent));--_swell-control-font-size:var(--swell-control-font-size);--_swell-link-font-weight:var(--swell-link-font-weight,var(--swell-font-strong-weight))}: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{display:inline}:host [part=link]{color:var(--_swell-link-color-accent);text-underline-offset:2px;cursor:pointer;transition:color var(--swell-motion-duration-fast) var(--swell-motion-easing);border-radius:2px;text-decoration:underline}:host(:is(:state(start-content),:state(end-content))) [part=link]{align-items:baseline;gap:calc(1em - 7px);display:inline-flex}:host(:state(plain)) [part=link]{--_swell-link-text:max(12px, calc(var(--_swell-control-font-size) - 1px));min-height:24px;font:var(--_swell-link-font-weight) var(--_swell-link-text) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);align-items:center;gap:calc(1em - 7px);text-decoration:none;display:inline-flex}:host slot:is([name=start],[name=end])::slotted(svg){flex:none;align-self:center;width:calc(1em + 2px);height:calc(1em + 2px)}:host slot:is([name=start],[name=end])::slotted([hidden]){display:none}:host(:focus-visible){outline:none}:host [part=link]:focus-visible,:host(:focus-visible) [part=link]{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:var(--swell-focus-offset)}@media (forced-colors:active){:host [part=link]{color:linktext}}", o = /* @__PURE__ */ e({ SwellLink: () => c }), s = [
+	"href",
+	"target",
+	"rel",
+	"aria-label"
+], c = class extends n {
+	static group = "link";
+	static appearance = "link";
+	static appearances = ["plain"];
+	static styles = a;
+	static template = "<span part=\"link\"><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>";
+	static observedAttributes = [...n.observedAttributes, ...s];
+	constructor() {
+		super(), i(this);
+		for (let e of this.shadowRoot?.querySelectorAll("slot[name]") ?? []) e.addEventListener("slotchange", () => this.#e());
+		new MutationObserver(() => this.#e()).observe(this, {
+			attributeFilter: ["hidden"],
+			subtree: !0
+		});
+	}
+	connectedCallback() {
+		this.#e(), this.#t(), super.connectedCallback();
+	}
+	focus(e) {
+		this.hasAttribute("href") ? this.shadowRoot?.querySelector("a")?.focus(e) : super.focus(e);
+	}
+	update(e) {
+		s.includes(e) && this.#t();
+	}
+	#e() {
+		for (let e of this.shadowRoot?.querySelectorAll("slot[name]") ?? []) {
+			let t = `${e.name}-content`;
+			e.assignedElements().some((e) => !e.hasAttribute("hidden")) ? this.internals.states.add(t) : this.internals.states.delete(t);
+		}
+	}
+	#t() {
+		let e = this.shadowRoot?.querySelector("[part=\"link\"]");
+		if (!e) return;
+		let t = this.hasAttribute("href"), n = this.getRootNode().activeElement === this;
+		!t && !this.hasAttribute("role") ? this.setAttribute("role", "button") : t && this.getAttribute("role") === "button" && this.removeAttribute("role"), r(this, !t);
+		let i = t ? "a" : "span", a = e.localName === i ? e : this.ownerDocument.createElement(i);
+		if (t) for (let e of s) {
+			let t = this.getAttribute(e);
+			t === null ? a.removeAttribute(e) : a.setAttribute(e, t);
+		}
+		a !== e && (a.setAttribute("part", "link"), a.append(...e.childNodes), e.replaceWith(a), n && this.focus({ preventScroll: !0 }));
+	}
+};
+t("swell-link", c);
+export { o as n, c as t };

package/dist/chunks/link-D4NC86oc.js

@@ -0,0 +1,24 @@
+// src/runtime/link.ts
+function e() {
+	let e = /* @__PURE__ */ new WeakMap(), t;
+	return {
+		link(t, n) {
+			e.set(t, n);
+		},
+		groupOf(t) {
+			let n = t.parentElement;
+			return n && e.has(n) ? n : void 0;
+		},
+		linkOf(t) {
+			let n = t.parentElement;
+			return n ? e.get(n) : void 0;
+		},
+		receive(e) {
+			t = e;
+		},
+		sync(e, n) {
+			t(e, n);
+		}
+	};
+}
+export { e as t };

package/dist/chunks/lookup-5icr_T6o.js

@@ -0,0 +1,205 @@
+import { m as e } from "./config-C-FYxOaJ.js";
+import { r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r, t as i } from "./popup-Dbh2fchP.js";
+import { r as a, t as o } from "./input-Uun-ls2_.js";
+import { r as s } from "./select-option-DoM9GAe0.js";
+import { r as c } from "./lookup-list-Bw6OJoDS.js";
+import { n as l, t as u } from "./lookup-option-Mn3k8W2M.js";
+// src/components/core/lookup/lookup.css?inline
+var d = "swell-lookup{--_swell-control-font-size:var(--swell-control-font-size)}swell-lookup[size=xsmall]{--_swell-control-font-size:var(--swell-control-xsmall-font-size)}swell-lookup[size=small]{--_swell-control-font-size:var(--swell-control-small-font-size)}swell-lookup[size=large]{--_swell-control-font-size:var(--swell-control-large-font-size)}swell-lookup[size=xlarge]{--_swell-control-font-size:var(--swell-control-xlarge-font-size)}swell-lookup::part(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);overscroll-behavior:contain;margin:0;padding:0;position:fixed;overflow:auto}@media (forced-colors:active){swell-lookup::part(list){box-shadow:none;border-color:canvastext}}swell-lookup>[slot=action]:not([hidden]){box-sizing:border-box;width:100%;padding:calc(var(--_swell-control-font-size) - 2px) calc(var(--_swell-control-font-size) + 2px);font:inherit;font-weight:var(--swell-font-strong-weight);letter-spacing:inherit;text-align:start;color:var(--swell-color-accent);cursor:pointer;transition:background-color var(--swell-motion-duration-fast) var(--swell-motion-easing);background:0 0;border:0;border-radius:0;margin:0;display:block}swell-lookup>[slot=action]:disabled{cursor:not-allowed;opacity:var(--swell-control-disabled-opacity)}swell-lookup>[slot=action]:focus-visible{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:calc(var(--swell-focus-width) * -1)}swell-lookup>[slot=action]:hover:not(:disabled){background:var(--swell-color-secondary-background)}swell-lookup:has(>swell-lookup-list>swell-lookup-option:not([hidden]))>[slot=action]:not([hidden]){border-top:var(--swell-border-width) solid var(--swell-overlay-color-border)}@media (forced-colors:active){swell-lookup>[slot=action]:focus-visible{outline-color:highlight}}", f = /* @__PURE__ */ t({ SwellLookup: () => h }), p = /* @__PURE__ */ new WeakMap(), m = "<div part=\"list\" popover=\"manual\" tabindex=\"-1\"><slot></slot><slot name=\"action\"></slot></div>", h = class extends o {
+	static styles = a.replaceAll("swell-input", "swell-lookup") + d;
+	static prefix = "swell-lookup";
+	static template = o.template + m;
+	#e;
+	#t;
+	#n;
+	#r;
+	#i = !1;
+	#a = !1;
+	#o = !1;
+	#s;
+	#c = !1;
+	#l;
+	#u;
+	constructor() {
+		super();
+		let e = this.shadowRoot;
+		this.#n = e.querySelector("[part=\"frame\"]"), this.#r = e.querySelector("[part=\"list\"]");
+		for (let e of this.#r.querySelectorAll("slot")) e.addEventListener("slotchange", () => this.#g());
+		new MutationObserver(() => this.#g()).observe(this, {
+			attributeFilter: ["hidden"],
+			childList: !0,
+			characterData: !0,
+			subtree: !0
+		}), this.#r.addEventListener("mousedown", (e) => e.preventDefault()), this.addEventListener("click", this.#A), this.addEventListener("focusout", this.#E), this.addEventListener("keydown", this.#k);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#a = !1, this.#S(!1);
+	}
+	setUpControl(e) {
+		e.addEventListener("keydown", this.#T), super.setUpControl(e), this.#e = e, e.addEventListener("change", (t) => {
+			t.isTrusted && (e.value === this.#s && t.stopImmediatePropagation(), this.#s = void 0);
+		}), e.addEventListener("input", () => {
+			this.#o || (this.#s = void 0, this.#a = !0, this.#y(void 0), this.#x());
+		});
+	}
+	render() {
+		super.render();
+		let e = this.#e;
+		this.#t = this.querySelector(":scope > .swell-lookup-label"), this.#t.id = `${e.id}-label`, this.#_();
+	}
+	update(e) {
+		super.update(e), (e === "disabled" || e === "readonly") && this.#x();
+	}
+	#d() {
+		return [...this.children].find((e) => e.localName === "swell-lookup-list");
+	}
+	#f() {
+		return [...this.#d()?.children ?? []].filter((e) => e instanceof u && !e.hidden);
+	}
+	#p() {
+		return this.#d() !== void 0 && this.#f().length > 0;
+	}
+	#m() {
+		return this.getRootNode().activeElement;
+	}
+	#h() {
+		let e = this.#m();
+		return e !== null && this.contains(e);
+	}
+	#g() {
+		this.#i || (this.#i = !0, queueMicrotask(() => {
+			this.#i = !1, this.#_();
+		}));
+	}
+	#_() {
+		let e = this.#e;
+		if (!e) return;
+		let t = this.#d();
+		if (t) {
+			s.link(t, {
+				choose: () => {},
+				refresh: () => this.#g()
+			}), c(t, "swell-lookup-list");
+			let n = this.#t.id, r = t.getAttribute("aria-labelledby");
+			t.hasAttribute("aria-label") || r !== null && p.get(t) !== r || (t.setAttribute("aria-labelledby", n), p.set(t, n)), e.setAttribute("role", "combobox"), e.setAttribute("aria-autocomplete", "list"), e.setAttribute("aria-expanded", String(this.#c)), e.setAttribute("aria-controls", t.id);
+		} else for (let t of [
+			"role",
+			"aria-autocomplete",
+			"aria-expanded",
+			"aria-controls"
+		]) e.removeAttribute(t);
+		this.#f().forEach((e, t) => s.sync(e, {
+			selected: !1,
+			disabled: e.disabled,
+			first: t === 0
+		})), this.#u && !this.#v().includes(this.#u) ? this.#y(void 0) : this.#u && l(this.#u, !0), this.#x();
+	}
+	#v() {
+		return this.#f().filter((e) => !e.disabled);
+	}
+	#y(e) {
+		this.#u && this.#u !== e && l(this.#u, !1), this.#u = e;
+		let t = this.#e;
+		e ? (l(e, !0), t.setAttribute("aria-activedescendant", e.id), e.scrollIntoView({ block: "nearest" })) : t.removeAttribute("aria-activedescendant");
+	}
+	#b(e) {
+		let t = this.#v();
+		if (t.length === 0) return;
+		let n = this.#u ? t.indexOf(this.#u) : -1, r = n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length;
+		this.#y(t[r]);
+	}
+	#x() {
+		let e = this.#e;
+		this.#S(this.#a && this.isConnected && !this.disabled && !this.readOnly && e !== void 0 && this.#h() && this.#p());
+	}
+	#S(e) {
+		if (e === this.#c) e && this.#C();
+		else if (this.#c = e, this.#l?.(), this.#l = void 0, this.#d() && this.#e?.setAttribute("aria-expanded", String(e)), e) {
+			this.#r.showPopover();
+			let e = this.#C();
+			this.#l = i(this.#C), this.#w(e);
+		} else this.#O(this.#m()) && this.#e?.focus(), this.#r.isConnected && this.#r.matches(":popover-open") && this.#r.hidePopover(), this.#y(void 0);
+	}
+	#C = () => {
+		let e = r(this.#n, this.#r, this);
+		return this.#r.style.transformOrigin = e ? "bottom" : "top", e;
+	};
+	#w(t) {
+		let n = getComputedStyle(this.#r), r = e(n.getPropertyValue("--swell-motion-duration-base"));
+		if (r) try {
+			this.#r.animate([{
+				opacity: 0,
+				transform: `scale(0.96) translateY(${t ? 6 : -6}px)`
+			}, {
+				opacity: 1,
+				transform: "none"
+			}], {
+				duration: r,
+				easing: n.getPropertyValue("--swell-motion-easing")
+			});
+		} catch {}
+	}
+	#T = (e) => {
+		if (e.defaultPrevented || e.isComposing || this.disabled || this.readOnly || !this.#d()) return;
+		let { key: t } = e;
+		if (t === "ArrowDown" || t === "ArrowUp") {
+			if (e.ctrlKey || e.metaKey || e.shiftKey || !this.#p()) return;
+			if (e.preventDefault(), e.altKey && t === "ArrowUp") {
+				this.#D();
+				return;
+			}
+			this.#a = !0, this.#x(), e.altKey || this.#b(t === "ArrowDown" ? 1 : -1);
+		} else t === "Enter" && this.#c && this.#u ? (e.preventDefault(), this.#u.click()) : t === "Escape" && this.#c ? (e.preventDefault(), this.#D()) : [
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		].includes(t) && this.#y(void 0);
+	};
+	#E = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && this.contains(t) || this.#D();
+	};
+	#D() {
+		this.#a = !1, this.#S(!1);
+	}
+	#O(e) {
+		let t = e instanceof Element ? e.closest("[slot=\"action\"]") : null;
+		return t?.parentElement === this ? t : void 0;
+	}
+	#k = (e) => {
+		e.key === "Escape" && !e.defaultPrevented && this.#c && this.#O(e.target) && (e.preventDefault(), this.#e?.focus(), this.#D());
+	};
+	#A = (e) => {
+		let t = e.target, n = this.#O(t);
+		if (n) {
+			n.contains(this.#m()) && this.#e?.focus(), this.#D();
+			return;
+		}
+		let r = t.closest?.("swell-lookup-option");
+		if (!(r instanceof u) || r.parentElement !== this.#d() || r.disabled || this.disabled || this.readOnly) return;
+		this.#h() && this.#e?.focus(), this.#D();
+		let i = r.label;
+		setTimeout(() => {
+			!e.defaultPrevented && this.isConnected && this.#j(i);
+		});
+	};
+	#j(e) {
+		let t = this.#e;
+		t.value = e, this.#o = !0;
+		try {
+			t.dispatchEvent(new InputEvent("input", {
+				bubbles: !0,
+				composed: !0,
+				inputType: "insertReplacementText",
+				data: e
+			}));
+		} finally {
+			this.#o = !1;
+		}
+		this.#s = e, t.dispatchEvent(new Event("change", { bubbles: !0 }));
+	}
+};
+n("swell-lookup", h);
+export { f as n, h as t };

package/dist/chunks/lookup-list-Bw6OJoDS.js

@@ -0,0 +1,19 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+// src/components/core/lookup/lookup-list.ts
+var r = /* @__PURE__ */ e({
+	SwellLookupList: () => c,
+	ownId: () => s
+}), i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new Set(), o = 0;
+function s(e, t) {
+	let n = e.id;
+	(!n || a.has(n) && i.get(e) !== n) && (e.id = `${t}-${++o}`, a.add(e.id), i.set(e, e.id));
+}
+var c = class extends n {
+	static styles = ":host { display: block; }";
+	connectedCallback() {
+		this.hasAttribute("role") || this.setAttribute("role", "listbox"), s(this, "swell-lookup-list"), super.connectedCallback();
+	}
+};
+t("swell-lookup-list", c);
+export { r as n, s as r, c as t };

package/dist/chunks/lookup-option-Mn3k8W2M.js

@@ -0,0 +1,26 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { t as n } from "./select-option-DoM9GAe0.js";
+import { r } from "./lookup-list-Bw6OJoDS.js";
+// src/components/core/lookup/lookup-option.css?inline
+var i = ":host .check{display:none}:host(:state(focused)){background:var(--swell-color-secondary-background);outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:calc(var(--swell-focus-width) * -1)}@media (forced-colors:active){:host(:state(focused)){forced-color-adjust:none;color:highlighttext;background:highlight;outline-color:highlighttext}:host(:state(focused)) .hint{color:inherit}}", a = /* @__PURE__ */ e({
+	SwellLookupOption: () => c,
+	activate: () => s
+}), o;
+function s(e, t) {
+	o(e, t);
+}
+var c = class extends n {
+	static styles = n.styles + i;
+	static focusable = !1;
+	static {
+		o = (e, t) => e.#e(t);
+	}
+	connectedCallback() {
+		r(this, "swell-lookup-option"), super.connectedCallback();
+	}
+	#e(e) {
+		this.setAttribute("aria-selected", String(e)), e ? this.internals.states.add("focused") : this.internals.states.delete("focused");
+	}
+};
+t("swell-lookup-option", c);
+export { s as n, a as r, c as t };