import { removeEmptySlotWhitespace as e } from "../internal/utils/dom.js";
import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
import { useStyles as n } from "../internal/styles/index.js";
import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
import { Icon as i } from "../icon/icon2.js";
import { Button as a } from "../button/button2.js";
import o from "./icon-button.js";
import { html as s } from "lit";
import { property as c } from "lit/decorators/property.js";
//#region src/icon-button/icon-button.ts
var l = class extends a {
	static {
		this.styles = n([...a.styles, o]);
	}
	static {
		this.metadata = {
			tag: "nve-icon-button",
			version: "0.2.3"
		};
	}
	static {
		this.elementDefinitions = { [i.metadata.tag]: i };
	}
	render() {
		return s`<div internal-host interaction-state focus-within aria-hidden="true"><slot @slotchange="${(t) => e(t.target)}"><nve-icon .name="${this.iconName}" .direction="${this.direction}" .size="${this.size}" aria-hidden="true" part="icon"></nve-icon></slot></div><slot name="anchor"></slot>`;
	}
};
r([c({
	type: String,
	attribute: "icon-name"
})], l.prototype, "iconName", void 0), r([c({
	type: String,
	reflect: !0
})], l.prototype, "direction", void 0), r([c({
	type: String,
	reflect: !0
})], l.prototype, "size", void 0), l = r([t()], l);
//#endregion
export { l as IconButton };

//# sourceMappingURL=icon-button2.js.map