@swell/swell-ui 0.1.0 → 0.1.1

package/dist/chunks/badge-Dt6q8Cqa.js

@@ -0,0 +1,11 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+// src/components/core/badge/badge.css?inline
+var r = ":host{--_swell-badge-font-size:var(--swell-badge-font-size,var(--swell-font-footnote-size));--_swell-badge-height:var(--swell-badge-height,24px);--_swell-badge-color-border:var(--swell-badge-color-border,var(--swell-color-border));--_swell-badge-font-weight:var(--swell-badge-font-weight,var(--swell-font-strong-weight));--_swell-badge-color-accent:var(--swell-badge-color-accent,var(--swell-color-foreground));--_swell-badge-color-background:var(--swell-badge-color-background,var(--swell-color-foreground));--_swell-badge-color-foreground:var(--swell-badge-color-foreground,var(--swell-color-background))}:host([size=xsmall]){--_swell-badge-font-size:var(--swell-badge-xsmall-font-size,10px);--_swell-badge-height:var(--swell-badge-xsmall-height,16px);--_swell-badge-font-weight:var(--swell-badge-xsmall-font-weight,var(--swell-font-bold-weight))}:host([size=small]){--_swell-badge-font-size:var(--swell-badge-small-font-size,11px);--_swell-badge-height:var(--swell-badge-small-height,20px);--_swell-badge-font-weight:var(--swell-badge-small-font-weight,var(--swell-font-bold-weight))}:host([size=large]){--_swell-badge-font-size:var(--swell-badge-large-font-size,13px);--_swell-badge-height:var(--swell-badge-large-height,28px)}:host([size=xlarge]){--_swell-badge-font-size:var(--swell-badge-xlarge-font-size,14px);--_swell-badge-height:var(--swell-badge-xlarge-height,32px)}:host{justify-content:center;align-items:center;gap:calc(var(--_swell-badge-font-size) - 7px);box-sizing:border-box;height:var(--_swell-badge-height);min-width:var(--_swell-badge-height);padding:0 min(calc(var(--_swell-badge-height) / 2 - 4px), calc((var(--_swell-badge-height) - 2em / 3) / 2));border:var(--swell-border-width) solid var(--_swell-badge-color-border);font:var(--_swell-badge-font-weight) var(--_swell-badge-font-size) / 1 var(--swell-font-family);letter-spacing:var(--swell-font-tracking);white-space:nowrap;color:var(--_swell-badge-color-accent);background:0 0;border-radius:999px;display:inline-flex}:host(:state(filled)){background:var(--_swell-badge-color-background);color:var(--_swell-badge-color-foreground);border:none}:host slot[name=start]::slotted(svg){width:calc(var(--_swell-badge-font-size) + 1px);height:calc(var(--_swell-badge-font-size) + 1px);flex:none}:host slot[name=start]::slotted([hidden]){display:none}@media (forced-colors:active){:host,:host(:state(filled)){border:max(1px, var(--swell-border-width)) solid CanvasText}}", i = /* @__PURE__ */ e({ SwellBadge: () => a }), a = class extends n {
+	static group = "badge";
+	static appearance = "badge";
+	static styles = r;
+	static template = "<slot name=\"start\"></slot><slot></slot>";
+};
+t("swell-badge", a);
+export { i as n, a as t };

package/dist/chunks/button-C7nCiu-t.js

