@mhmo91/schmancy 0.4.58 → 0.4.60

package/dist/spinner-BDOeYm_e.js

@@ -0,0 +1,135 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { T as d } from "./tailwind.mixin-CbvBtwqu.js";
+import { customElement as y, property as l } from "lit/decorators.js";
+import { css as u, html as p } from "lit";
+var v = Object.getOwnPropertyDescriptor;
+let h = class extends d(u`
+	:host {
+		display: inline;
+		position: absolute;
+		inset: 0;
+		pointer-events: all;
+		z-index: 50;
+	}
+`) {
+  render() {
+    return p`
+			<!-- 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 size="32px"></schmancy-spinner>
+						</slot>
+					</div>
+				</div>
+			</div>
+		`;
+  }
+};
+h = ((t, e, i, o) => {
+  for (var a, r = o > 1 ? void 0 : o ? v(e, i) : e, s = t.length - 1; s >= 0; s--) (a = t[s]) && (r = a(r) || r);
+  return r;
+})([y("schmancy-busy")], h);
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, c = (t, e, i, o) => {
+  for (var a, r = o > 1 ? void 0 : o ? f(e, i) : e, s = t.length - 1; s >= 0; s--) (a = t[s]) && (r = (o ? a(e, i, r) : a(r)) || r);
+  return o && r && m(e, i, r), r;
+};
+let n = class extends d(u`
+	:host {
+		display: inline-block;
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="primary"]) {
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="secondary"]) {
+		color: var(--schmancy-sys-color-secondary-default);
+	}
+
+	:host([color="tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-default);
+	}
+
+	:host([color="error"]) {
+		color: var(--schmancy-sys-color-error-default);
+	}
+
+	:host([color="success"]) {
+		color: var(--schmancy-sys-color-success-default);
+	}
+
+	:host([color="surface"]) {
+		color: var(--schmancy-sys-color-surface-on);
+	}
+
+	:host([color="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() {
+    super(...arguments), this.color = "primary", this.size = 6, this.glass = !1;
+  }
+  render() {
+    const t = 0.25 * (typeof this.size != "number" || isNaN(this.size) ? 6 : this.size) + "rem", e = { width: t, height: t };
+    return this.glass ? p`
+			<div class="spinner relative" style=${this.styleMap(e)}>
+				<!-- Glass container with Apple-style effect -->
+				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150 
+							bg-white/20 dark:bg-black/20 
+							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
+							border border-white/30 dark:border-white/20"></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>
+		` : p`
+			<div class="spinner" style=${this.styleMap(e)}>
+				<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>
+		`;
+  }
+};
+c([l({ type: String, reflect: !0 })], n.prototype, "color", 2), c([l({ type: Number })], n.prototype, "size", 2), c([l({ type: Boolean })], n.prototype, "glass", 2), n = c([y("schmancy-spinner")], n);
+//# sourceMappingURL=spinner-BDOeYm_e.js.map

package/dist/spinner-BDOeYm_e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-BDOeYm_e.js","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 size=\"32px\"></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}","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: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"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-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 }) color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'surface' | 'surface-variant' = 'primary'\n\t@property({ type: Number }) size: number = 6\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// Use Tailwind sizing system: size-4 = 1rem = 16px\n\t\t// Each unit is 0.25rem, so size 4 = 1rem, size 6 = 1.5rem, etc.\n\t\t// Fallback to size 6 (24px) if value is invalid\n\t\tconst validSize = typeof this.size === 'number' && !isNaN(this.size) ? this.size : 6\n\t\tconst sizeInRem = `${validSize * 0.25}rem`\n\t\tconst style = {\n\t\t\twidth: sizeInRem,\n\t\t\theight: sizeInRem,\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-white/20 dark:bg-black/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-white/30 dark:border-white/20\"></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"],"names":["SchmancyBusy","TailwindElement","css","render","html","customElement","SchmnacySpinner","super","arguments","this","color","size","glass","sizeInRem","isNaN","style","width","height","styleMap","__decorateClass","property","type","String","reflect","prototype","Number","Boolean"],"mappings":";;;;;;;AAKA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAS/C,SAAAC;AACT,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAgBR;AAAA;AA1BoBJ;;;GAArB,CADCK,EAAc,mBACML,CAAAA;;;;;ACArB,IAAqBM,IAArB,cAA6CL,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA7D,EAAA;AAAA,EAAA;AAAAK,UAAAA,GAAAC,SAAAA,GAgD4CC,KAAAC,QAAoG,WACnHD,KAAAE,OAAe,GACdF,KAAAG;EAAiB;AAAA,EAEpC,SAAAT;AAIT,UACMU,IAA2B,QADM,OAAdJ,KAAKE,QAAS,YAAaG,MAAML,KAAKE,IAAAA,IAAoB,IAAZF,KAAKE,QAC1D,OACZI,IAAQ,EACbC,OAAOH,GACPI,QAAQJ;AAGT,WAAOJ,KAAKG,QAAQR;AAAAA,yCACmBK,KAAKS,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAoBjDX;AAAAA,gCAC0BK,KAAKS,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAa7C;AAAA;AAlD2CI,EAAA,CAA1CC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GAAS,CAAA,CAAA,GAhDfjB,EAgDuBkB,WAAA,SAAA,CAAA,GACfL,EAAA,CAA3BC,EAAS,EAAEC,MAAMI,OAAAA,CAAAA,CAAAA,GAjDEnB,EAiDQkB,WAAA,QAAA,CAAA,GACCL,EAAA,CAA5BC,EAAS,EAAEC,MAAMK,QAAAA,CAAAA,CAAAA,GAlDEpB,EAkDSkB,WAAA,SAAA,CAAA,GAlDTlB,IAArBa,EAAA,CADCd,EAAc,kBAAA,CAAA,GACMC,CAAAA;"}

package/dist/spinner-Dx1Ryl5-.cjs

@@ -0,0 +1,106 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./tailwind.mixin-NrMHmraa.cjs"),l=require("lit/decorators.js"),c=require("lit");var y=Object.getOwnPropertyDescriptor;let d=class extends p.TailwindElement(c.css`
+	:host {
+		display: inline;
+		position: absolute;
+		inset: 0;
+		pointer-events: all;
+		z-index: 50;
+	}
+`){render(){return c.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 size="32px"></schmancy-spinner>
+						</slot>
+					</div>
+				</div>
+			</div>
+		`}};d=((t,e,a,s)=>{for(var i,r=s>1?void 0:s?y(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(r=i(r)||r);return r})([l.customElement("schmancy-busy")],d);var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=(t,e,a,s)=>{for(var i,r=s>1?void 0:s?v(e,a):e,o=t.length-1;o>=0;o--)(i=t[o])&&(r=(s?i(e,a,r):i(r))||r);return s&&r&&u(e,a,r),r};let n=class extends p.TailwindElement(c.css`
+	:host {
+		display: inline-block;
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="primary"]) {
+		color: var(--schmancy-sys-color-primary-default);
+	}
+
+	:host([color="secondary"]) {
+		color: var(--schmancy-sys-color-secondary-default);
+	}
+
+	:host([color="tertiary"]) {
+		color: var(--schmancy-sys-color-tertiary-default);
+	}
+
+	:host([color="error"]) {
+		color: var(--schmancy-sys-color-error-default);
+	}
+
+	:host([color="success"]) {
+		color: var(--schmancy-sys-color-success-default);
+	}
+
+	:host([color="surface"]) {
+		color: var(--schmancy-sys-color-surface-on);
+	}
+
+	:host([color="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(){super(...arguments),this.color="primary",this.size=6,this.glass=!1}render(){const t=.25*(typeof this.size!="number"||isNaN(this.size)?6:this.size)+"rem",e={width:t,height:t};return this.glass?c.html`
+			<div class="spinner relative" style=${this.styleMap(e)}>
+				<!-- Glass container with Apple-style effect -->
+				<div class="absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150 
+							bg-white/20 dark:bg-black/20 
+							shadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]
+							border border-white/30 dark:border-white/20"></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>
+		`:c.html`
+			<div class="spinner" style=${this.styleMap(e)}>
+				<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>
+		`}};h([l.property({type:String,reflect:!0})],n.prototype,"color",2),h([l.property({type:Number})],n.prototype,"size",2),h([l.property({type:Boolean})],n.prototype,"glass",2),n=h([l.customElement("schmancy-spinner")],n);
+//# sourceMappingURL=spinner-Dx1Ryl5-.cjs.map

package/dist/spinner-Dx1Ryl5-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-Dx1Ryl5-.cjs","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 size=\"32px\"></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}","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: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"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-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 }) color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'surface' | 'surface-variant' = 'primary'\n\t@property({ type: Number }) size: number = 6\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// Use Tailwind sizing system: size-4 = 1rem = 16px\n\t\t// Each unit is 0.25rem, so size 4 = 1rem, size 6 = 1.5rem, etc.\n\t\t// Fallback to size 6 (24px) if value is invalid\n\t\tconst validSize = typeof this.size === 'number' && !isNaN(this.size) ? this.size : 6\n\t\tconst sizeInRem = `${validSize * 0.25}rem`\n\t\tconst style = {\n\t\t\twidth: sizeInRem,\n\t\t\theight: sizeInRem,\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-white/20 dark:bg-black/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-white/30 dark:border-white/20\"></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"],"names":["SchmancyBusy","TailwindElement","css","render","html","customElement","SchmnacySpinner","super","arguments","this","color","size","glass","sizeInRem","isNaN","style","width","height","styleMap","__decorateClass","property","type","String","reflect","prototype","Number","Boolean"],"mappings":"kPAKA,IAAqBA,EAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAS/C,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAgBR,CAAA,EA1BoBJ,wGAArB,CADCK,EAAAA,cAAc,eAAA,CAAA,EACML,mMCArB,IAAqBM,EAArB,cAA6CL,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA7D,CAAA,CAAA,cAAAK,MAAAA,GAAAC,SAAAA,EAgD4CC,KAAAC,MAAoG,UACnHD,KAAAE,KAAe,EACdF,KAAAG,QAAiB,CAEpC,QAAAT,CAIT,MACMU,EAA2B,KADM,OAAdJ,KAAKE,MAAS,UAAaG,MAAML,KAAKE,IAAAA,EAAoB,EAAZF,KAAKE,MAC1D,MACZI,EAAQ,CACbC,MAAOH,EACPI,OAAQJ,CAAAA,EAGT,OAAOJ,KAAKG,MAAQR,EAAAA;AAAAA,yCACmBK,KAAKS,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAoBjDX,EAAAA;AAAAA,gCAC0BK,KAAKS,SAASH,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAa7C,CAAA,EAlD2CI,EAAA,CAA1CC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAAA,EAAS,CAAA,CAAA,EAhDfjB,EAgDuBkB,UAAA,QAAA,CAAA,EACfL,EAAA,CAA3BC,WAAS,CAAEC,KAAMI,MAAAA,CAAAA,CAAAA,EAjDEnB,EAiDQkB,UAAA,OAAA,CAAA,EACCL,EAAA,CAA5BC,WAAS,CAAEC,KAAMK,OAAAA,CAAAA,CAAAA,EAlDEpB,EAkDSkB,UAAA,QAAA,CAAA,EAlDTlB,EAArBa,EAAA,CADCd,EAAAA,cAAc,kBAAA,CAAA,EACMC,CAAAA"}

package/dist/steps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./schmancy-steps-container-BNs57JEy.cjs");Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>e.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>e.SchmancyStepsContainer}),exports.StepsController=e.StepsController,exports.stepsContext=e.stepsContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./schmancy-steps-container-1RPGYqA4.cjs");Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>e.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>e.SchmancyStepsContainer}),exports.StepsController=e.StepsController,exports.stepsContext=e.stepsContext;
 //# sourceMappingURL=steps.cjs.map

package/dist/steps.js

@@ -1,4 +1,4 @@
-import { S as a, a as e, b as n, s as o } from "./schmancy-steps-container-i0lIq4G9.js";
+import { S as a, a as e, b as n, s as o } from "./schmancy-steps-container-SZVHYv_6.js";
 export {
   a as SchmancyStep,
   e as SchmancyStepsContainer,

package/dist/{surface-WsA8z_FS.cjs → surface-BdhBs3Iz.cjs}

@@ -1,8 +1,6 @@
-"use strict";const i=require("./provide-BxZ2kn_p.cjs"),u=require("./tailwind.mixin-Cl3yu0Cj.cjs"),h=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,e=(l,c,t,s)=>{for(var a,o=s>1?void 0:s?p(c,t):c,n=l.length-1;n>=0;n--)(a=l[n])&&(o=(s?a(c,t,o):a(o))||o);return s&&o&&d(c,t,o),o};const y=i.n("surface");exports.SchmancySurface=class extends u.TailwindElement(h.css`
+"use strict";const u=require("./provide-BxZ2kn_p.cjs"),i=require("./tailwind.mixin-NrMHmraa.cjs"),l=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,c=(h,e,a,s)=>{for(var t,o=s>1?void 0:s?p(e,a):e,n=h.length-1;n>=0;n--)(t=h[n])&&(o=(s?t(e,a,o):t(o))||o);return s&&o&&d(e,a,o),o};const y=u.n("surface");exports.SchmancySurface=class extends i.TailwindElement(l.css`
 	:host {
 		display: block;
-		position: relative;
-		inset: 0;
 		box-sizing: border-box;
 	}
 	
@@ -88,5 +86,5 @@
 		background-color: var(--schmancy-sys-color-surface-highest);
 		color: var(--schmancy-sys-color-surface-on);
 	}
-`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="container",this.elevation=0}render(){return h.html`<slot></slot>`}},e([r.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),e([r.property({reflect:!0})],exports.SchmancySurface.prototype,"rounded",2),e([i.e({context:y}),r.property({reflect:!0})],exports.SchmancySurface.prototype,"type",2),e([r.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=e([r.customElement("schmancy-surface")],exports.SchmancySurface),exports.SchmancySurfaceTypeContext=y;
-//# sourceMappingURL=surface-WsA8z_FS.cjs.map
+`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="container",this.elevation=0}render(){return l.html`<slot></slot>`}},c([r.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),c([r.property({reflect:!0})],exports.SchmancySurface.prototype,"rounded",2),c([u.e({context:y}),r.property({reflect:!0})],exports.SchmancySurface.prototype,"type",2),c([r.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=c([r.customElement("schmancy-surface")],exports.SchmancySurface),exports.SchmancySurfaceTypeContext=y;
+//# sourceMappingURL=surface-BdhBs3Iz.cjs.map

package/dist/surface-BdhBs3Iz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-BdhBs3Iz.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":"kVAMO,MAAMA,EAA6BC,EAAAA,EAA6B,SAAA,EAoB1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EA+FNC,KAAAC,KAA4C,OAQ5CD,KAAAE,QAAgE,OAWhEF,KAAAG,KAAsB,YAQtBH,KAAAI,UAAmC,CAAA,CAEzB,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EA/BAC,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,UAAS,CAAA,CAAA,EA9FvBf,wBA+FZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,WAAS,CAAEE,UAAS,CAAA,CAAA,EAtGTf,wBAuGZgB,UAAA,UAAA,CAAA,EAWAJ,EAAA,CAFCK,IAAQ,CAAEC,QAASpB,CAAAA,CAAAA,EACnBe,WAAS,CAAEE,UAAS,CAAA,CAAA,EAjHTf,wBAkHZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMW,OAAQJ,QAAAA,MAzHdf,wBA0HZgB,UAAA,YAAA,CAAA,EA1HYhB,QAAAA,gBAANY,EAAA,CADNQ,EAAAA,cAAc,qBACFpB"}

package/dist/{surface-Cif29fRD.js → surface-QQcPS8gg.js}

@@ -1,5 +1,5 @@
 import { e as y, n as i } from "./provide-tcktw8xB.js";
-import { T as d } from "./tailwind.mixin-D4iX2lD7.js";
+import { T as d } from "./tailwind.mixin-CbvBtwqu.js";
 import { css as u, html as p } from "lit";
 import { property as t, customElement as f } from "lit/decorators.js";
 var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (h, e, a, c) => {
@@ -10,8 +10,6 @@ const b = i("surface");
 let r = class extends d(u`
 	:host {
 		display: block;
-		position: relative;
-		inset: 0;
 		box-sizing: border-box;
 	}
 	
@@ -110,4 +108,4 @@ export {
   b as S,
   r as a
 };
-//# sourceMappingURL=surface-Cif29fRD.js.map
+//# sourceMappingURL=surface-QQcPS8gg.js.map

package/dist/surface-QQcPS8gg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-QQcPS8gg.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t/* Fill styles */\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t\n\t/* Rounded corner styles */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: 8px 8px 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: 8px 0 0 8px;\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 8px 8px 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 8px 8px;\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: 8px;\n\t}\n\t\n\t/* Elevation styles */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t}\n\t\n\t/* Surface type styles - background and text colors */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":";;;;;;;;AAMO,MAAMA,IAA6BC,EAA6B,SAAA;AAoBhE,IAAMC,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GA+FNC,KAAAC,OAA4C,QAQ5CD,KAAAE,UAAgE,QAWhEF,KAAAG,OAAsB,aAQtBH,KAAAI,YAAmC;AAAA,EAAA;AAAA,EAEzB,SAAAC;AACT,WAAOC;AAAAA,EACR;AAAA;AA/BAC,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,GAAS,CAAA,CAAA,GA9FvBf,EA+FZgB,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEE,SAAAA,GAAS,CAAA,CAAA,GAtGTf,EAuGZgB,WAAA,WAAA,CAAA,GAWAJ,EAAA,CAFCK,EAAQ,EAAEC,SAASpB,EAAAA,CAAAA,GACnBe,EAAS,EAAEE,SAAAA,GAAS,CAAA,CAAA,GAjHTf,EAkHZgB,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMW,QAAQJ,SAAAA,QAzHdf,EA0HZgB,WAAA,aAAA,CAAA,GA1HYhB,IAANY,EAAA,CADNQ,EAAc,kBAAA,CAAA,GACFpB;"}

package/dist/surface.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-WsA8z_FS.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface}),exports.SchmancySurfaceTypeContext=e.SchmancySurfaceTypeContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-BdhBs3Iz.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface}),exports.SchmancySurfaceTypeContext=e.SchmancySurfaceTypeContext;
 //# sourceMappingURL=surface.cjs.map

package/dist/surface.js

@@ -1,4 +1,4 @@
-import { a as e, S } from "./surface-Cif29fRD.js";
+import { a as e, S } from "./surface-QQcPS8gg.js";
 export {
   e as SchmancySurface,
   S as SchmancySurfaceTypeContext

package/dist/{table-Vi66Jns6.js → table-DIDyes0y.js}

@@ -4,7 +4,7 @@ import { property as f } from "lit/decorators/property.js";
 import { directive as H, PartType as W } from "lit/directive.js";
 import { AsyncDirective as q } from "lit/async-directive.js";
 import { repeat as U } from "lit/directives/repeat.js";
-import { $ as D } from "./litElement.mixin-BuEn1yw0.js";
+import { $ as D } from "./litElement.mixin-YJTCObjn.js";
 import { property as _, customElement as M, state as x } from "lit/decorators.js";
 var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, w = (s, t, e, i) => {
   for (var r, l = i > 1 ? void 0 : i ? J(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
@@ -556,4 +556,4 @@ export {
   v as S,
   u as a
 };
-//# sourceMappingURL=table-Vi66Jns6.js.map
+//# sourceMappingURL=table-DIDyes0y.js.map