@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/busy-BmFfwyz_.js

@@ -0,0 +1,168 @@
+import { t as e } from "./tailwind.mixin-DufHBjmb.js";
+import { t } from "./decorate-D_utPUsC.js";
+import "./mixins.js";
+import { customElement as n, property as r } from "lit/decorators.js";
+import { css as i, html as a } from "lit";
+var o = class extends e(i`
+	:host {
+		display: inline;
+		position: absolute;
+		inset: 0;
+		pointer-events: all;
+		z-index: 50;
+	}
+`) {
+	render() {
+		return a`
+			<!-- Clean overlay with subtle backdrop -->
+			<div class="absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]">
+				<!-- Content container with clean surface -->
+				<div class="relative flex items-center justify-center p-4">
+					
+					<!-- Content slot -->
+					<div class="relative z-10">
+						<slot>
+							<!-- Default spinner if no content provided -->
+							<schmancy-spinner ></schmancy-spinner>
+						</slot>
+					</div>
+				</div>
+			</div>
+		`;
+	}
+};
+o = t([n("schmancy-busy")], o);
+var s = class extends e(i`
+	:host {
+		display: inline-block;
+		color: inherit; /* Inherit from parent by default */
+	}
+
+	/* Explicit color options when needed */
+	:host([color="primary"]) {
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="on-primary"]) {
+		color: var(--schmancy-sys-color-primary-on);
+	}
+
+	:host([color="secondary"]) {
+		color: var(--schmancy-sys-color-secondary-default);
+	}
+
+	:host([color="on-secondary"]) {
+		color: var(--schmancy-sys-color-secondary-on);
+	}
+
+	:host([color="tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-default);
+	}
+
+	:host([color="on-tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-on);
+	}
+
+	:host([color="error"]) {
+		color: var(--schmancy-sys-color-error-default);
+	}
+
+	:host([color="on-error"]) {
+		color: var(--schmancy-sys-color-error-on);
+	}
+
+	:host([color="success"]) {
+		color: var(--schmancy-sys-color-success-default);
+	}
+
+	:host([color="on-success"]) {
+		color: var(--schmancy-sys-color-success-on);
+	}
+
+	:host([color="surface"]) {
+		color: var(--schmancy-sys-color-surface-default);
+	}
+
+	:host([color="on-surface"]) {
+		color: var(--schmancy-sys-color-surface-on);
+	}
+
+	:host([color="surface-variant"]) {
+		color: var(--schmancy-sys-color-surface-variant-default);
+	}
+
+	:host([color="on-surface-variant"]) {
+		color: var(--schmancy-sys-color-surface-onVariant);
+	}
+
+	.spinner {
+		animation: spin 1s linear infinite;
+		animation-direction: reverse;
+	}
+
+	@keyframes spin {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+`) {
+	constructor(...e) {
+		super(...e), this.size = "md", this.glass = !1;
+	}
+	render() {
+		let e = {
+			xxs: 12,
+			xs: 16,
+			sm: 20,
+			md: 24,
+			lg: 32
+		}, t;
+		t = typeof this.size == "string" && this.size in e ? e[this.size] : typeof this.size != "number" || isNaN(this.size) ? 24 : 4 * this.size;
+		let n = {
+			width: `${t}px`,
+			height: `${t}px`
+		};
+		return this.glass ? a`
+			<div class="spinner relative" style=${this.styleMap(n)}>
+				<!-- Glass container with Apple-style effect -->
+				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150
+							bg-surface-container/20
+							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
+							border border-outline-variant/30"></div>
+				
+				<!-- Spinner SVG -->
+				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" 
+					 style="width: 100%; height: 100%;" class="relative z-10">
+					<path
+						opacity=".7"
+						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
+						stroke="currentColor"
+						stroke-width="2"
+					></path>
+					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
+					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor" opacity="0.8"></path>
+				</svg>
+			</div>
+		` : a`
+			<div class="spinner" style=${this.styleMap(n)}>
+				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" style="width: 100%; height: 100%;">
+					<path
+						opacity=".5"
+						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
+						stroke="currentColor"
+						stroke-width="2"
+					></path>
+					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
+					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path>
+				</svg>
+			</div>
+		`;
+	}
+};
+t([r({
+	type: String,
+	reflect: !0
+})], s.prototype, "color", void 0), t([r()], s.prototype, "size", void 0), t([r({ type: Boolean })], s.prototype, "glass", void 0), s = t([n("schmancy-spinner")], s);