@@ -0,0 +1,123 @@
+import { m as e } from "./config-C-FYxOaJ.js";
+import { n as t, r as n, t as r } from "./define-BlQTa1g4.js";
+import { n as i, o as a, r as o } from "./element-B4-_7TLZ.js";
+// src/components/core/button/button.css?inline
+var s = ":host{--_swell-button-font-size:var(--swell-button-font-size,var(--swell-control-font-size));--_swell-button-height:var(--swell-button-height,var(--swell-control-height));--_swell-button-color-border:var(--swell-button-color-border,var(--swell-button-color-accent,var(--swell-color-accent)));--_swell-button-border-radius:var(--swell-button-border-radius,var(--swell-border-radius));--_swell-button-font-weight:var(--swell-button-font-weight,650);--_swell-button-font-tracking:var(--swell-button-font-tracking,var(--swell-font-tracking));--_swell-button-color-background:var(--swell-button-color-background,var(--swell-button-color-accent,var(--swell-color-accent)));--_swell-button-color-foreground:var(--swell-button-color-foreground,var(--swell-color-background));--_swell-button-shadow:var(--swell-button-shadow,0px 12px 24px -16px);--_swell-button-color-shadow:var(--swell-button-color-shadow,light-dark(#3a66f599,#5b8cff99));--_swell-button-color-accent:var(--swell-button-color-accent,var(--swell-color-accent));--_swell-button-hover-offset:var(--swell-button-hover-offset,-1px);--_swell-button-hover-shadow:var(--swell-button-hover-shadow,0px 16px 30px -16px)}:host([size=xsmall]){--_swell-button-font-size:var(--swell-button-xsmall-font-size,var(--swell-control-xsmall-font-size));--_swell-button-height:var(--swell-button-xsmall-height,var(--swell-control-xsmall-height))}:host([size=small]){--_swell-button-font-size:var(--swell-button-small-font-size,var(--swell-control-small-font-size));--_swell-button-height:var(--swell-button-small-height,var(--swell-control-small-height))}:host([size=large]){--_swell-button-font-size:var(--swell-button-large-font-size,var(--swell-control-large-font-size));--_swell-button-height:var(--swell-button-large-height,var(--swell-control-large-height));--_swell-button-font-tracking:var(--swell-button-large-font-tracking,-.01em)}:host([size=xlarge]){--_swell-button-font-size:var(--swell-button-xlarge-font-size,var(--swell-control-xlarge-font-size));--_swell-button-height:var(--swell-button-xlarge-height,var(--swell-control-xlarge-height));--_swell-button-font-tracking:var(--swell-button-xlarge-font-tracking,-.01em)}:host{justify-content:center;align-items:center;gap:calc(var(--_swell-button-font-size) - 6px);box-sizing:border-box;min-width:24px;height:var(--_swell-button-height);padding:0 calc(var(--_swell-button-height) / 2 - 4px);border:var(--swell-border-width) solid var(--_swell-button-color-border);border-radius:var(--_swell-button-border-radius);font:var(--_swell-button-font-weight) var(--_swell-button-font-size) / 1 var(--swell-font-family);letter-spacing:var(--_swell-button-font-tracking);white-space:nowrap;background:var(--_swell-button-color-background);color:var(--_swell-button-color-foreground);box-shadow:var(--_swell-button-shadow) var(--_swell-button-color-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--swell-motion-duration-fast) var(--swell-motion-easing), border-color var(--swell-motion-duration-fast) var(--swell-motion-easing), color var(--swell-motion-duration-fast) var(--swell-motion-easing), box-shadow var(--swell-motion-duration-base) var(--swell-motion-easing), transform var(--swell-motion-duration-base) var(--swell-motion-easing);display:inline-flex}:host([shape=pill]){border-radius:999px}:host([href]){padding:0}:host a{justify-content:center;align-self:stretch;align-items:center;gap:inherit;padding:0 calc(var(--_swell-button-height) / 2 - 4px);border-radius:inherit;color:inherit;text-decoration:none;display:inline-flex}:host a:focus-visible{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:calc(var(--swell-focus-offset) + var(--swell-border-width))}:host(:state(outline)) a:focus-visible{outline-offset:calc(var(--swell-focus-offset) + var(--swell-border-strong-width))}:host slot[name=start]::slotted(:is(svg,img)),:host slot[name=end]::slotted(:is(svg,img)){width:calc(var(--_swell-button-font-size) + 4px);height:calc(var(--_swell-button-font-size) + 4px);flex:none}:host slot[name=end]::slotted(*){transition:transform var(--swell-motion-duration-base) var(--swell-motion-easing)}:host .spinner{box-sizing:border-box;width:calc(var(--_swell-button-font-size) + 2px);height:calc(var(--_swell-button-font-size) + 2px);border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;display:none}:host .check{width:calc(var(--_swell-button-font-size) + 6px);height:calc(var(--_swell-button-font-size) + 6px);flex:none;display:none}:host(:state(outline)){border-width:var(--swell-border-strong-width);color:var(--_swell-button-color-accent);box-shadow:none;background:0 0}:host(:state(plain)){color:var(--_swell-button-color-accent);box-shadow:none;background:0 0;border-color:#0000}:host(:hover){transform:translateY(var(--_swell-button-hover-offset))}:host(:state(filled):hover){box-shadow:var(--_swell-button-hover-shadow) var(--_swell-button-color-shadow)}:host(:state(plain):hover:not([aria-disabled=true],[success])){background-color:var(--swell-color-secondary-background)}:host(:active){transform:scale(.98)}:host(:hover:not([aria-expanded],[aria-disabled=true])) slot[name=end]::slotted(*){transform:translate(4px)}:host(:dir(rtl):hover:not([aria-expanded],[aria-disabled=true])) slot[name=end]::slotted(*){transform:translate(-4px)}:host([loading]){cursor:progress;transform:none}:host([loading]) .spinner{animation:swell-button-spin calc(var(--swell-motion-duration-loop) * 2 / 3) linear infinite;display:block}:host([loading]) :is(slot[name=start],slot[name=end]){display:none}:host([href][loading]){cursor:pointer}:host([href]) .spinner{display:none}:host([href][loading]) :is(slot[name=start],slot[name=end]){display:contents}@keyframes swell-button-spin{to{transform:rotate(360deg)}}:host([success]),:host([success]:hover){border-color:var(--swell-color-success);background:var(--swell-color-success);color:var(--swell-color-background);box-shadow:var(--_swell-button-shadow) var(--swell-color-success);cursor:default;transform:none}:host([success]) :is(slot[name=start],slot[name=end],.spinner){display:none}:host([success]) .check{display:block}:host([success]) .check path{stroke-dasharray:26;animation:swell-button-draw var(--swell-motion-duration-slow) var(--swell-motion-easing)}@keyframes swell-button-draw{0%{stroke-dashoffset:26px}}:host(:focus-visible){outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:var(--swell-focus-offset)}:host([aria-disabled=true]:not([success])){cursor:not-allowed;opacity:var(--swell-control-disabled-opacity);box-shadow:none;transform:none}@media (forced-colors:active){:host,:host([success]){color:buttontext;box-shadow:none;background:buttonface;border-color:buttontext}:host .spinner{forced-color-adjust:none}}", c = /* @__PURE__ */ n({ SwellButton: () => f }), l = [
+	"href",
+	"target",
+	"rel",
+	"aria-label"
+], u = "<span class=\"spinner\" aria-hidden=\"true\"></span><svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"/></svg><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot>", d = [
+	[.1, -1],
+	[.2, 2],
+	[.3, -5],
+	[.4, 5],
+	[.5, -5],
+	[.6, 5],
+	[.7, -5],
+	[.8, 2],
+	[.9, -1]
+].map(([e, t]) => ({
+	offset: e,
+	transform: `translateX(${t}px)`
+})), f = class extends i {
+	static group = "button";
+	static appearance = "button";
+	static styles = s;
+	static template = u;
+	static formAssociated = !0;
+	static observedAttributes = [
+		...i.observedAttributes,
+		"disabled",
+		"loading",
+		"success",
+		...l
+	];
+	#e = !1;
+	#t;
+	constructor() {
+		super(), this.addEventListener("click", this.#o, { capture: !0 }), this.addEventListener("click", this.#s), o(this, () => this.#r);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	get loading() {
+		return this.hasAttribute("loading");
+	}
+	set loading(e) {
+		this.toggleAttribute("loading", !!e);
+	}
+	get success() {
+		return this.hasAttribute("success");
+	}
+	set success(e) {
+		this.toggleAttribute("success", !!e);
+	}
+	get type() {
+		let e = this.getAttribute("type");
+		return e === "reset" || e === "button" ? e : "submit";
+	}
+	set type(e) {
+		this.setAttribute("type", e);
+	}
+	shake() {
+		this.#t?.cancel();
+		let t = getComputedStyle(this), n = e(t.getPropertyValue("--swell-motion-duration-slow"));
+		if (n) try {
+			this.#t = this.animate(d, {
+				duration: n,
+				easing: t.getPropertyValue("--swell-motion-easing")
+			});
+		} catch {}
+	}
+	connectedCallback() {
+		t(this, "disabled"), t(this, "loading"), t(this, "success"), this.#a(), this.#n(), super.connectedCallback();
+	}
+	formDisabledCallback(e) {
+		this.#e = e, this.#i();
+	}
+	focus(e) {
+		let t = this.shadowRoot?.querySelector("a");
+		t ? t.focus(e) : super.focus(e);
+	}
+	update(e) {
+		l.includes(e) && this.#a(), (e === "disabled" || e === "success") && this.#i(), (e === "loading" || e === "success") && this.#n();
+	}
+	#n() {
+		this.loading && !this.success && !this.hasAttribute("href") ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy");
+	}
+	get #r() {
+		return this.disabled || this.#e;
+	}
+	#i() {
+		let e = this.hasAttribute("href");
+		!e && (this.#r || this.success) ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"), a(this, !e && !this.#r);
+	}
+	#a() {
+		let e = this.shadowRoot, 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"), this.#i();
+		let r = e.querySelector("a");
+		if (t) {
+			r || (r = this.ownerDocument.createElement("a"), r.append(...e.childNodes), e.append(r));
+			for (let e of l) {
+				let t = this.getAttribute(e);
+				t === null ? r.removeAttribute(e) : r.setAttribute(e, t);
+			}
+		} else r?.replaceWith(...r.childNodes);
+		n && this.focus({ preventScroll: !0 });
+	}
+	#o = (e) => {
+		this.hasAttribute("href") || (this.#r || this.loading || this.success) && (e.preventDefault(), e.stopImmediatePropagation());
+	};
+	#s = (e) => {
+		setTimeout(() => {
+			let t = this.internals.form;
+			e.defaultPrevented || !t || this.hasAttribute("href") || (this.type === "submit" ? t.requestSubmit() : this.type === "reset" && t.reset());
+		});
+	};
+};
+r("swell-button", f);
+export { c as n, f as t };