package/dist/busy-BmFfwyz_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"busy-BmFfwyz_.js","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default */\n\t}\n\n\t/* Explicit color options when needed */\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' | 'on-primary' | 'secondary' | 'on-secondary' |\n\t        'tertiary' | 'on-tertiary' | 'error' | 'on-error' |\n\t        'success' | 'on-success' | 'surface' | 'on-surface' |\n\t        'surface-variant' | 'on-surface-variant'\n\n\t/**\n\t * Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t */\n\t@property() size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16,  // fits in 32px button\n\t\t\tsm: 20,  // fits in 40px button\n\t\t\tmd: 24,  // fits in 48px button (default)\n\t\t\tlg: 32,  // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size * 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":";;;;;AAKe,IAAA,IAAA,cAA2B,EAAgB,CAAG;;;;;;;;;CAS5D,SAAA;AACC,SAAO,CAAI;;;;;;;;;;;;;;;;;;OAXZ,EAAc,gBAAA,CAAA,EAAgB,EAAA;ACChB,IAAA,IAAA,cAA8B,EAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAwFA,MAAA,KAAA,QAAA,CACjB;;CAE9C,SAAA;EAEC,IAAM,IAAqC;GAC1C,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GAAA,EAID;AAEH,MADwB,OAAd,KAAK,QAAS,YAAY,KAAK,QAAQ,IACtC,EAAW,KAAK,QACI,OAAd,KAAK,QAAS,YAAa,MAAM,KAAK,KAAA,GAI5C,KAFY,IAAZ,KAAK;EAKjB,IAAM,IAAQ;GACb,OAAO,GAAG,EAAA;GACV,QAAQ,GAAG,EAAA;GAAA;AAGZ,SAAO,KAAK,QAAQ,CAAI;yCACe,KAAK,SAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;MAoBjD,CAAI;gCACsB,KAAK,SAAS,EAAA,CAAA;;;;;;;;;;;;;;;GA9D5C,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;CAAA,CAAA,CAAA,EAAO,EAAA,WAAA,SAAA,KAAA,EAAA,EAAA,EAAA,CAWzC,GAAA,CAAA,EAAU,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CACV,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,SAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CA1F5B,EAAc,mBAAA,CAAA,EAAmB,EAAA"}

package/dist/busy-c_q_F8O0.cjs

@@ -0,0 +1,134 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-Cpa-VnnX.cjs`),t=require(`./decorate-F9CuyeHg.cjs`);require(`./mixins.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.t(r.css`
+	:host {
+		display: inline;
+		position: absolute;
+		inset: 0;
+		pointer-events: all;
+		z-index: 50;
+	}
+`){render(){return r.html`
+			<!-- Clean overlay with subtle backdrop -->
+			<div class="absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]">
+				<!-- Content container with clean surface -->
+				<div class="relative flex items-center justify-center p-4">
+					
+					<!-- Content slot -->
+					<div class="relative z-10">
+						<slot>
+							<!-- Default spinner if no content provided -->
+							<schmancy-spinner ></schmancy-spinner>
+						</slot>
+					</div>
+				</div>
+			</div>
+		`}};i=t.t([(0,n.customElement)(`schmancy-busy`)],i);var a=class extends e.t(r.css`
+	:host {
+		display: inline-block;
+		color: inherit; /* Inherit from parent by default */
+	}
+
+	/* Explicit color options when needed */
+	:host([color="primary"]) {
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="on-primary"]) {
+		color: var(--schmancy-sys-color-primary-on);
+	}
+
+	:host([color="secondary"]) {
+		color: var(--schmancy-sys-color-secondary-default);
+	}
+
+	:host([color="on-secondary"]) {
+		color: var(--schmancy-sys-color-secondary-on);
+	}
+
+	:host([color="tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-default);
+	}
+
+	:host([color="on-tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-on);
+	}
+
+	:host([color="error"]) {
+		color: var(--schmancy-sys-color-error-default);
+	}
+
+	:host([color="on-error"]) {
+		color: var(--schmancy-sys-color-error-on);
+	}
+
+	:host([color="success"]) {
+		color: var(--schmancy-sys-color-success-default);
+	}
+
+	:host([color="on-success"]) {
+		color: var(--schmancy-sys-color-success-on);
+	}
+
+	:host([color="surface"]) {
+		color: var(--schmancy-sys-color-surface-default);
+	}
+
+	:host([color="on-surface"]) {
+		color: var(--schmancy-sys-color-surface-on);
+	}
+
+	:host([color="surface-variant"]) {
+		color: var(--schmancy-sys-color-surface-variant-default);
+	}
+
+	:host([color="on-surface-variant"]) {
+		color: var(--schmancy-sys-color-surface-onVariant);
+	}
+
+	.spinner {
+		animation: spin 1s linear infinite;
+		animation-direction: reverse;
+	}
+
+	@keyframes spin {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+`){constructor(...e){super(...e),this.size=`md`,this.glass=!1}render(){let e={xxs:12,xs:16,sm:20,md:24,lg:32},t;t=typeof this.size==`string`&&this.size in e?e[this.size]:typeof this.size!=`number`||isNaN(this.size)?24:4*this.size;let n={width:`${t}px`,height:`${t}px`};return this.glass?r.html`
+			<div class="spinner relative" style=${this.styleMap(n)}>
+				<!-- Glass container with Apple-style effect -->
+				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150
+							bg-surface-container/20
+							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
+							border border-outline-variant/30"></div>
+				
+				<!-- Spinner SVG -->
+				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" 
+					 style="width: 100%; height: 100%;" class="relative z-10">
+					<path
+						opacity=".7"
+						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
+						stroke="currentColor"
+						stroke-width="2"
+					></path>
+					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
+					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor" opacity="0.8"></path>
+				</svg>
+			</div>
+		`:r.html`
+			<div class="spinner" style=${this.styleMap(n)}>
+				<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" role="img" style="width: 100%; height: 100%;">
+					<path
+						opacity=".5"
+						d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
+						stroke="currentColor"
+						stroke-width="2"
+					></path>
+					<path d="M15 8a7 7 0 01-7 7" stroke="currentColor" stroke-width="2"></path>
+					<path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path>
+				</svg>
+			</div>
+		`}};t.t([(0,n.property)({type:String,reflect:!0})],a.prototype,`color`,void 0),t.t([(0,n.property)()],a.prototype,`size`,void 0),t.t([(0,n.property)({type:Boolean})],a.prototype,`glass`,void 0),a=t.t([(0,n.customElement)(`schmancy-spinner`)],a);

package/dist/busy-c_q_F8O0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"busy-c_q_F8O0.cjs","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default */\n\t}\n\n\t/* Explicit color options when needed */\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' | 'on-primary' | 'secondary' | 'on-secondary' |\n\t        'tertiary' | 'on-tertiary' | 'error' | 'on-error' |\n\t        'success' | 'on-success' | 'surface' | 'on-surface' |\n\t        'surface-variant' | 'on-surface-variant'\n\n\t/**\n\t * Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t */\n\t@property() size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16,  // fits in 32px button\n\t\t\tsm: 20,  // fits in 40px button\n\t\t\tmd: 24,  // fits in 48px button (default)\n\t\t\tlg: 32,  // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size * 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":"kMAKe,IAAA,EAAA,cAA2B,EAAA,EAAgB,EAAA,GAAG;;;;;;;;GAS5D,QAAA,CACC,MAAO,GAAA,IAAI;;;;;;;;;;;;;;;iCAXE,gBAAA,CAAA,CAAgB,EAAA,CCChB,IAAA,EAAA,cAA8B,EAAA,EAAgB,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwFA,KAAA,KAAA,MAAA,CACjB,EAE9C,QAAA,CAEC,IAAM,EAAqC,CAC1C,IAAK,GACL,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GAAA,CAID,EAEH,EADwB,OAAd,KAAK,MAAS,UAAY,KAAK,QAAQ,EACtC,EAAW,KAAK,MACI,OAAd,KAAK,MAAS,UAAa,MAAM,KAAK,KAAA,CAI5C,GAFY,EAAZ,KAAK,KAKjB,IAAM,EAAQ,CACb,MAAO,GAAG,EAAA,IACV,OAAQ,GAAG,EAAA,IAAA,CAGZ,OAAO,KAAK,MAAQ,EAAA,IAAI;yCACe,KAAK,SAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;IAoBjD,EAAA,IAAI;gCACsB,KAAK,SAAS,EAAA,CAAA;;;;;;;;;;;;0BA9DnC,CAAE,KAAM,OAAQ,QAAA,CAAS,EAAA,CAAA,CAAA,CAAO,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,WAAA,CAAA,CAW/B,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACD,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA1Fd,mBAAA,CAAA,CAAmB,EAAA"}