package/dist/chunks/card-CvSQEug8.js

@@ -0,0 +1,10 @@
+import { r as e, t } from "./define-BlQTa1g4.js";
+import { n } from "./element-B4-_7TLZ.js";
+// src/components/core/card/card.css?inline
+var r = ":host{--_swell-control-font-size:var(--swell-control-font-size);--_swell-card-color-border:var(--swell-card-color-border,var(--swell-color-border));--_swell-card-border-radius:var(--swell-card-border-radius,var(--swell-border-radius));--_swell-card-color-background:var(--swell-card-color-background,var(--swell-color-background))}: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{box-sizing:border-box;padding:calc(var(--_swell-control-font-size) + 2px);border:var(--swell-border-width) solid var(--_swell-card-color-border);border-radius:var(--_swell-card-border-radius);background:var(--_swell-card-color-background);display:block}:host(:state(filled)){background:var(--swell-color-secondary-background);border:none}@media (forced-colors:active){:host,:host(:state(filled)){border:max(1px, var(--swell-border-width)) solid CanvasText}}", i = /* @__PURE__ */ e({ SwellCard: () => a }), a = class extends n {
+	static group = "card";
+	static appearance = "card";
+	static styles = r;
+};
+t("swell-card", a);
+export { i as n, a as t };

package/dist/chunks/checkbox-BRI_A1TP.js