package/dist/busy.cjs

@@ -1 +1 @@
-require(`./busy-Dj7Xn0Z0.cjs`);
+require(`./busy-c_q_F8O0.cjs`);

package/dist/busy.js

@@ -1 +1 @@
-import "./busy-ChDAeaKF.js";
+import "./busy-BmFfwyz_.js";

package/dist/button.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`),t=require(`./litElement.mixin-3llHwB-8.cjs`);require(`./mixins.cjs`);const n=require(`./magnetic-Dux4QwO4.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/when.js`),o=require(`lit/directives/if-defined.js`);var s=class extends t.t(i.css`:host{
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./decorate-F9CuyeHg.cjs`),t=require(`./litElement.mixin-Bj2q1yPw.cjs`);require(`./mixins.cjs`);const n=require(`./magnetic-aBBnj_vk.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/when.js`),o=require(`lit/directives/if-defined.js`);var s=class extends t.t(i.css`:host{
 		display: inline-block;
 		min-width: fit-content;
 		overflow: hidden;
@@ -25,7 +25,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 	:host *,
 	* {
 		touch-action: manipulation;
-	}`){constructor(...e){super(...e),this.variant=`text`,this.width=`auto`,this.size=`md`,this.type=`button`,this.disabled=!1}static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!0}}set ariaLabel(e){let t=this._ariaLabel;this._ariaLabel=e,this.hasAttribute(`aria-label`)&&this.removeAttribute(`aria-label`),this.requestUpdate(`ariaLabel`,t)}get ariaLabel(){return this._ariaLabel}focus(e){this.nativeElement.focus(e)}blur(){this.nativeElement.blur()}get effectiveColor(){return this.color?this.color:(this.variant===`tonal`?`filled tonal`:this.variant)===`filled tonal`?`secondary`:`primary`}get imgClasses(){return[{xxs:`w-3 h-3`,xs:`w-4 h-4`,sm:`w-5 h-5`,md:`w-6 h-6`,lg:`w-7 h-7`}[this.size],`object-contain`]}firstUpdated(){this.prefixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute(`alt`)||e.setAttribute(`alt`,``)}),this.suffixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute(`alt`)||e.setAttribute(`alt`,``)})}click(){this.dispatchEvent(new Event(`click`,{bubbles:!0,composed:!0}))}_preventDefault(e){e.preventDefault(),e.stopPropagation()}render(){let e=this.variant===`tonal`?`filled tonal`:this.variant,t={"z-0 transition-all duration-200 relative rounded-2xl inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden":!0,"h-6":this.size===`xxs`,"h-8":this.size===`xs`,"h-10":this.size===`sm`,"h-12":this.size===`md`,"h-14":this.size===`lg`,"py-1 px-2":this.size===`xxs`,"py-2 px-4":this.size===`xs`,"py-2.5 px-5":this.size===`sm`,"py-3 px-6":this.size===`md`,"py-4 px-7":this.size===`lg`,"text-[10px] font-medium leading-3":this.size===`xxs`,"text-xs font-medium leading-4":this.size===`xs`,"text-sm font-medium leading-5":this.size===`sm`||this.size===`md`,"text-base font-medium leading-6":this.size===`lg`,"tracking-[0.1px]":!0,"gap-0.5":this.size===`xxs`,"gap-1":this.size===`xs`,"gap-1.5":this.size===`sm`,"gap-2":this.size===`md`,"gap-2.5":this.size===`lg`,"cursor-pointer":!this.disabled,"opacity-[0.38]":this.disabled,"hover:shadow-sm":!this.disabled&&e===`elevated`,"w-full tex-center":this.width===`full`,"bg-surface-low shadow-xs":e===`elevated`,"bg-transparent border-1 border-solid":e===`outlined`,"border-outline":e===`outlined`&&this.effectiveColor===`primary`,"border-success-default":e===`outlined`&&this.effectiveColor===`success`,"border-error-default":e===`outlined`&&this.effectiveColor===`error`,"border-warning-default":e===`outlined`&&this.effectiveColor===`warning`,"border-info-default":e===`outlined`&&this.effectiveColor===`info`,"border-secondary-default":e===`outlined`&&this.effectiveColor===`secondary`,"border-outline-variant":e===`outlined`&&this.effectiveColor===`neutral`,"bg-primary-default":e===`filled`&&this.effectiveColor===`primary`,"bg-secondary-default":e===`filled`&&this.effectiveColor===`secondary`,"bg-success-default":e===`filled`&&this.effectiveColor===`success`,"bg-error-default":e===`filled`&&this.effectiveColor===`error`,"bg-warning-default":e===`filled`&&this.effectiveColor===`warning`,"bg-info-default":e===`filled`&&this.effectiveColor===`info`,"bg-surface-containerHighest":e===`filled`&&this.effectiveColor===`neutral`,"text-primary-on":e===`filled`&&this.effectiveColor===`primary`,"text-secondary-on":e===`filled`&&this.effectiveColor===`secondary`,"text-success-on":e===`filled`&&this.effectiveColor===`success`,"text-error-on":e===`filled`&&this.effectiveColor===`error`,"text-warning-on":e===`filled`&&this.effectiveColor===`warning`,"text-info-on":e===`filled`&&this.effectiveColor===`info`,"text-surface-on":e===`filled`&&this.effectiveColor===`neutral`,"bg-primary-container":e===`filled tonal`&&this.effectiveColor===`primary`,"bg-secondary-container":e===`filled tonal`&&this.effectiveColor===`secondary`,"bg-success-container":e===`filled tonal`&&this.effectiveColor===`success`,"bg-error-container":e===`filled tonal`&&this.effectiveColor===`error`,"bg-warning-container":e===`filled tonal`&&this.effectiveColor===`warning`,"bg-info-container":e===`filled tonal`&&this.effectiveColor===`info`,"bg-surface-containerLow":e===`filled tonal`&&this.effectiveColor===`neutral`,"text-primary-onContainer":e===`filled tonal`&&this.effectiveColor===`primary`,"text-secondary-onContainer":e===`filled tonal`&&this.effectiveColor===`secondary`,"text-success-onContainer":e===`filled tonal`&&this.effectiveColor===`success`,"text-error-onContainer":e===`filled tonal`&&this.effectiveColor===`error`,"text-warning-onContainer":e===`filled tonal`&&this.effectiveColor===`warning`,"text-info-onContainer":e===`filled tonal`&&this.effectiveColor===`info`,"text-primary-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`primary`,"text-secondary-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`secondary`,"text-success-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`success`,"text-error-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`error`,"text-warning-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`warning`,"text-info-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`info`,"text-surface-onVariant":(e===`text`||e===`elevated`||e===`outlined`||e===`filled tonal`)&&this.effectiveColor===`neutral`},r={"absolute inset-0 hover:opacity-[0.08] z-0 rounded-2xl":!0,"focus-visible:opacity-[0.10]":!0,"active:opacity-[0.10]":!0,"hover:bg-primary-on":e===`filled`&&this.effectiveColor===`primary`,"hover:bg-secondary-on":e===`filled`&&this.effectiveColor===`secondary`,"hover:bg-success-on":e===`filled`&&this.effectiveColor===`success`,"hover:bg-error-on":e===`filled`&&this.effectiveColor===`error`,"hover:bg-warning-on":e===`filled`&&this.effectiveColor===`warning`,"hover:bg-info-on":e===`filled`&&this.effectiveColor===`info`,"hover:bg-surface-on":e===`filled`&&this.effectiveColor===`neutral`,"hover:bg-primary-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`primary`,"hover:bg-secondary-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`secondary`,"hover:bg-success-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`success`,"hover:bg-error-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`error`,"hover:bg-warning-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`warning`,"hover:bg-info-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`info`,"hover:bg-surface-onVariant":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`neutral`,"hover:bg-primary-container":e===`filled tonal`&&this.effectiveColor===`primary`,"hover:bg-secondary-container":e===`filled tonal`&&this.effectiveColor===`secondary`,"hover:bg-success-container":e===`filled tonal`&&this.effectiveColor===`success`,"hover:bg-error-container":e===`filled tonal`&&this.effectiveColor===`error`,"hover:bg-warning-container":e===`filled tonal`&&this.effectiveColor===`warning`,"hover:bg-info-container":e===`filled tonal`&&this.effectiveColor===`info`,"hover:bg-surface-containerLow":e===`filled tonal`&&this.effectiveColor===`neutral`};return this.href?i.html`
+	}`){static{this.shadowRootOptions={...i.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!0}}static{this.formAssociated=!0}constructor(){super(),this.variant=`text`,this.width=`auto`,this.size=`md`,this.type=`button`,this.disabled=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}this.addEventListener(`click`,e=>{if(this.disabled)return e.preventDefault(),void e.stopImmediatePropagation();let t=this.internals?.form;t&&(this.type===`submit`?(e.preventDefault(),t.requestSubmit()):this.type===`reset`&&(e.preventDefault(),t.reset()))})}get form(){return this.internals?.form??null}formDisabledCallback(e){this.disabled=e}set ariaLabel(e){let t=this._ariaLabel;this._ariaLabel=e,this.hasAttribute(`aria-label`)&&this.removeAttribute(`aria-label`),this.requestUpdate(`ariaLabel`,t)}get ariaLabel(){return this._ariaLabel}focus(e){this.nativeElement.focus(e)}blur(){this.nativeElement.blur()}get effectiveColor(){return this.color?this.color:(this.variant===`tonal`?`filled tonal`:this.variant)===`filled tonal`?`secondary`:`primary`}get imgClasses(){return[{xxs:`w-3 h-3`,xs:`w-4 h-4`,sm:`w-5 h-5`,md:`w-6 h-6`,lg:`w-7 h-7`}[this.size],`object-contain`]}firstUpdated(){this.prefixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute(`alt`)||e.setAttribute(`alt`,``)}),this.suffixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute(`alt`)||e.setAttribute(`alt`,``)})}click(){this.dispatchEvent(new Event(`click`,{bubbles:!0,composed:!0}))}_preventDefault(e){e.preventDefault(),e.stopPropagation()}render(){let e=this.variant===`tonal`?`filled tonal`:this.variant,t={"z-0 transition-all duration-200 relative rounded-2xl inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden":!0,"h-6":this.size===`xxs`,"h-8":this.size===`xs`,"h-10":this.size===`sm`,"h-12":this.size===`md`,"h-14":this.size===`lg`,"py-1 px-2":this.size===`xxs`,"py-2 px-4":this.size===`xs`,"py-2.5 px-5":this.size===`sm`,"py-3 px-6":this.size===`md`,"py-4 px-7":this.size===`lg`,"text-[10px] font-medium leading-3":this.size===`xxs`,"text-xs font-medium leading-4":this.size===`xs`,"text-sm font-medium leading-5":this.size===`sm`||this.size===`md`,"text-base font-medium leading-6":this.size===`lg`,"tracking-[0.1px]":!0,"gap-0.5":this.size===`xxs`,"gap-1":this.size===`xs`,"gap-1.5":this.size===`sm`,"gap-2":this.size===`md`,"gap-2.5":this.size===`lg`,"cursor-pointer":!this.disabled,"opacity-[0.38]":this.disabled,"hover:shadow-sm":!this.disabled&&e===`elevated`,"w-full tex-center":this.width===`full`,"bg-surface-low shadow-xs":e===`elevated`,"bg-transparent border-1 border-solid":e===`outlined`,"border-outline":e===`outlined`&&this.effectiveColor===`primary`,"border-success-default":e===`outlined`&&this.effectiveColor===`success`,"border-error-default":e===`outlined`&&this.effectiveColor===`error`,"border-warning-default":e===`outlined`&&this.effectiveColor===`warning`,"border-info-default":e===`outlined`&&this.effectiveColor===`info`,"border-secondary-default":e===`outlined`&&this.effectiveColor===`secondary`,"border-outline-variant":e===`outlined`&&this.effectiveColor===`neutral`,"bg-primary-default":e===`filled`&&this.effectiveColor===`primary`,"bg-secondary-default":e===`filled`&&this.effectiveColor===`secondary`,"bg-success-default":e===`filled`&&this.effectiveColor===`success`,"bg-error-default":e===`filled`&&this.effectiveColor===`error`,"bg-warning-default":e===`filled`&&this.effectiveColor===`warning`,"bg-info-default":e===`filled`&&this.effectiveColor===`info`,"bg-surface-containerHighest":e===`filled`&&this.effectiveColor===`neutral`,"text-primary-on":e===`filled`&&this.effectiveColor===`primary`,"text-secondary-on":e===`filled`&&this.effectiveColor===`secondary`,"text-success-on":e===`filled`&&this.effectiveColor===`success`,"text-error-on":e===`filled`&&this.effectiveColor===`error`,"text-warning-on":e===`filled`&&this.effectiveColor===`warning`,"text-info-on":e===`filled`&&this.effectiveColor===`info`,"text-surface-on":e===`filled`&&this.effectiveColor===`neutral`,"bg-primary-container":e===`filled tonal`&&this.effectiveColor===`primary`,"bg-secondary-container":e===`filled tonal`&&this.effectiveColor===`secondary`,"bg-success-container":e===`filled tonal`&&this.effectiveColor===`success`,"bg-error-container":e===`filled tonal`&&this.effectiveColor===`error`,"bg-warning-container":e===`filled tonal`&&this.effectiveColor===`warning`,"bg-info-container":e===`filled tonal`&&this.effectiveColor===`info`,"bg-surface-containerLow":e===`filled tonal`&&this.effectiveColor===`neutral`,"text-primary-onContainer":e===`filled tonal`&&this.effectiveColor===`primary`,"text-secondary-onContainer":e===`filled tonal`&&this.effectiveColor===`secondary`,"text-success-onContainer":e===`filled tonal`&&this.effectiveColor===`success`,"text-error-onContainer":e===`filled tonal`&&this.effectiveColor===`error`,"text-warning-onContainer":e===`filled tonal`&&this.effectiveColor===`warning`,"text-info-onContainer":e===`filled tonal`&&this.effectiveColor===`info`,"text-primary-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`primary`,"text-secondary-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`secondary`,"text-success-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`success`,"text-error-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`error`,"text-warning-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`warning`,"text-info-default":(e===`text`||e===`elevated`||e===`outlined`)&&this.effectiveColor===`info`,"text-surface-onVariant":(e===`text`||e===`elevated`||e===`outlined`||e===`filled tonal`)&&this.effectiveColor===`neutral`},r={"absolute inset-0 hover:opacity-[0.08] z-0 rounded-2xl":!0,"focus-visible:opacity-[0.10]":!0,"active:opacity-[0.10]":!0,"hover:bg-primary-on":e===`filled`&&this.effectiveColor===`primary`,"hover:bg-secondary-on":e===`filled`&&this.effectiveColor===`secondary`,"hover:bg-success-on":e===`filled`&&this.effectiveColor===`success`,"hover:bg-error-on":e===`filled`&&this.effectiveColor===`error`,"hover:bg-warning-on":e===`filled`&&this.effectiveColor===`warning`,"hover:bg-info-on":e===`filled`&&this.effectiveColor===`info`,"hover:bg-surface-on":e===`filled`&&this.effectiveColor===`neutral`,"hover:bg-primary-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`primary`,"hover:bg-secondary-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`secondary`,"hover:bg-success-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`success`,"hover:bg-error-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`error`,"hover:bg-warning-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`warning`,"hover:bg-info-default":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`info`,"hover:bg-surface-onVariant":(e===`outlined`||e===`elevated`||e===`text`)&&this.effectiveColor===`neutral`,"hover:bg-primary-container":e===`filled tonal`&&this.effectiveColor===`primary`,"hover:bg-secondary-container":e===`filled tonal`&&this.effectiveColor===`secondary`,"hover:bg-success-container":e===`filled tonal`&&this.effectiveColor===`success`,"hover:bg-error-container":e===`filled tonal`&&this.effectiveColor===`error`,"hover:bg-warning-container":e===`filled tonal`&&this.effectiveColor===`warning`,"hover:bg-info-container":e===`filled tonal`&&this.effectiveColor===`info`,"hover:bg-surface-containerLow":e===`filled tonal`&&this.effectiveColor===`neutral`};return this.href?i.html`
 				<a
 					${n.t({strength:3,radius:60})}
 					part="base"
@@ -56,7 +56,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 				<slot></slot>
 				<slot name="suffix"></slot>
 			</button>
-		`}};e.i([(0,r.query)(`[part="base"]`,!0)],s.prototype,`nativeElement`,void 0),e.i([(0,r.property)({reflect:!0,type:String})],s.prototype,`variant`,void 0),e.i([(0,r.property)({reflect:!0,type:String})],s.prototype,`color`,void 0),e.i([(0,r.property)()],s.prototype,`width`,void 0),e.i([(0,r.property)({type:String})],s.prototype,`size`,void 0),e.i([(0,r.property)({reflect:!0,type:String})],s.prototype,`type`,void 0),e.i([(0,r.property)()],s.prototype,`href`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.i([(0,r.property)({attribute:`aria-label`})],s.prototype,`ariaLabel`,null),e.i([(0,r.queryAssignedElements)({slot:`prefix`,flatten:!0,selector:`img`})],s.prototype,`prefixImgs`,void 0),e.i([(0,r.queryAssignedElements)({slot:`suffix`,flatten:!0,selector:`img`})],s.prototype,`suffixImgs`,void 0),s=e.i([(0,r.customElement)(`schmancy-button`)],s);var c=class extends t.t(i.css`
+		`}};e.t([(0,r.query)(`[part="base"]`,!0)],s.prototype,`nativeElement`,void 0),e.t([(0,r.property)({reflect:!0,type:String})],s.prototype,`variant`,void 0),e.t([(0,r.property)({reflect:!0,type:String})],s.prototype,`color`,void 0),e.t([(0,r.property)()],s.prototype,`width`,void 0),e.t([(0,r.property)({type:String})],s.prototype,`size`,void 0),e.t([(0,r.property)({reflect:!0,type:String})],s.prototype,`type`,void 0),e.t([(0,r.property)()],s.prototype,`href`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.t([(0,r.property)({attribute:`aria-label`})],s.prototype,`ariaLabel`,null),e.t([(0,r.queryAssignedElements)({slot:`prefix`,flatten:!0,selector:`img`})],s.prototype,`prefixImgs`,void 0),e.t([(0,r.queryAssignedElements)({slot:`suffix`,flatten:!0,selector:`img`})],s.prototype,`suffixImgs`,void 0),s=e.t([(0,r.customElement)(`schmancy-button`)],s);var c=class extends t.t(i.css`
 	:host {
 		display: block;
 		border-radius: 9999px;
@@ -110,4 +110,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 						<schmancy-icon size=${s} icon=${this.icon||this._capturedIcon}></schmancy-icon>
 					`}
 			</button>
-		`}};e.i([(0,r.query)(`[part="base"]`,!0)],c.prototype,`nativeElement`,void 0),e.i([(0,r.property)({type:String})],c.prototype,`size`,void 0),e.i([(0,r.property)({reflect:!0,type:String})],c.prototype,`variant`,void 0),e.i([(0,r.property)()],c.prototype,`width`,void 0),e.i([(0,r.property)({reflect:!0,type:String})],c.prototype,`type`,void 0),e.i([(0,r.property)()],c.prototype,`href`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`text`,void 0),e.i([(0,r.property)({type:String})],c.prototype,`icon`,void 0),e.i([(0,r.state)()],c.prototype,`_capturedIcon`,void 0),e.i([(0,r.property)({attribute:`aria-label`})],c.prototype,`ariaLabel`,null),c=e.i([(0,r.customElement)(`schmancy-icon-button`)],c),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return c}});
+		`}};e.t([(0,r.query)(`[part="base"]`,!0)],c.prototype,`nativeElement`,void 0),e.t([(0,r.property)({type:String})],c.prototype,`size`,void 0),e.t([(0,r.property)({reflect:!0,type:String})],c.prototype,`variant`,void 0),e.t([(0,r.property)()],c.prototype,`width`,void 0),e.t([(0,r.property)({reflect:!0,type:String})],c.prototype,`type`,void 0),e.t([(0,r.property)()],c.prototype,`href`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`text`,void 0),e.t([(0,r.property)({type:String})],c.prototype,`icon`,void 0),e.t([(0,r.state)()],c.prototype,`_capturedIcon`,void 0),e.t([(0,r.property)({attribute:`aria-label`})],c.prototype,`ariaLabel`,null),c=e.t([(0,r.customElement)(`schmancy-icon-button`)],c),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return c}});