@@ -0,0 +1,99 @@
+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 { t as a } from "./element-B4-_7TLZ.js";
+// src/components/core/checkbox/checkbox.css?inline
+var o = "swell-checkbox{--_swell-control-font-size:var(--swell-control-font-size);--_swell-checkbox-border-radius:var(--swell-checkbox-border-radius,3px)}swell-checkbox[size=xsmall]{--_swell-control-font-size:var(--swell-control-xsmall-font-size)}swell-checkbox[size=small]{--_swell-control-font-size:var(--swell-control-small-font-size)}swell-checkbox[size=large]{--_swell-control-font-size:var(--swell-control-large-font-size)}swell-checkbox[size=xlarge]{--_swell-control-font-size:var(--swell-control-xlarge-font-size)}swell-checkbox{--_swell-checkbox-box:calc(var(--_swell-control-font-size) + 2px);--_swell-checkbox-target:max(24px, calc(var(--_swell-checkbox-box) + 8px));--_swell-checkbox-gap:calc(var(--_swell-control-font-size) - 6px - (var(--_swell-checkbox-target) - var(--_swell-checkbox-box)) / 2);gap:var(--swell-field-gap);display:grid}swell-checkbox[hidden]{display:none!important}swell-checkbox [hidden]{display:none}swell-checkbox .swell-checkbox-row{gap:var(--_swell-checkbox-gap);align-items:flex-start;display:flex}swell-checkbox .swell-checkbox-target{width:var(--_swell-checkbox-target);height:var(--_swell-checkbox-target);flex:none;place-items:center;margin-block-start:max(0px, calc(( var(--_swell-control-font-size) * var(--swell-font-leading) - var(--_swell-checkbox-target) ) / 2));display:grid;position:relative}swell-checkbox .swell-checkbox-control{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}swell-checkbox .swell-checkbox-box{box-sizing:border-box;width:var(--_swell-checkbox-box);height:var(--_swell-checkbox-box);border:var(--swell-border-width) solid var(--swell-field-color-border);border-radius:var(--_swell-checkbox-border-radius);color:#0000;pointer-events:none;transition:background-color var(--swell-motion-duration-base) var(--swell-motion-easing), border-color var(--swell-motion-duration-base) var(--swell-motion-easing);background:0 0;place-items:center;padding:2px;display:grid}swell-checkbox .swell-checkbox-box svg{opacity:0;width:100%;height:100%;transition:opacity var(--swell-motion-duration-fast) var(--swell-motion-easing), transform var(--swell-motion-duration-base) var(--swell-motion-spring);display:block;transform:scale(.4)}swell-checkbox[invalid] .swell-checkbox-box{border-color:var(--swell-color-danger)}swell-checkbox .swell-checkbox-control:hover+.swell-checkbox-box{border-color:var(--swell-field-hover-color-border)}swell-checkbox .swell-checkbox-control:checked+.swell-checkbox-box{border-color:var(--swell-color-accent);background:var(--swell-color-accent);color:var(--swell-color-background)}swell-checkbox .swell-checkbox-control:checked+.swell-checkbox-box svg{opacity:1;transform:none}swell-checkbox .swell-checkbox-control:focus-visible+.swell-checkbox-box{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:var(--swell-focus-offset)}swell-checkbox[invalid] .swell-checkbox-control:focus-visible+.swell-checkbox-box{outline-color:var(--swell-color-danger)}swell-checkbox .swell-checkbox-label{padding-top:calc(( var(--_swell-checkbox-target) - var(--_swell-control-font-size) * var(--swell-font-leading) ) / 2);font:var(--swell-font-weight) var(--_swell-control-font-size) / var(--swell-font-leading) var(--swell-font-family);letter-spacing:var(--swell-font-tracking);color:var(--swell-color-foreground);cursor:pointer}swell-checkbox:has(.swell-checkbox-control:disabled) .swell-checkbox-row{opacity:var(--swell-control-disabled-opacity)}swell-checkbox .swell-checkbox-control:disabled,swell-checkbox:has(.swell-checkbox-control:disabled) .swell-checkbox-label{cursor:not-allowed}swell-checkbox .swell-checkbox-hint,swell-checkbox .swell-checkbox-error{font:var(--swell-font-weight) max(12px, calc(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);padding-inline-start:calc(var(--_swell-checkbox-target) + var(--_swell-checkbox-gap))}swell-checkbox .swell-checkbox-error:not([hidden]){font-weight:var(--swell-font-strong-weight);color:var(--swell-color-danger)}@media (forced-colors:active){swell-checkbox .swell-checkbox-box{border-color:fieldtext}swell-checkbox .swell-checkbox-control:checked+.swell-checkbox-box{color:highlighttext;background:highlight}}", s = /* @__PURE__ */ t({ SwellCheckbox: () => p }), c = ["name", "value"], l = ["disabled", "required"], u = [
+	"label",
+	"hint",
+	"error",
+	"invalid",
+	"checked"
+], d = "<svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3.5 8.5 3 3 6-7\"/></svg>", f = 0, p = class extends a {
+	static labelPosition = !1;
+	static styles = o;
+	static observedAttributes = [
+		...a.observedAttributes,
+		...u,
+		...c,
+		...l
+	];
+	#e;
+	#t;
+	#n;
+	#r;
+	get checked() {
+		return this.#e ? this.#e.checked : this.#r ?? this.hasAttribute("checked");
+	}
+	set checked(e) {
+		this.#e ? this.#e.checked = !!e : this.#r = !!e;
+	}
+	get value() {
+		return this.getAttribute("value") ?? "on";
+	}
+	set value(e) {
+		this.setAttribute("value", e);
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	get required() {
+		return this.hasAttribute("required");
+	}
+	set required(e) {
+		this.toggleAttribute("required", !!e);
+	}
+	get invalid() {
+		return this.hasAttribute("invalid");
+	}
+	set invalid(e) {
+		this.toggleAttribute("invalid", !!e);
+	}
+	get name() {
+		return this.getAttribute("name") ?? "";
+	}
+	set name(e) {
+		this.setAttribute("name", e);
+	}
+	focus(e) {
+		this.#e?.focus(e);
+	}
+	connectedCallback() {
+		for (let t of [
+			"checked",
+			"value",
+			"disabled",
+			"required",
+			"invalid",
+			"name"
+		]) e(this, t);
+		super.connectedCallback();
+	}
+	render() {
+		let e = this.querySelector(".swell-checkbox-control");
+		e && e.checked !== e.defaultChecked && (this.#r ??= e.checked);
+		let t = `swell-checkbox-${++f}`, n = document.createElement("div");
+		n.className = "swell-checkbox-row";
+		let r = document.createElement("span");
+		r.className = "swell-checkbox-target", this.#e = document.createElement("input"), this.#e.type = "checkbox", this.#e.className = "swell-checkbox-control", this.#e.id = t;
+		let a = document.createElement("span");
+		a.className = "swell-checkbox-box", a.setAttribute("aria-hidden", "true"), a.innerHTML = d, this.#t = document.createElement("label"), this.#t.className = "swell-checkbox-label", this.#t.htmlFor = t, this.#n = i("swell-checkbox", t), r.append(this.#e, a), n.append(r, this.#t), this.replaceChildren(n, this.#n.hint, this.#n.error);
+		for (let e of [
+			...u,
+			...c,
+			...l
+		]) this.#i(e);
+		this.#r !== void 0 && (this.#e.checked = this.#r, this.#r = void 0);
+	}
+	update(e) {
+		this.#e && this.#i(e);
+	}
+	#i(e) {
+		let t = this.#e, n = this.getAttribute(e);
+		l.includes(e) ? t.toggleAttribute(e, n !== null) : c.includes(e) ? n === null ? t.removeAttribute(e) : t.setAttribute(e, n) : e === "checked" ? t.defaultChecked = n !== null : e === "label" ? this.#t.textContent = n ?? "" : r(this, t, this.#n);
+	}
+};
+n("swell-checkbox", p);
+export { s as n, p as t };

package/dist/chunks/chip-BtnufSMG.js

@@ -0,0 +1,48 @@
+import { n as e, r as t, t as n } from "./define-BlQTa1g4.js";
+import { n as r } from "./element-B4-_7TLZ.js";
+// src/components/core/chip/chip.css?inline
+var i = ":host{--_swell-chip-font-size:var(--swell-chip-font-size,var(--swell-font-caption-size));--_swell-chip-height:var(--swell-chip-height,32px);--_swell-chip-color-border:var(--swell-chip-color-border,var(--swell-color-border));--_swell-chip-font-weight:var(--swell-chip-font-weight,var(--swell-font-bold-weight));--_swell-chip-font-tracking:var(--swell-chip-font-tracking,.03em);--_swell-chip-color-background:var(--swell-chip-color-background,var(--swell-color-background));--_swell-chip-color-foreground:var(--swell-chip-color-foreground,var(--swell-color-foreground));--_swell-chip-color-accent:var(--swell-chip-color-accent,var(--swell-color-secondary-foreground))}:host([size=xsmall]){--_swell-chip-font-size:var(--swell-chip-xsmall-font-size,11px);--_swell-chip-height:var(--swell-chip-xsmall-height,24px)}:host([size=small]){--_swell-chip-font-size:var(--swell-chip-small-font-size,12px);--_swell-chip-height:var(--swell-chip-small-height,28px)}:host([size=large]){--_swell-chip-font-size:var(--swell-chip-large-font-size,14px);--_swell-chip-height:var(--swell-chip-large-height,36px)}:host([size=xlarge]){--_swell-chip-font-size:var(--swell-chip-xlarge-font-size,16px);--_swell-chip-height:var(--swell-chip-xlarge-height,40px)}:host{align-items:center;gap:calc(var(--_swell-chip-font-size) - 7px);box-sizing:border-box;height:var(--_swell-chip-height);padding-inline:calc(var(--_swell-chip-height) / 2 - 4px) 0;border:var(--swell-border-width) solid var(--_swell-chip-color-border);font:var(--_swell-chip-font-weight) var(--_swell-chip-font-size) / 1 var(--swell-font-family);letter-spacing:var(--_swell-chip-font-tracking);white-space:nowrap;background:var(--_swell-chip-color-background);color:var(--_swell-chip-color-foreground);animation:swell-chip-pop var(--swell-motion-duration-slow) var(--swell-motion-spring);border-radius:999px;display:inline-flex}@keyframes swell-chip-pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.12)}}:host slot[name=start]::slotted(svg){width:calc(var(--_swell-chip-font-size) + 2px);height:calc(var(--_swell-chip-font-size) + 2px);flex:none}:host slot[name=start]::slotted([hidden]){display:none}:host [part=remove]{width:max(24px, var(--_swell-chip-height));height:max(24px, var(--_swell-chip-height));margin-block:calc(-1 * var(--swell-border-width));color:var(--_swell-chip-color-accent);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline-end:calc(-1 * var(--swell-border-width));padding:0;display:grid}:host [part=remove] svg{width:calc(var(--_swell-chip-font-size) + 2px);height:calc(var(--_swell-chip-font-size) + 2px)}:host [part=remove]:disabled{cursor:not-allowed;opacity:var(--swell-control-disabled-opacity)}:host [part=remove]:focus-visible{outline:var(--swell-focus-width) solid var(--swell-focus-color);outline-offset:var(--swell-focus-offset)}@media (forced-colors:active){:host{border-color:canvastext}:host [part=remove]{color:buttontext}}", a = /* @__PURE__ */ t({ SwellChip: () => s }), o = "<slot name=\"start\"></slot><slot></slot><button type=\"button\" part=\"remove\" tabindex=\"0\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></button>", s = class extends r {
+	static styles = i;
+	static template = o;
+	static formAssociated = !0;
+	static observedAttributes = [
+		...r.observedAttributes,
+		"disabled",
+		"remove-label"
+	];
+	constructor() {
+		super(), this.#e.addEventListener("click", (e) => {
+			e.detail <= 1 && !this.matches(":disabled") && this.dispatchEvent(new Event("remove", { bubbles: !0 }));
+		});
+	}
+	get disabled() {
+		return this.hasAttribute("disabled");
+	}
+	set disabled(e) {
+		this.toggleAttribute("disabled", !!e);
+	}
+	connectedCallback() {
+		e(this, "disabled"), super.connectedCallback();
+	}
+	formDisabledCallback() {
+		this.#t();
+	}
+	focus(e) {
+		this.#e.focus(e);
+	}
+	get #e() {
+		return this.shadowRoot?.querySelector("[part=\"remove\"]");
+	}
+	update(e) {
+		e === "remove-label" && this.#n(), e === "disabled" && this.#t();
+	}
+	#t() {
+		this.#e.disabled = this.matches(":disabled");
+	}
+	#n() {
+		let e = this.getAttribute("remove-label");
+		e ? this.#e.setAttribute("aria-label", e) : this.#e.removeAttribute("aria-label");
+	}
+};
+n("swell-chip", s);
+export { a as n, s as t };