@mhmo91/schmancy 0.9.27 → 0.10.1

package/dist/typography.js

@@ -1,91 +1,16 @@
-import { t as e } from "./tailwind.mixin-mdQR3BEO.js";
-import { t } from "./decorate-D_utPUsC.js";
+import { s as e } from "./mixins-CL1krSOE.js";
+import { t } from "./decorate-23nYs4Le.js";
 import { fromEvent as n } from "rxjs";
 import { filter as r, takeUntil as i, tap as a } from "rxjs/operators";
 import { customElement as o, property as s } from "lit/decorators.js";
 import { css as c, html as l } from "lit";
 import { createRef as u, ref as d } from "lit/directives/ref.js";
-import { html as f, literal as p } from "lit/static-html.js";
-var m = {
-	display: {
-		type: "display",
-		token: "lg"
-	},
-	"display-lg": {
-		type: "display",
-		token: "lg"
-	},
-	"display-md": {
-		type: "display",
-		token: "md"
-	},
-	"display-sm": {
-		type: "display",
-		token: "sm"
-	},
-	"heading-lg": {
-		type: "headline",
-		token: "lg"
-	},
-	"heading-md": {
-		type: "headline",
-		token: "md"
-	},
-	"heading-sm": {
-		type: "headline",
-		token: "sm"
-	},
-	"title-lg": {
-		type: "title",
-		token: "lg"
-	},
-	"title-md": {
-		type: "title",
-		token: "md"
-	},
-	"title-sm": {
-		type: "title",
-		token: "sm"
-	},
-	"body-lg": {
-		type: "body",
-		token: "lg"
-	},
-	"body-md": {
-		type: "body",
-		token: "md"
-	},
-	"body-sm": {
-		type: "body",
-		token: "sm"
-	},
-	"label-lg": {
-		type: "label",
-		token: "lg"
-	},
-	"label-md": {
-		type: "label",
-		token: "md"
-	},
-	"label-sm": {
-		type: "label",
-		token: "sm"
-	},
-	caption: {
-		type: "label",
-		token: "sm"
-	}
-}, h = {
-	h1: p`h1`,
-	h2: p`h2`,
-	h3: p`h3`,
-	h4: p`h4`,
-	h5: p`h5`,
-	h6: p`h6`,
-	p: p`p`,
-	span: p`span`,
-	div: p`div`
-}, g = class extends e(c`
+var f = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "body", this.token = "md", this.editable = !1, this.value = "", this.placeholder = "", this._editRef = u();
+	}
+	static {
+		this.styles = [c`
 	:host {
 		display: block;
 		font-family: inherit;
@@ -361,9 +286,7 @@ var m = {
 		display: block;
 		opacity: 0.35;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.type = "body", this.token = "md", this.editable = !1, this.value = "", this.placeholder = "", this._editRef = u();
+`];
 	}
 	static {
 		this.shadowRootOptions = {
@@ -371,12 +294,6 @@ var m = {
 			delegatesFocus: !0
 		};
 	}
-	willUpdate(e) {
-		if (super.willUpdate?.(e), e.has("preset") && this.preset && m[this.preset]) {
-			let { type: e, token: t } = m[this.preset];
-			this.type = e, this.token = t;
-		}
-	}
 	selectAll() {
 		let e = this._editRef.value;
 		if (!e) return;
@@ -411,42 +328,31 @@ var m = {
 		}
 	}
 	render() {
-		if (this.editable) return l`<div
+		return this.editable ? l`<div
 				${d(this._editRef)}
 				class="edit"
 				contenteditable="true"
 				data-placeholder=${this.placeholder ?? ""}
-			></div>`;
-		if (this.as && h[this.as]) {
-			let e = h[this.as];
-			return f`<${e}><slot></slot></${e}>`;
-		}
-		return l`<slot></slot>`;
+			></div>` : l`<slot></slot>`;
 	}
 };
 t([s({
 	type: String,
 	reflect: !0
-})], g.prototype, "type", void 0), t([s({
-	type: String,
-	reflect: !0
-})], g.prototype, "preset", void 0), t([s({
-	type: String,
-	reflect: !0
-})], g.prototype, "as", void 0), t([s({
+})], f.prototype, "type", void 0), t([s({
 	type: String,
 	reflect: !0
-})], g.prototype, "token", void 0), t([s({
+})], f.prototype, "token", void 0), t([s({
 	type: String,
 	reflect: !0
-})], g.prototype, "align", void 0), t([s({
+})], f.prototype, "align", void 0), t([s({
 	type: String,
 	reflect: !0
-})], g.prototype, "weight", void 0), t([s({
+})], f.prototype, "weight", void 0), t([s({
 	type: String,
 	reflect: !0
-})], g.prototype, "transform", void 0), t([s({ type: Number })], g.prototype, "maxLines", void 0), t([s({
+})], f.prototype, "transform", void 0), t([s({ type: Number })], f.prototype, "maxLines", void 0), t([s({
 	type: Boolean,
 	reflect: !0
-})], g.prototype, "editable", void 0), t([s({ type: String })], g.prototype, "value", void 0), t([s({ type: String })], g.prototype, "placeholder", void 0), g = t([o("schmancy-typography")], g);
-export { g as SchmancyTypography };
+})], f.prototype, "editable", void 0), t([s({ type: String })], f.prototype, "value", void 0), t([s({ type: String })], f.prototype, "placeholder", void 0), f = t([o("schmancy-typography")], f);
+export { f as SchmancyTypography };

package/dist/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, type PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { html as staticHtml, literal } from 'lit/static-html.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, tap, takeUntil } from 'rxjs/operators'\n\n/**\n * Preset → (type, token) shorthand. Saves the two-decision-per-text-node\n * fatigue that 50+ typography nodes in a single page cause.\n */\nexport type TypographyPreset =\n\t| 'display' | 'display-lg' | 'display-md' | 'display-sm'\n\t| 'heading-lg' | 'heading-md' | 'heading-sm'\n\t| 'title-lg' | 'title-md' | 'title-sm'\n\t| 'body-lg' | 'body-md' | 'body-sm'\n\t| 'label-lg' | 'label-md' | 'label-sm'\n\t| 'caption'\n\nconst PRESET_MAP: Record<TypographyPreset, { type: string; token: string }> = {\n\t'display':    { type: 'display',  token: 'lg' },\n\t'display-lg': { type: 'display',  token: 'lg' },\n\t'display-md': { type: 'display',  token: 'md' },\n\t'display-sm': { type: 'display',  token: 'sm' },\n\t'heading-lg': { type: 'headline', token: 'lg' },\n\t'heading-md': { type: 'headline', token: 'md' },\n\t'heading-sm': { type: 'headline', token: 'sm' },\n\t'title-lg':   { type: 'title',    token: 'lg' },\n\t'title-md':   { type: 'title',    token: 'md' },\n\t'title-sm':   { type: 'title',    token: 'sm' },\n\t'body-lg':    { type: 'body',     token: 'lg' },\n\t'body-md':    { type: 'body',     token: 'md' },\n\t'body-sm':    { type: 'body',     token: 'sm' },\n\t'label-lg':   { type: 'label',    token: 'lg' },\n\t'label-md':   { type: 'label',    token: 'md' },\n\t'label-sm':   { type: 'label',    token: 'sm' },\n\t'caption':    { type: 'label',    token: 'sm' },\n}\n\n/**\n * Allowed semantic tag names for the `as` prop. Closed enum so we can\n * use `literal` template parts safely with `lit/static-html`.\n */\nexport type TypographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div'\n\nconst TAG_LITERALS: Record<TypographyTag, ReturnType<typeof literal>> = {\n\th1:   literal`h1`,\n\th2:   literal`h2`,\n\th3:   literal`h3`,\n\th4:   literal`h4`,\n\th5:   literal`h5`,\n\th6:   literal`h6`,\n\tp:    literal`p`,\n\tspan: literal`span`,\n\tdiv:  literal`div`,\n}\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n * @fires change - When `editable` is true, fires on blur or Enter with `detail.value` set to the new text content. Not fired when `editable` is unset (the default).\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Type-based weight defaults (when using Tailwind classes without token) */\n\t:host([type='display']),\n\t:host([type='headline']),\n\t:host([type='body']) {\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='label']),\n\t:host([type='subtitle']),\n\t:host([type='title']) {\n\t\tfont-weight: 500;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n\n\t:host([editable]) {\n\t\tcursor: text;\n\t\tborder-radius: 4px;\n\t\ttransition: background 150ms;\n\t\tmin-height: 1em;\n\t}\n\t/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */\n\t.edit {\n\t\toutline: none;\n\t\tmin-height: 1em;\n\t\tfont: inherit;\n\t\tcolor: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t}\n\t.edit:empty::before {\n\t\tcontent: attr(data-placeholder);\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\topacity: 0.35;\n\t}\n`) {\n\tstatic shadowRootOptions: ShadowRootInit = {\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * Shorthand for picking a (type, token) pair in one go. When set, derives\n\t * `type` and `token` automatically — saves the two-decisions-per-text-node\n\t * fatigue that hits when a single page has 50+ typography nodes.\n\t *\n\t * @attr preset\n\t * @type {TypographyPreset}\n\t * @example <schmancy-typography preset=\"heading-md\">Title</schmancy-typography>\n\t */\n\t@property({ type: String, reflect: true })\n\tpreset?: TypographyPreset\n\n\t/**\n\t * Render the slot wrapped in the requested semantic HTML element so screen\n\t * readers expose the right role / heading level. Without `as`, the slot\n\t * sits directly in the shadow root and the host is a generic element.\n\t *\n\t * @attr as\n\t * @type {TypographyTag}\n\t * @example <schmancy-typography preset=\"heading-md\" as=\"h2\">Section</schmancy-typography>\n\t */\n\t@property({ type: String, reflect: true })\n\tas?: TypographyTag\n\n\t/**\n\t * @attr token - The size token.\n\t * @deprecated Prefer using Tailwind responsive text classes for better responsive design.\n\t * Set token=\"\" and use class=\"text-sm md:text-base lg:text-lg\" instead.\n\t * Example: <schmancy-typography type=\"display\" token=\"\" class=\"text-2xl sm:text-3xl md:text-4xl\">\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number })\n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t/** When true, the element becomes contenteditable and dispatches 'change' events on blur/Enter */\n\t@property({ type: Boolean, reflect: true }) editable = false\n\t/** The text value when in editable mode. Set via property binding: .value=${...} */\n\t@property({ type: String }) value = ''\n\t/** Placeholder shown when editable and empty */\n\t@property({ type: String }) placeholder = ''\n\n\tprivate _editRef = createRef<HTMLDivElement>()\n\n\tprotected override willUpdate(changed: PropertyValues): void {\n\t\tsuper.willUpdate?.(changed)\n\t\t// `preset` shorthand expands to (type, token) so the existing CSS\n\t\t// selectors keep matching without duplicating the size scale.\n\t\tif (changed.has('preset') && this.preset && PRESET_MAP[this.preset]) {\n\t\t\tconst { type, token } = PRESET_MAP[this.preset]\n\t\t\tthis.type = type as typeof this.type\n\t\t\tthis.token = token as typeof this.token\n\t\t}\n\t}\n\n\t/** Focus and select all text in editable mode */\n\tselectAll() {\n\t\tconst el = this._editRef.value\n\t\tif (!el) return\n\t\tel.focus()\n\t\tconst sel = window.getSelection()\n\t\tif (sel && el.textContent) {\n\t\t\tconst range = document.createRange()\n\t\t\trange.selectNodeContents(el)\n\t\t\tsel.removeAllRanges()\n\t\t\tsel.addRange(range)\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tfromEvent<FocusEvent>(this, 'focusout').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (!el) return\n\t\t\t\tconst newValue = el.innerText.trim()\n\t\t\t\tif (newValue !== this.value) {\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\t\t\tdetail: { value: newValue },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\t// Ensure truly empty so :empty CSS placeholder works\n\t\t\t\tif (!newValue) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\t// Clean stray <br> / whitespace nodes so :empty CSS matches\n\t\tfromEvent(this, 'input').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (el && !el.innerText.trim()) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\tfilter(e => e.key === 'Enter'),\n\t\t\ttap(e => { e.preventDefault(); (this._editRef.value ?? this).blur() }),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('maxLines')) {\n\t\t\t// Remove all line-clamp classes\n\t\t\tthis.classList.remove('line-clamp-1', 'line-clamp-2', 'line-clamp-3', 'line-clamp-4', 'line-clamp-5', 'line-clamp-6')\n\t\t\t// Add the appropriate one\n\t\t\tif (this.maxLines) {\n\t\t\t\tthis.classList.add(`line-clamp-${this.maxLines}`)\n\t\t\t}\n\t\t}\n\t\tif ((changedProperties.has('value') || changedProperties.has('editable')) && this.editable) {\n\t\t\tconst el = this._editRef.value\n\t\t\tif (el && document.activeElement !== el) {\n\t\t\t\tif (this.value) {\n\t\t\t\t\tel.innerText = this.value\n\t\t\t\t} else {\n\t\t\t\t\tel.textContent = ''\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tif (this.editable) {\n\t\t\treturn html`<div\n\t\t\t\t${ref(this._editRef)}\n\t\t\t\tclass=\"edit\"\n\t\t\t\tcontenteditable=\"true\"\n\t\t\t\tdata-placeholder=${this.placeholder ?? ''}\n\t\t\t></div>`\n\t\t}\n\t\t// `as` wraps the slot in the requested semantic tag so heading levels\n\t\t// land in the accessibility tree. Without `as` the slot is bare and\n\t\t// the host element carries the visual styling only.\n\t\tif (this.as && TAG_LITERALS[this.as]) {\n\t\t\tconst tag = TAG_LITERALS[this.as]\n\t\t\treturn staticHtml`<${tag}><slot></slot></${tag}>`\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":[],"sources":["../src/typography/typography.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, tap, takeUntil } from 'rxjs/operators'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Type-based weight defaults (when using Tailwind classes without token) */\n\t:host([type='display']),\n\t:host([type='headline']),\n\t:host([type='body']) {\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='label']),\n\t:host([type='subtitle']),\n\t:host([type='title']) {\n\t\tfont-weight: 500;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n\n\t:host([editable]) {\n\t\tcursor: text;\n\t\tborder-radius: 4px;\n\t\ttransition: background 150ms;\n\t\tmin-height: 1em;\n\t}\n\t/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */\n\t.edit {\n\t\toutline: none;\n\t\tmin-height: 1em;\n\t\tfont: inherit;\n\t\tcolor: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t}\n\t.edit:empty::before {\n\t\tcontent: attr(data-placeholder);\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\topacity: 0.35;\n\t}\n`];\n\tstatic shadowRootOptions: ShadowRootInit = {\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The size token.\n\t * @deprecated Prefer using Tailwind responsive text classes for better responsive design.\n\t * Set token=\"\" and use class=\"text-sm md:text-base lg:text-lg\" instead.\n\t * Example: <schmancy-typography type=\"display\" token=\"\" class=\"text-2xl sm:text-3xl md:text-4xl\">\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number })\n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t/** When true, the element becomes contenteditable and dispatches 'change' events on blur/Enter */\n\t@property({ type: Boolean, reflect: true }) editable = false\n\t/** The text value when in editable mode. Set via property binding: .value=${...} */\n\t@property({ type: String }) value = ''\n\t/** Placeholder shown when editable and empty */\n\t@property({ type: String }) placeholder = ''\n\n\tprivate _editRef = createRef<HTMLDivElement>()\n\n\t/** Focus and select all text in editable mode */\n\tselectAll() {\n\t\tconst el = this._editRef.value\n\t\tif (!el) return\n\t\tel.focus()\n\t\tconst sel = window.getSelection()\n\t\tif (sel && el.textContent) {\n\t\t\tconst range = document.createRange()\n\t\t\trange.selectNodeContents(el)\n\t\t\tsel.removeAllRanges()\n\t\t\tsel.addRange(range)\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tfromEvent<FocusEvent>(this, 'focusout').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (!el) return\n\t\t\t\tconst newValue = el.innerText.trim()\n\t\t\t\tif (newValue !== this.value) {\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\t\t\tdetail: { value: newValue },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\t// Ensure truly empty so :empty CSS placeholder works\n\t\t\t\tif (!newValue) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\t// Clean stray <br> / whitespace nodes so :empty CSS matches\n\t\tfromEvent(this, 'input').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (el && !el.innerText.trim()) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\tfilter(e => e.key === 'Enter'),\n\t\t\ttap(e => { e.preventDefault(); (this._editRef.value ?? this).blur() }),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('maxLines')) {\n\t\t\t// Remove all line-clamp classes\n\t\t\tthis.classList.remove('line-clamp-1', 'line-clamp-2', 'line-clamp-3', 'line-clamp-4', 'line-clamp-5', 'line-clamp-6')\n\t\t\t// Add the appropriate one\n\t\t\tif (this.maxLines) {\n\t\t\t\tthis.classList.add(`line-clamp-${this.maxLines}`)\n\t\t\t}\n\t\t}\n\t\tif ((changedProperties.has('value') || changedProperties.has('editable')) && this.editable) {\n\t\t\tconst el = this._editRef.value\n\t\t\tif (el && document.activeElement !== el) {\n\t\t\t\tif (this.value) {\n\t\t\t\t\tel.innerText = this.value\n\t\t\t\t} else {\n\t\t\t\t\tel.textContent = ''\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tif (this.editable) {\n\t\t\treturn html`<div\n\t\t\t\t${ref(this._editRef)}\n\t\t\t\tclass=\"edit\"\n\t\t\t\tcontenteditable=\"true\"\n\t\t\t\tdata-placeholder=${this.placeholder ?? ''}\n\t\t\t></div>`\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"mappings":"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"}

package/dist/utils-Cr-YO4Np.cjs

@@ -0,0 +1 @@
+require(`./chunk-CncqDLb2.cjs`),require(`./animation-CO_Csq84.cjs`),require(`./overlay-stack-BprhAE9a.cjs`);let e=require(`rxjs`);function t(t,n={threshold:.5}){return new e.Observable(e=>{let r=new IntersectionObserver(t=>{e.next(t)},n);return Array.isArray(t)?t.forEach(e=>r.observe(e)):r.observe(t),()=>{r.disconnect()}})}var n=class{constructor(){this.systemLocale=typeof navigator<`u`&&navigator.language?navigator.language:`de-DE`}roundNumber(e,t=2){let n=10**t;return Math.round(e*n)/n}formatNumber(e,t=this.systemLocale,n={}){return new Intl.NumberFormat(t,n).format(e)}parseToPureNumber(e,t=`,`){let n=e.replace(t,`.`);return parseFloat(n)}doIt(e,t=2,n=this.systemLocale,r={}){let i=this.roundNumber(e,t);return this.formatNumber(i,n,r)}formatCurrency(e,t=`€`){return`${t}${this.doIt(e)}`}formatDelta(e,t=`€`){return`${e>0?`↑`:e<0?`↓`:`→`} ${t}${this.doIt(Math.abs(e))}`}getDeltaClass(e){return e>0?`text-error-default`:e<0?`text-primary-default`:`text-neutral`}toMixedFraction(e,t=16,n=4){let r=e<0;e=Math.abs(e);let i=Math.floor(e),a=e-i;if(a<1/10**t)return r?`-${i}`:`${i}`;let{numerator:o,denominator:s}=this.decimalToFraction(a,t,n);return i===0?r?`-${o}/${s}`:`${o}/${s}`:r?`-${i} ${o}/${s}`:`${i} ${o}/${s}`}decimalToFraction(e,t,n=4){if(e===0)return{numerator:0,denominator:1};let r=1/0,i=0,a=1,o=[];n>=5&&o.push({n:1,d:5},{n:2,d:5},{n:3,d:5},{n:4,d:5}),n>=6&&o.push({n:1,d:6},{n:5,d:6}),n>=8&&o.push({n:1,d:8},{n:3,d:8},{n:5,d:8},{n:7,d:8}),n>=10&&o.push({n:1,d:10},{n:3,d:10},{n:7,d:10},{n:9,d:10}),n>=12&&o.push({n:1,d:12},{n:5,d:12},{n:7,d:12},{n:11,d:12}),n>=16&&o.push({n:1,d:16},{n:3,d:16},{n:5,d:16},{n:7,d:16},{n:9,d:16},{n:11,d:16},{n:13,d:16},{n:15,d:16});let s=[{n:1,d:2},{n:1,d:3},{n:2,d:3},{n:1,d:4},{n:3,d:4},...o];for(let o of s)if(o.d<=n){let n=Math.abs(e-o.n/o.d);if(n<r&&(r=n,i=o.n,a=o.d,n<1/10**t))return{numerator:o.n,denominator:o.d}}for(let t=1;t<=n;t++){let n=Math.round(e*t),o=Math.abs(e-n/t);o<r&&(r=o,i=n,a=t)}if(r>1/10**(t/2)&&n>4){let r=1,o=0,s=0,c=1,l=e;do{let u=Math.floor(l),d=r;if(r=u*r+o,o=d,d=s,s=u*s+c,c=d,l=1/(l-u),Math.abs(e-r/s)<1/10**t||s>n)return s>n?{numerator:i,denominator:a}:{numerator:r,denominator:s}}while(l!==1/0);i=r,a=s}let c=this.findGCD(i,a);return{numerator:i/c,denominator:a/c}}findGCD(e,t){return t===0?e:this.findGCD(t,e%t)}formatMixedFraction(e,t=`ascii`,n=16,r=4){let i=this.toMixedFraction(e,n,r);if(t===`ascii`)return i;let a=i.startsWith(`-`),o=a?i.substring(1):i,s=o.includes(` `);if(!o.includes(`/`))return i;let c=``,l=o;if(s){let e=o.split(` `);c=e[0],l=e[1]}let[u,d]=l.split(`/`);if(t===`unicode`){let e=this.getUnicodeFraction(parseInt(u),parseInt(d));return e?a?`-${c}${s?` `:``}${e}`:`${c}${s?` `:``}${e}`:i}if(t===`superscript`){let e=this.toSuperscript(u),t=this.toSubscript(d);return s?a?`-${c} ${e}⁄${t}`:`${c} ${e}⁄${t}`:a?`-${e}⁄${t}`:`${e}⁄${t}`}return i}getUnicodeFraction(e,t){return{"1/4":`¼`,"1/2":`½`,"3/4":`¾`,"1/3":`⅓`,"2/3":`⅔`,"1/5":`⅕`,"2/5":`⅖`,"3/5":`⅗`,"4/5":`⅘`,"1/6":`⅙`,"5/6":`⅚`,"1/7":`⅐`,"1/8":`⅛`,"3/8":`⅜`,"5/8":`⅝`,"7/8":`⅞`,"1/9":`⅑`,"1/10":`⅒`}[`${e}/${t}`]||null}toSuperscript(e){let t={0:`⁰`,1:`¹`,2:`²`,3:`³`,4:`⁴`,5:`⁵`,6:`⁶`,7:`⁷`,8:`⁸`,9:`⁹`,"-":`⁻`};return e.split(``).map(e=>t[e]||e).join(``)}toSubscript(e){let t={0:`₀`,1:`₁`,2:`₂`,3:`₃`,4:`₄`,5:`₅`,6:`₆`,7:`₇`,8:`₈`,9:`₉`,"-":`₋`};return e.split(``).map(e=>t[e]||e).join(``)}};new n,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/utils-Cr-YO4Np.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Cr-YO4Np.cjs","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language\n  }\n  return 'de-DE'\n}\n\nexport class Numbers {\n  /**\n   * The system locale detected from user's browser/OS settings.\n   * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n   */\n  readonly systemLocale = getSystemLocale()\n\n  /**\n   * Rounds a number to the specified number of decimal places.\n   * @param {number} number - The number to round.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @returns {number} - The rounded number.\n   */\n  roundNumber(number: number, decimalPlaces: number = 2): number {\n    const factor = Math.pow(10, decimalPlaces);\n    return Math.round(number * factor) / factor;\n  }\n\n  /**\n   * Formats a number according to the specified locale and options.\n   * Uses the user's system locale by default for display formatting.\n   *\n   * @param {number} number - The number to format.\n   * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   *\n   * @example\n   * // Uses system locale (e.g., user's browser setting)\n   * numbers.formatNumber(1234.56)\n   *\n   * // Explicit locale for exports (bank systems expect German format)\n   * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n   */\n  formatNumber(\n    number: number,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    return new Intl.NumberFormat(locale, options).format(number);\n  }\n\n  /**\n   * Parses a string with a specified decimal separator into a number.\n   * @param {string} numberString - The string to parse.\n   * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n   * @returns {number} - The parsed number.\n   */\n  parseToPureNumber(\n    numberString: string,\n    decimalSeparator: string = \",\",\n  ): number {\n    const normalizedString = numberString.replace(decimalSeparator, \".\");\n    return parseFloat(normalizedString);\n  }\n\n  /**\n   * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n   * Uses the user's system locale by default.\n   *\n   * @param {number} number - The number to process.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @param {string} [locale] - The locale string. Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   */\n  doIt(\n    number: number,\n    decimalPlaces: number = 2,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    const roundedNumber = this.roundNumber(number, decimalPlaces);\n    return this.formatNumber(roundedNumber, locale, options);\n  }\n\n  /**\n   * Format a currency amount consistently across the application\n   *\n   * @param amount The amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted amount with currency symbol\n   */\n  formatCurrency(amount: number, currency: string = \"€\"): string {\n    return `${currency}${this.doIt(amount)}`;\n  }\n\n  /**\n   * Format a delta value with appropriate directional indicator\n   *\n   * @param delta The delta amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted delta with direction indicator and currency symbol\n   */\n  formatDelta(delta: number, currency: string = \"€\"): string {\n    const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n    return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n  }\n\n  /**\n   * Get CSS class for delta value\n   *\n   * @param delta The delta amount\n   * @returns CSS class based on delta direction\n   */\n  getDeltaClass(delta: number): string {\n    return delta > 0\n      ? \"text-error-default\"\n      : delta < 0\n        ? \"text-primary-default\"\n        : \"text-neutral\";\n  }\n\n  /**\n   * Converts a decimal number to a mixed fraction string\n   * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n   *\n   * @param number The decimal number to convert\n   * @param precision The precision level for fraction approximation (default: 16)\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A string representing the mixed fraction\n   */\n  toMixedFraction(\n    number: number,\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Handle negative numbers\n    const isNegative = number < 0;\n    number = Math.abs(number);\n\n    // Extract whole number part\n    const wholePart = Math.floor(number);\n\n    // Extract decimal part and convert to fraction\n    let decimalPart = number - wholePart;\n\n    // If the decimal part is very small or zero, just return the whole number\n    if (decimalPart < 1 / Math.pow(10, precision)) {\n      return isNegative ? `-${wholePart}` : `${wholePart}`;\n    }\n\n    // Find the best fraction approximation using precision and max denominator\n    const { numerator, denominator } = this.decimalToFraction(\n      decimalPart,\n      precision,\n      maxDenominator,\n    );\n\n    // Format based on whether there's a whole part\n    if (wholePart === 0) {\n      return isNegative\n        ? `-${numerator}/${denominator}`\n        : `${numerator}/${denominator}`;\n    } else {\n      return isNegative\n        ? `-${wholePart} ${numerator}/${denominator}`\n        : `${wholePart} ${numerator}/${denominator}`;\n    }\n  }\n\n  /**\n   * Converts a decimal to a simplified fraction with a maximum denominator\n   *\n   * @param decimal The decimal part to convert (0 <= decimal < 1)\n   * @param precision The precision level for approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns Object containing numerator and denominator\n   */\n  private decimalToFraction(\n    decimal: number,\n    precision: number,\n    maxDenominator: number = 4,\n  ): { numerator: number; denominator: number } {\n    if (decimal === 0) {\n      return { numerator: 0, denominator: 1 };\n    }\n\n    // Initialize best approximation\n    let bestError = Infinity;\n    let bestNumerator = 0;\n    let bestDenominator = 1;\n\n    // Check common fractions first for better user experience\n    // Filter to only include fractions with denominators <= maxDenominator\n    const commonFractions = [\n      { n: 1, d: 2 }, // 1/2\n      { n: 1, d: 3 }, // 1/3\n      { n: 2, d: 3 }, // 2/3\n      { n: 1, d: 4 }, // 1/4\n      { n: 3, d: 4 }, // 3/4\n    ];\n\n    // Add additional fractions only if maxDenominator allows\n    const additionalFractions = [];\n    if (maxDenominator >= 5) {\n      additionalFractions.push(\n        { n: 1, d: 5 }, // 1/5\n        { n: 2, d: 5 }, // 2/5\n        { n: 3, d: 5 }, // 3/5\n        { n: 4, d: 5 }, // 4/5\n      );\n    }\n    if (maxDenominator >= 6) {\n      additionalFractions.push(\n        { n: 1, d: 6 }, // 1/6\n        { n: 5, d: 6 }, // 5/6\n      );\n    }\n    if (maxDenominator >= 8) {\n      additionalFractions.push(\n        { n: 1, d: 8 }, // 1/8\n        { n: 3, d: 8 }, // 3/8\n        { n: 5, d: 8 }, // 5/8\n        { n: 7, d: 8 }, // 7/8\n      );\n    }\n    if (maxDenominator >= 10) {\n      additionalFractions.push(\n        { n: 1, d: 10 }, // 1/10\n        { n: 3, d: 10 }, // 3/10\n        { n: 7, d: 10 }, // 7/10\n        { n: 9, d: 10 }, // 9/10\n      );\n    }\n    if (maxDenominator >= 12) {\n      additionalFractions.push(\n        { n: 1, d: 12 }, // 1/12\n        { n: 5, d: 12 }, // 5/12\n        { n: 7, d: 12 }, // 7/12\n        { n: 11, d: 12 }, // 11/12\n      );\n    }\n    if (maxDenominator >= 16) {\n      additionalFractions.push(\n        { n: 1, d: 16 }, // 1/16\n        { n: 3, d: 16 }, // 3/16\n        { n: 5, d: 16 }, // 5/16\n        { n: 7, d: 16 }, // 7/16\n        { n: 9, d: 16 }, // 9/16\n        { n: 11, d: 16 }, // 11/16\n        { n: 13, d: 16 }, // 13/16\n        { n: 15, d: 16 }, // 15/16\n      );\n    }\n\n    // Combine all applicable fractions\n    const allFractions = [...commonFractions, ...additionalFractions];\n\n    // Check common fractions first\n    for (const frac of allFractions) {\n      if (frac.d <= maxDenominator) {\n        const error = Math.abs(decimal - frac.n / frac.d);\n        if (error < bestError) {\n          bestError = error;\n          bestNumerator = frac.n;\n          bestDenominator = frac.d;\n\n          // If we're very close to a common fraction, just use it\n          if (error < 1 / Math.pow(10, precision)) {\n            return { numerator: frac.n, denominator: frac.d };\n          }\n        }\n      }\n    }\n\n    // If no suitable common fraction found, use a more sophisticated approach\n    // for denominators up to maxDenominator\n\n    // Find the best approximation with denominator <= maxDenominator\n    for (let d = 1; d <= maxDenominator; d++) {\n      // Find best numerator for this denominator\n      const n = Math.round(decimal * d);\n      const error = Math.abs(decimal - n / d);\n\n      if (error < bestError) {\n        bestError = error;\n        bestNumerator = n;\n        bestDenominator = d;\n      }\n    }\n\n    // Only use continued fraction expansion if we're significantly off\n    // and maxDenominator allows for larger denominators\n    if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n      // Implementation of continued fraction expansion\n      let n1 = 1,\n        n2 = 0;\n      let d1 = 0,\n        d2 = 1;\n      let b = decimal;\n\n      do {\n        let a = Math.floor(b);\n        let aux = n1;\n        n1 = a * n1 + n2;\n        n2 = aux;\n\n        aux = d1;\n        d1 = a * d1 + d2;\n        d2 = aux;\n\n        b = 1 / (b - a);\n\n        // Calculate the current approximation\n        const currentError = Math.abs(decimal - n1 / d1);\n\n        // If we hit the precision limit or if the denominator gets too large, use this approximation\n        if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n          // If d1 exceeds maxDenominator, return the previous best result\n          if (d1 > maxDenominator) {\n            return { numerator: bestNumerator, denominator: bestDenominator };\n          }\n\n          // Otherwise return this result\n          return { numerator: n1, denominator: d1 };\n        }\n      } while (b !== Infinity);\n\n      bestNumerator = n1;\n      bestDenominator = d1;\n    }\n\n    // Simplify the fraction\n    const gcd = this.findGCD(bestNumerator, bestDenominator);\n    return {\n      numerator: bestNumerator / gcd,\n      denominator: bestDenominator / gcd,\n    };\n  }\n\n  /**\n   * Calculates the greatest common divisor of two numbers\n   */\n  private findGCD(a: number, b: number): number {\n    return b === 0 ? a : this.findGCD(b, a % b);\n  }\n\n  /**\n   * Alternative method to get a formatted mixed fraction with a specified format\n   *\n   * @param number The decimal number to convert\n   * @param format The format specification ('unicode', 'ascii', 'superscript')\n   * @param precision The precision level for fraction approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A formatted string representing the mixed fraction\n   */\n  formatMixedFraction(\n    number: number,\n    format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Get the basic mixed fraction\n    const basicFraction = this.toMixedFraction(\n      number,\n      precision,\n      maxDenominator,\n    );\n\n    // If the format is ascii, just return the basic fraction\n    if (format === \"ascii\") {\n      return basicFraction;\n    }\n\n    // For unicode and superscript formats, we need to parse the basic fraction\n    const isNegative = basicFraction.startsWith(\"-\");\n    const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n    // Check if it's a pure fraction or mixed fraction\n    const hasMixedPart = withoutSign.includes(\" \");\n\n    if (!withoutSign.includes(\"/\")) {\n      // If there's no fraction part, just return the number\n      return basicFraction;\n    }\n\n    let wholePart = \"\";\n    let fractionPart = withoutSign;\n\n    if (hasMixedPart) {\n      // Split the whole and fraction parts\n      const parts = withoutSign.split(\" \");\n      wholePart = parts[0];\n      fractionPart = parts[1];\n    }\n\n    // Split the fraction part into numerator and denominator\n    const [numerator, denominator] = fractionPart.split(\"/\");\n\n    if (format === \"unicode\") {\n      // Try to find a unicode fraction character\n      const unicodeFraction = this.getUnicodeFraction(\n        parseInt(numerator),\n        parseInt(denominator),\n      );\n\n      if (unicodeFraction) {\n        return isNegative\n          ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n          : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n      }\n\n      // Fallback to basic format if no unicode fraction is available\n      return basicFraction;\n    }\n\n    // Handle superscript format\n    if (format === \"superscript\") {\n      const superNumerator = this.toSuperscript(numerator);\n      const subDenominator = this.toSubscript(denominator);\n\n      if (hasMixedPart) {\n        return isNegative\n          ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n          : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n      } else {\n        return isNegative\n          ? `-${superNumerator}⁄${subDenominator}`\n          : `${superNumerator}⁄${subDenominator}`;\n      }\n    }\n\n    // Fallback to basic format\n    return basicFraction;\n  }\n\n  /**\n   * Gets the Unicode fraction character if available\n   *\n   * @param numerator The numerator\n   * @param denominator The denominator\n   * @returns Unicode fraction character or null if not available\n   */\n  private getUnicodeFraction(\n    numerator: number,\n    denominator: number,\n  ): string | null {\n    // Map common fractions to their Unicode characters\n    const fractionMap: Record<string, string> = {\n      \"1/4\": \"¼\",\n      \"1/2\": \"½\",\n      \"3/4\": \"¾\",\n      \"1/3\": \"⅓\",\n      \"2/3\": \"⅔\",\n      \"1/5\": \"⅕\",\n      \"2/5\": \"⅖\",\n      \"3/5\": \"⅗\",\n      \"4/5\": \"⅘\",\n      \"1/6\": \"⅙\",\n      \"5/6\": \"⅚\",\n      \"1/7\": \"⅐\",\n      \"1/8\": \"⅛\",\n      \"3/8\": \"⅜\",\n      \"5/8\": \"⅝\",\n      \"7/8\": \"⅞\",\n      \"1/9\": \"⅑\",\n      \"1/10\": \"⅒\",\n    };\n\n    const key = `${numerator}/${denominator}`;\n    return fractionMap[key] || null;\n  }\n\n  /**\n   * Converts digits to superscript\n   */\n  private toSuperscript(str: string): string {\n    const superscriptMap: Record<string, string> = {\n      \"0\": \"⁰\",\n      \"1\": \"¹\",\n      \"2\": \"²\",\n      \"3\": \"³\",\n      \"4\": \"⁴\",\n      \"5\": \"⁵\",\n      \"6\": \"⁶\",\n      \"7\": \"⁷\",\n      \"8\": \"⁸\",\n      \"9\": \"⁹\",\n      \"-\": \"⁻\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => superscriptMap[char] || char)\n      .join(\"\");\n  }\n\n  /**\n   * Converts digits to subscript\n   */\n  private toSubscript(str: string): string {\n    const subscriptMap: Record<string, string> = {\n      \"0\": \"₀\",\n      \"1\": \"₁\",\n      \"2\": \"₂\",\n      \"3\": \"₃\",\n      \"4\": \"₄\",\n      \"5\": \"₅\",\n      \"6\": \"₆\",\n      \"7\": \"₇\",\n      \"8\": \"₈\",\n      \"9\": \"₉\",\n      \"-\": \"₋\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => subscriptMap[char] || char)\n      .join(\"\");\n  }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}

package/dist/{utils-Bp2jhyZc.js → utils-hp-DnFf5.js}

@@ -1,7 +1,17 @@
-import "./animation-hXFClrIn.js";
-import "./overlay-stack-DXPYHPhk.js";
-import "./intersection-BrXp4YTO.js";
-var e = class {
+import "./animation-BK-8BwY8.js";
+import "./overlay-stack-CAQno0CK.js";
+import { Observable as e } from "rxjs";
+function t(t, n = { threshold: .5 }) {
+	return new e((e) => {
+		let r = new IntersectionObserver((t) => {
+			e.next(t);
+		}, n);
+		return Array.isArray(t) ? t.forEach((e) => r.observe(e)) : r.observe(t), () => {
+			r.disconnect();
+		};
+	});
+}
+var n = class {
 	constructor() {
 		this.systemLocale = typeof navigator < "u" && navigator.language ? navigator.language : "de-DE";
 	}
@@ -255,5 +265,5 @@ var e = class {
 		return e.split("").map((e) => t[e] || e).join("");
 	}
 };
-new e();
-export { e as t };
+new n();
+export { t as n, n as t };

package/dist/utils-hp-DnFf5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-hp-DnFf5.js","names":[],"sources":["../src/utils/intersection.ts","../src/utils/number.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tif (Array.isArray(element)) {\n\t\t\telement.forEach(el => observer.observe(el))\n\t\t} else {\n\t\t\tobserver.observe(element)\n\t\t}\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n","/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language\n  }\n  return 'de-DE'\n}\n\nexport class Numbers {\n  /**\n   * The system locale detected from user's browser/OS settings.\n   * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n   */\n  readonly systemLocale = getSystemLocale()\n\n  /**\n   * Rounds a number to the specified number of decimal places.\n   * @param {number} number - The number to round.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @returns {number} - The rounded number.\n   */\n  roundNumber(number: number, decimalPlaces: number = 2): number {\n    const factor = Math.pow(10, decimalPlaces);\n    return Math.round(number * factor) / factor;\n  }\n\n  /**\n   * Formats a number according to the specified locale and options.\n   * Uses the user's system locale by default for display formatting.\n   *\n   * @param {number} number - The number to format.\n   * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   *\n   * @example\n   * // Uses system locale (e.g., user's browser setting)\n   * numbers.formatNumber(1234.56)\n   *\n   * // Explicit locale for exports (bank systems expect German format)\n   * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n   */\n  formatNumber(\n    number: number,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    return new Intl.NumberFormat(locale, options).format(number);\n  }\n\n  /**\n   * Parses a string with a specified decimal separator into a number.\n   * @param {string} numberString - The string to parse.\n   * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n   * @returns {number} - The parsed number.\n   */\n  parseToPureNumber(\n    numberString: string,\n    decimalSeparator: string = \",\",\n  ): number {\n    const normalizedString = numberString.replace(decimalSeparator, \".\");\n    return parseFloat(normalizedString);\n  }\n\n  /**\n   * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n   * Uses the user's system locale by default.\n   *\n   * @param {number} number - The number to process.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @param {string} [locale] - The locale string. Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   */\n  doIt(\n    number: number,\n    decimalPlaces: number = 2,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    const roundedNumber = this.roundNumber(number, decimalPlaces);\n    return this.formatNumber(roundedNumber, locale, options);\n  }\n\n  /**\n   * Format a currency amount consistently across the application\n   *\n   * @param amount The amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted amount with currency symbol\n   */\n  formatCurrency(amount: number, currency: string = \"€\"): string {\n    return `${currency}${this.doIt(amount)}`;\n  }\n\n  /**\n   * Format a delta value with appropriate directional indicator\n   *\n   * @param delta The delta amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted delta with direction indicator and currency symbol\n   */\n  formatDelta(delta: number, currency: string = \"€\"): string {\n    const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n    return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n  }\n\n  /**\n   * Get CSS class for delta value\n   *\n   * @param delta The delta amount\n   * @returns CSS class based on delta direction\n   */\n  getDeltaClass(delta: number): string {\n    return delta > 0\n      ? \"text-error-default\"\n      : delta < 0\n        ? \"text-primary-default\"\n        : \"text-neutral\";\n  }\n\n  /**\n   * Converts a decimal number to a mixed fraction string\n   * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n   *\n   * @param number The decimal number to convert\n   * @param precision The precision level for fraction approximation (default: 16)\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A string representing the mixed fraction\n   */\n  toMixedFraction(\n    number: number,\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Handle negative numbers\n    const isNegative = number < 0;\n    number = Math.abs(number);\n\n    // Extract whole number part\n    const wholePart = Math.floor(number);\n\n    // Extract decimal part and convert to fraction\n    let decimalPart = number - wholePart;\n\n    // If the decimal part is very small or zero, just return the whole number\n    if (decimalPart < 1 / Math.pow(10, precision)) {\n      return isNegative ? `-${wholePart}` : `${wholePart}`;\n    }\n\n    // Find the best fraction approximation using precision and max denominator\n    const { numerator, denominator } = this.decimalToFraction(\n      decimalPart,\n      precision,\n      maxDenominator,\n    );\n\n    // Format based on whether there's a whole part\n    if (wholePart === 0) {\n      return isNegative\n        ? `-${numerator}/${denominator}`\n        : `${numerator}/${denominator}`;\n    } else {\n      return isNegative\n        ? `-${wholePart} ${numerator}/${denominator}`\n        : `${wholePart} ${numerator}/${denominator}`;\n    }\n  }\n\n  /**\n   * Converts a decimal to a simplified fraction with a maximum denominator\n   *\n   * @param decimal The decimal part to convert (0 <= decimal < 1)\n   * @param precision The precision level for approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns Object containing numerator and denominator\n   */\n  private decimalToFraction(\n    decimal: number,\n    precision: number,\n    maxDenominator: number = 4,\n  ): { numerator: number; denominator: number } {\n    if (decimal === 0) {\n      return { numerator: 0, denominator: 1 };\n    }\n\n    // Initialize best approximation\n    let bestError = Infinity;\n    let bestNumerator = 0;\n    let bestDenominator = 1;\n\n    // Check common fractions first for better user experience\n    // Filter to only include fractions with denominators <= maxDenominator\n    const commonFractions = [\n      { n: 1, d: 2 }, // 1/2\n      { n: 1, d: 3 }, // 1/3\n      { n: 2, d: 3 }, // 2/3\n      { n: 1, d: 4 }, // 1/4\n      { n: 3, d: 4 }, // 3/4\n    ];\n\n    // Add additional fractions only if maxDenominator allows\n    const additionalFractions = [];\n    if (maxDenominator >= 5) {\n      additionalFractions.push(\n        { n: 1, d: 5 }, // 1/5\n        { n: 2, d: 5 }, // 2/5\n        { n: 3, d: 5 }, // 3/5\n        { n: 4, d: 5 }, // 4/5\n      );\n    }\n    if (maxDenominator >= 6) {\n      additionalFractions.push(\n        { n: 1, d: 6 }, // 1/6\n        { n: 5, d: 6 }, // 5/6\n      );\n    }\n    if (maxDenominator >= 8) {\n      additionalFractions.push(\n        { n: 1, d: 8 }, // 1/8\n        { n: 3, d: 8 }, // 3/8\n        { n: 5, d: 8 }, // 5/8\n        { n: 7, d: 8 }, // 7/8\n      );\n    }\n    if (maxDenominator >= 10) {\n      additionalFractions.push(\n        { n: 1, d: 10 }, // 1/10\n        { n: 3, d: 10 }, // 3/10\n        { n: 7, d: 10 }, // 7/10\n        { n: 9, d: 10 }, // 9/10\n      );\n    }\n    if (maxDenominator >= 12) {\n      additionalFractions.push(\n        { n: 1, d: 12 }, // 1/12\n        { n: 5, d: 12 }, // 5/12\n        { n: 7, d: 12 }, // 7/12\n        { n: 11, d: 12 }, // 11/12\n      );\n    }\n    if (maxDenominator >= 16) {\n      additionalFractions.push(\n        { n: 1, d: 16 }, // 1/16\n        { n: 3, d: 16 }, // 3/16\n        { n: 5, d: 16 }, // 5/16\n        { n: 7, d: 16 }, // 7/16\n        { n: 9, d: 16 }, // 9/16\n        { n: 11, d: 16 }, // 11/16\n        { n: 13, d: 16 }, // 13/16\n        { n: 15, d: 16 }, // 15/16\n      );\n    }\n\n    // Combine all applicable fractions\n    const allFractions = [...commonFractions, ...additionalFractions];\n\n    // Check common fractions first\n    for (const frac of allFractions) {\n      if (frac.d <= maxDenominator) {\n        const error = Math.abs(decimal - frac.n / frac.d);\n        if (error < bestError) {\n          bestError = error;\n          bestNumerator = frac.n;\n          bestDenominator = frac.d;\n\n          // If we're very close to a common fraction, just use it\n          if (error < 1 / Math.pow(10, precision)) {\n            return { numerator: frac.n, denominator: frac.d };\n          }\n        }\n      }\n    }\n\n    // If no suitable common fraction found, use a more sophisticated approach\n    // for denominators up to maxDenominator\n\n    // Find the best approximation with denominator <= maxDenominator\n    for (let d = 1; d <= maxDenominator; d++) {\n      // Find best numerator for this denominator\n      const n = Math.round(decimal * d);\n      const error = Math.abs(decimal - n / d);\n\n      if (error < bestError) {\n        bestError = error;\n        bestNumerator = n;\n        bestDenominator = d;\n      }\n    }\n\n    // Only use continued fraction expansion if we're significantly off\n    // and maxDenominator allows for larger denominators\n    if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n      // Implementation of continued fraction expansion\n      let n1 = 1,\n        n2 = 0;\n      let d1 = 0,\n        d2 = 1;\n      let b = decimal;\n\n      do {\n        let a = Math.floor(b);\n        let aux = n1;\n        n1 = a * n1 + n2;\n        n2 = aux;\n\n        aux = d1;\n        d1 = a * d1 + d2;\n        d2 = aux;\n\n        b = 1 / (b - a);\n\n        // Calculate the current approximation\n        const currentError = Math.abs(decimal - n1 / d1);\n\n        // If we hit the precision limit or if the denominator gets too large, use this approximation\n        if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n          // If d1 exceeds maxDenominator, return the previous best result\n          if (d1 > maxDenominator) {\n            return { numerator: bestNumerator, denominator: bestDenominator };\n          }\n\n          // Otherwise return this result\n          return { numerator: n1, denominator: d1 };\n        }\n      } while (b !== Infinity);\n\n      bestNumerator = n1;\n      bestDenominator = d1;\n    }\n\n    // Simplify the fraction\n    const gcd = this.findGCD(bestNumerator, bestDenominator);\n    return {\n      numerator: bestNumerator / gcd,\n      denominator: bestDenominator / gcd,\n    };\n  }\n\n  /**\n   * Calculates the greatest common divisor of two numbers\n   */\n  private findGCD(a: number, b: number): number {\n    return b === 0 ? a : this.findGCD(b, a % b);\n  }\n\n  /**\n   * Alternative method to get a formatted mixed fraction with a specified format\n   *\n   * @param number The decimal number to convert\n   * @param format The format specification ('unicode', 'ascii', 'superscript')\n   * @param precision The precision level for fraction approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A formatted string representing the mixed fraction\n   */\n  formatMixedFraction(\n    number: number,\n    format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Get the basic mixed fraction\n    const basicFraction = this.toMixedFraction(\n      number,\n      precision,\n      maxDenominator,\n    );\n\n    // If the format is ascii, just return the basic fraction\n    if (format === \"ascii\") {\n      return basicFraction;\n    }\n\n    // For unicode and superscript formats, we need to parse the basic fraction\n    const isNegative = basicFraction.startsWith(\"-\");\n    const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n    // Check if it's a pure fraction or mixed fraction\n    const hasMixedPart = withoutSign.includes(\" \");\n\n    if (!withoutSign.includes(\"/\")) {\n      // If there's no fraction part, just return the number\n      return basicFraction;\n    }\n\n    let wholePart = \"\";\n    let fractionPart = withoutSign;\n\n    if (hasMixedPart) {\n      // Split the whole and fraction parts\n      const parts = withoutSign.split(\" \");\n      wholePart = parts[0];\n      fractionPart = parts[1];\n    }\n\n    // Split the fraction part into numerator and denominator\n    const [numerator, denominator] = fractionPart.split(\"/\");\n\n    if (format === \"unicode\") {\n      // Try to find a unicode fraction character\n      const unicodeFraction = this.getUnicodeFraction(\n        parseInt(numerator),\n        parseInt(denominator),\n      );\n\n      if (unicodeFraction) {\n        return isNegative\n          ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n          : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n      }\n\n      // Fallback to basic format if no unicode fraction is available\n      return basicFraction;\n    }\n\n    // Handle superscript format\n    if (format === \"superscript\") {\n      const superNumerator = this.toSuperscript(numerator);\n      const subDenominator = this.toSubscript(denominator);\n\n      if (hasMixedPart) {\n        return isNegative\n          ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n          : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n      } else {\n        return isNegative\n          ? `-${superNumerator}⁄${subDenominator}`\n          : `${superNumerator}⁄${subDenominator}`;\n      }\n    }\n\n    // Fallback to basic format\n    return basicFraction;\n  }\n\n  /**\n   * Gets the Unicode fraction character if available\n   *\n   * @param numerator The numerator\n   * @param denominator The denominator\n   * @returns Unicode fraction character or null if not available\n   */\n  private getUnicodeFraction(\n    numerator: number,\n    denominator: number,\n  ): string | null {\n    // Map common fractions to their Unicode characters\n    const fractionMap: Record<string, string> = {\n      \"1/4\": \"¼\",\n      \"1/2\": \"½\",\n      \"3/4\": \"¾\",\n      \"1/3\": \"⅓\",\n      \"2/3\": \"⅔\",\n      \"1/5\": \"⅕\",\n      \"2/5\": \"⅖\",\n      \"3/5\": \"⅗\",\n      \"4/5\": \"⅘\",\n      \"1/6\": \"⅙\",\n      \"5/6\": \"⅚\",\n      \"1/7\": \"⅐\",\n      \"1/8\": \"⅛\",\n      \"3/8\": \"⅜\",\n      \"5/8\": \"⅝\",\n      \"7/8\": \"⅞\",\n      \"1/9\": \"⅑\",\n      \"1/10\": \"⅒\",\n    };\n\n    const key = `${numerator}/${denominator}`;\n    return fractionMap[key] || null;\n  }\n\n  /**\n   * Converts digits to superscript\n   */\n  private toSuperscript(str: string): string {\n    const superscriptMap: Record<string, string> = {\n      \"0\": \"⁰\",\n      \"1\": \"¹\",\n      \"2\": \"²\",\n      \"3\": \"³\",\n      \"4\": \"⁴\",\n      \"5\": \"⁵\",\n      \"6\": \"⁶\",\n      \"7\": \"⁷\",\n      \"8\": \"⁸\",\n      \"9\": \"⁹\",\n      \"-\": \"⁻\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => superscriptMap[char] || char)\n      .join(\"\");\n  }\n\n  /**\n   * Converts digits to subscript\n   */\n  private toSubscript(str: string): string {\n    const subscriptMap: Record<string, string> = {\n      \"0\": \"₀\",\n      \"1\": \"₁\",\n      \"2\": \"₂\",\n      \"3\": \"₃\",\n      \"4\": \"₄\",\n      \"5\": \"₅\",\n      \"6\": \"₆\",\n      \"7\": \"₇\",\n      \"8\": \"₈\",\n      \"9\": \"₉\",\n      \"-\": \"₋\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => subscriptMap[char] || char)\n      .join(\"\");\n  }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"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"}

package/dist/utils.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./search-CwMav5QB.cjs`),t=require(`./animation-CQRdLgzX.cjs`),n=require(`./overlay-stack-7bs4ZNnh.cjs`),r=require(`./intersection-DqBqnpgh.cjs`),i=require(`./utils-CBPQvxNW.cjs`);exports.ANIMATION_CSS_VARS=t.t,exports.BLACKBIRD_EASING=t.n,exports.DURATION_BACKDROP=t.r,exports.DURATION_ENTER=t.i,exports.DURATION_EXIT=t.a,exports.EASE_IN=t.o,exports.EASE_OUT=t.s,exports.GRID_ANIMATION_CSS=t.c,exports.Numbers=i.t,exports.SPRING_BOUNCY=t.l,exports.SPRING_GENTLE=t.u,exports.SPRING_SMOOTH=t.d,exports.SPRING_SNAPPY=t.f,exports.createAnimation=t.p,exports.createDismissAnimation=t.m,exports.createRevealAnimation=t.h,exports.createScaleAnimation=t.g,exports.getEasing=t._,exports.intersection$=r.t,exports.overlayStack=n.t,exports.prefersReducedMotion=t.v,exports.similarity=e.t,exports.tailwindAnimations=t.y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./search-BLCRsxIC.cjs`),t=require(`./animation-CO_Csq84.cjs`),n=require(`./overlay-stack-BprhAE9a.cjs`),r=require(`./utils-Cr-YO4Np.cjs`);exports.ANIMATION_CSS_VARS=t.t,exports.BLACKBIRD_EASING=t.n,exports.DURATION_BACKDROP=t.r,exports.DURATION_ENTER=t.i,exports.DURATION_EXIT=t.a,exports.EASE_IN=t.o,exports.EASE_OUT=t.s,exports.GRID_ANIMATION_CSS=t.c,exports.Numbers=r.t,exports.SPRING_BOUNCY=t.l,exports.SPRING_GENTLE=t.u,exports.SPRING_SMOOTH=t.d,exports.SPRING_SNAPPY=t.f,exports.createAnimation=t.p,exports.createDismissAnimation=t.m,exports.createRevealAnimation=t.h,exports.createScaleAnimation=t.g,exports.getEasing=t._,exports.intersection$=r.n,exports.overlayStack=n.t,exports.prefersReducedMotion=t.v,exports.similarity=e.t,exports.tailwindAnimations=t.y;

package/dist/utils.js

@@ -1,6 +1,5 @@
-import { t as e } from "./search-CvUZRLF1.js";
-import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./animation-hXFClrIn.js";
-import { t as b } from "./overlay-stack-DXPYHPhk.js";
-import { t as x } from "./intersection-BrXp4YTO.js";
-import { t as S } from "./utils-Bp2jhyZc.js";
+import { t as e } from "./search-BTz7-Rev.js";
+import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "./animation-BK-8BwY8.js";
+import { t as b } from "./overlay-stack-CAQno0CK.js";
+import { n as x, t as S } from "./utils-hp-DnFf5.js";
 export { g as ANIMATION_CSS_VARS, d as BLACKBIRD_EASING, m as DURATION_BACKDROP, c as DURATION_ENTER, n as DURATION_EXIT, f as EASE_IN, h as EASE_OUT, r as GRID_ANIMATION_CSS, S as Numbers, l as SPRING_BOUNCY, _ as SPRING_GENTLE, i as SPRING_SMOOTH, a as SPRING_SNAPPY, p as createAnimation, u as createDismissAnimation, s as createRevealAnimation, o as createScaleAnimation, t as getEasing, x as intersection$, b as overlayStack, v as prefersReducedMotion, e as similarity, y as tailwindAnimations };

package/dist/visually-hidden.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./tailwind.mixin-DRI1oTYQ.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`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BIXF7xkF.cjs`),t=require(`./decorate-DpFmy0nm.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.s{static{this.styles=[r.css`
 	:host {
 		position: absolute;
 		width: 1px;
@@ -10,4 +10,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 		white-space: nowrap;
 		border-width: 0;
 	}
-`){render(){return r.html`<slot></slot>`}};i=t.t([(0,n.customElement)(`schmancy-visually-hidden`)],i),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return i}});
+`]}render(){return r.html`<slot></slot>`}};i=t.t([(0,n.customElement)(`schmancy-visually-hidden`)],i),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return i}});

package/dist/visually-hidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.cjs","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends TailwindElement(css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`) {\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":"qQAgBO,IAAA,EAAA,cAAqC,EAAA,EAAgB,EAAA,GAAG;;;;;;;;;;;;GAa9D,QAAA,CACC,MAAO,GAAA,IAAI,kBAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAfE,2BAAA,CAAA,CAA2B,EAAA,CAAA,OAAA,eAAA,QAAA,yBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
+{"version":3,"file":"visually-hidden.cjs","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`];\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":"qOAgBO,IAAA,EAAA,cAAqC,EAAA,CAAA,CAAA,OAAA,KAAA,OAC3B,CAAC,EAAA,GAAG;;;;;;;;;;;;GAapB,QAAA,CACC,MAAO,GAAA,IAAI,kBAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAhBE,2BAAA,CAAA,CAA2B,EAAA,CAAA,OAAA,eAAA,QAAA,yBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/visually-hidden.js

@@ -1,9 +1,10 @@
-import { t as e } from "./tailwind.mixin-mdQR3BEO.js";
-import { t } from "./decorate-D_utPUsC.js";
-import "./mixins.js";
+import { s as e } from "./mixins-CL1krSOE.js";
+import { t } from "./decorate-23nYs4Le.js";
 import { customElement as n } from "lit/decorators.js";
 import { css as r, html as i } from "lit";
-var a = class extends e(r`
+var a = class extends e {
+	static {
+		this.styles = [r`
 	:host {
 		position: absolute;
 		width: 1px;
@@ -15,7 +16,8 @@ var a = class extends e(r`
 		white-space: nowrap;
 		border-width: 0;
 	}
-`) {
+`];
+	}
 	render() {
 		return i`<slot></slot>`;
 	}

package/dist/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.js","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends TailwindElement(css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`) {\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":";;;;;AAgBO,IAAA,IAAA,cAAqC,EAAgB,CAAG;;;;;;;;;;;;;CAa9D,SAAA;AACC,SAAO,CAAI;;;AAAA,IAAA,EAAA,CAfZ,EAAc,2BAAA,CAAA,EAA2B,EAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"visually-hidden.js","names":[],"sources":["../src/visually-hidden/visually-hidden.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * Hides content visually while keeping it in the accessibility tree. Use for\n * screen-reader-only labels, supplemental descriptions, and live-region text\n * that sighted users don't need to see.\n *\n * Uses the WCAG-recommended clip pattern rather than `display: none` or\n * `visibility: hidden` so assistive tech still reads the content.\n *\n * @element schmancy-visually-hidden\n * @slot - Content hidden from sighted users but exposed to assistive tech.\n */\n@customElement('schmancy-visually-hidden')\nexport class SchmancyVisuallyHidden extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n`];\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-visually-hidden': SchmancyVisuallyHidden\n\t}\n}\n"],"mappings":";;;;AAgBO,IAAA,IAAA,cAAqC,EAAA;CAAA;AAAA,OAAA,SAC3B,CAAC,CAAG;;;;;;;;;;;;;;CAapB,SAAA;AACC,SAAO,CAAI;;;AAAA,IAAA,EAAA,CAhBZ,EAAc,2BAAA,CAAA,EAA2B,EAAA;AAAA,SAAA,KAAA"}

package/dist/window-DTgKAQgz.cjs

@@ -0,0 +1,59 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BIXF7xkF.cjs`),t=require(`./decorate-DpFmy0nm.cjs`),n=require(`./animation-CO_Csq84.cjs`),r=require(`./reduced-motion-Ds-HjMzn.cjs`),i=require(`./cursor-glow-Bulq-38P.cjs`),a=require(`./theme.service-CP71ojp6.cjs`),o=require(`./overlay-stack-BprhAE9a.cjs`);let s=require(`rxjs`),c=require(`lit/directives/class-map.js`),l=require(`lit/directives/style-map.js`),u=require(`lit/decorators.js`),d=require(`lit`),f=require(`lit/directives/ref.js`);var p=`schmancy-window-`,m=`schmancy-float-`;function h(e,t){return!(e.left>=t.left+t.width||e.left+e.width<=t.left||e.top>=t.top+t.height||e.top+e.height<=t.top)}var g,_=class e{constructor(){this._state$=new s.BehaviorSubject({windows:new Map,focusedId:null,stackOrder:[]}),this.state$=this._state$.asObservable()}static getInstance(){return e.instance||=new e,e.instance}get windows(){return this._state$.value.windows}get focusedId(){return this._state$.value.focusedId}register(e,t,n){let r=this._state$.value;if(r.windows.has(e))return;let i={id:e,bounds:t,visualState:`normal`,zIndex:o.t.assignZIndex(e),open:!1,snapTarget:n},a=new Map(r.windows);a.set(e,i);let s=o.t.getStackOrder();this._state$.next({...r,windows:a,stackOrder:s})}unregister(e){let t=this._state$.value;if(!t.windows.has(e))return;o.t.releaseId(e);let n=new Map(t.windows);n.delete(e);let r=o.t.getStackOrder(),i=t.focusedId===e?null:t.focusedId;this._state$.next({...t,windows:n,stackOrder:r,focusedId:i})}updateBounds(e,t){this._updateRecord(e,{bounds:t})}updateVisualState(e,t){this._updateRecord(e,{visualState:t})}updateOpen(e,t){this._updateRecord(e,{open:t})}focus(e){let t=this._state$.value;if(!t.windows.has(e)||t.focusedId===e)return;let n=o.t.bringToFront(e),r=new Map(t.windows),i=r.get(e);i&&r.set(e,{...i,zIndex:n});let a=o.t.getStackOrder();this._state$.next({...t,windows:r,stackOrder:a,focusedId:e})}findOverlaps(e,t){let n=[];for(let[r,i]of this._state$.value.windows)r!==t&&h(e,i.bounds)&&n.push(i);return n}getNeighbors(e){let t=[];for(let[n,r]of this._state$.value.windows)n!==e&&t.push(r);return t}selectWindow(e){return this._state$.pipe((0,s.map)(t=>t.windows.get(e)),(0,s.distinctUntilChanged)())}selectFocused(){return this._state$.pipe((0,s.map)(e=>e.focusedId),(0,s.distinctUntilChanged)())}loadPosition(e){try{let t=localStorage.getItem(p+e)??localStorage.getItem(m+e);return t?JSON.parse(t):null}catch{return null}}savePosition(e,t){try{localStorage.setItem(p+e,JSON.stringify(t))}catch{}}clearPosition(e){try{localStorage.removeItem(p+e),localStorage.removeItem(m+e)}catch{}}_updateRecord(e,t){let n=this._state$.value,r=n.windows.get(e);if(!r)return;let i=new Map(n.windows);i.set(e,{...r,...t}),this._state$.next({...n,windows:i})}}.getInstance();function v(e,t,n){let r={...e};for(let e=0;e<10&&t.some(e=>{return t=r,n=e.bounds,!(t.left>=n.left+n.width||t.left+t.width<=n.left||t.top>=n.top+n.height||t.top+t.height<=n.top);var t,n});e++)r.left+=44,r.top+=44;return function(e,t){return{width:e.width,height:e.height,left:Math.max(0,Math.min(e.left,t.width-e.width)),top:Math.max(0,Math.min(e.top,t.height-e.height))}}(r,n)}var y=48,b=class extends e.s{static{g=this}constructor(...e){super(...e),this.id=`default`,this.lowered=!1,this.corner=`bottom-right`,this.resizable=!1,this.freePosition=!1,this.visualState=`normal`,this.minWidth=280,this.minHeight=200,this.open=!1,this._hasOpened=!1,this._focused=!1,this._position={x:16,y:16},this._currentCorner=`bottom-right`,this._appliedCorner=``,this._containerRef=(0,f.createRef)(),this._bodyRef=(0,f.createRef)(),this._headRef=(0,f.createRef)(),this._handleFocus=()=>_.focus(this.id),this._handleHeadKeydown=e=>{if(e.key===`Enter`||e.key===` `)return e.preventDefault(),void this.toggle();if(e.key===`ArrowUp`||e.key===`ArrowDown`||e.key===`ArrowLeft`||e.key===`ArrowRight`){e.preventDefault();let t=e.shiftKey?20:5,n=e.key===`ArrowRight`?t:e.key===`ArrowLeft`?-t:0,r=e.key===`ArrowDown`?t:e.key===`ArrowUp`?-t:0;this._position={x:this._position.x+n,y:this._position.y+r},this._applyContainerPosition(),this._savePosition()}}}static{this.styles=[d.css`
+	:host {
+		display: contents;
+		position: relative;
+		z-index: 1000;
+	}
+	:host([hidden]) {
+		display: none !important;
+	}
+`]}get panelWidth(){return this.expandedWidth??`min(360px, calc(100vw - 32px))`}get isBottomCorner(){return this._currentCorner.startsWith(`bottom`)}get closedClipPath(){return this.isBottomCorner?`inset(calc(100% - 48px) 0px 0px 0px round 22px)`:`inset(0px 0px calc(100% - 48px) 0px round 22px)`}get openClipPath(){return`inset(0px 0px 0px 0px round 12px)`}get elevation(){return this.open?4:this.lowered?1:3}_applyContainerPosition(){let e=this._containerRef.value;if(!e)return;this._appliedCorner!==this._currentCorner&&(e.style.removeProperty(`left`),e.style.removeProperty(`right`),e.style.removeProperty(`top`),e.style.removeProperty(`bottom`),this._appliedCorner=this._currentCorner);let{x:t,y:n}=this._position;this._currentCorner.includes(`right`)?e.style.right=`${t}px`:e.style.left=`${t}px`,this._currentCorner.includes(`bottom`)?e.style.bottom=`${n+a.n.bottomOffset}px`:e.style.top=`${n}px`}static{this.VALID_CORNERS=new Set([`top-left`,`top-right`,`bottom-left`,`bottom-right`])}_loadPosition(){let e=_.loadPosition(this.id);e&&(this._position={x:e.x,y:e.y},g.VALID_CORNERS.has(e.anchor)&&(this._currentCorner=e.anchor))}_savePosition(){_.savePosition(this.id,{...this._position,anchor:this._currentCorner})}_validateBounds(){let e=this._containerRef.value;if(!e)return;let t=e.getBoundingClientRect();if(t.width===0)return;let n=window.innerWidth,r=window.innerHeight,i=this._currentCorner.includes(`right`),a=this._currentCorner.includes(`bottom`),o=i?n-this._position.x-t.width:this._position.x,s=a?r-this._position.y-t.height:this._position.y,c=Math.max(0,Math.min(o,n-t.width)),l=Math.max(0,Math.min(s,r-t.height));this._position={x:i?n-c-t.width:c,y:a?r-l-t.height:l},this._applyContainerPosition()}_reorientToNearestCorner(e=!1){if(this.freePosition){this._savePosition();let e=this._containerRef.value?.getBoundingClientRect();e&&_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let t=this._containerRef.value;if(!t)return;let i=t.getBoundingClientRect(),a=this._currentCorner.includes(`bottom`),o=i.left+i.width/2,c=a?i.bottom-24:i.top+24,l=o>window.innerWidth/2?`right`:`left`,u=`${c>window.innerHeight/2?`bottom`:`top`}-${l}`;if(this._currentCorner=u,this._position={x:16,y:16},this._applyContainerPosition(),this.open||(t.style.clipPath=this.closedClipPath),e||r.t.value){this._savePosition();let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height});return}let d=t.getBoundingClientRect(),f=i.left-d.left,p=i.top-d.top;t.style.translate=`${f}px ${p}px`;let m=[{translate:`${f}px ${p}px`},{translate:`0px 0px`}];(0,s.from)(t.animate(m,{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`}).finished).pipe((0,s.take)(1),(0,s.tap)(()=>{t.isConnected&&(t.style.translate=``);let e=t.getBoundingClientRect();_.updateBounds(this.id,{left:e.left,top:e.top,width:e.width,height:e.height})}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this._savePosition()}_drag$(){return new s.Observable(()=>{let e=this._headRef.value,t=this._containerRef.value;if(!e||!t)return;let n=!1,r=(0,s.fromEvent)(e,`pointerdown`).pipe((0,s.filter)(e=>e.button===0),(0,s.filter)(e=>{let t=e.target.tagName?.toLowerCase();return![`input`,`textarea`,`select`,`button`].includes(t)&&!e.target.closest(`schmancy-input, schmancy-icon-button, button, a`)}),(0,s.tap)(e=>{e.preventDefault(),e.stopPropagation()})).pipe((0,s.map)(e=>{let r=t.getBoundingClientRect(),i=this._currentCorner.includes(`bottom`),a=this.open;return n=!1,{startX:e.clientX,startY:e.clientY,offsetX:e.clientX-r.left,offsetY:e.clientY-r.top,rect:r,vw:window.innerWidth,vh:window.innerHeight,isBottom:i,wasOpen:a,pointerId:e.pointerId}}),(0,s.switchMap)(({startX:e,startY:r,offsetX:i,offsetY:a,rect:o,vw:c,vh:l,isBottom:u,wasOpen:d,pointerId:f})=>{let p=(0,s.fromEvent)(window,`pointermove`).pipe((0,s.filter)(e=>e.pointerId===f),(0,s.auditTime)(0,s.animationFrameScheduler),(0,s.map)(e=>({clientX:e.clientX,clientY:e.clientY}))),m=(0,s.fromEvent)(window,`pointerup`).pipe((0,s.filter)(e=>e.pointerId===f));return p.pipe((0,s.tap)(({clientX:s,clientY:f})=>{let p=s-e,m=f-r;if(Math.sqrt(p*p+m*m)>5&&!n&&(n=!0,this._applyDragVisuals(!0),d)){this.open=!1,t.style.clipPath=this.closedClipPath,t.style.overflow=`hidden`;let e=this._bodyRef.value;e&&(e.inert=!0,e.style.visibility=`hidden`)}if(!n)return;let h=Math.max(0,Math.min(s-i,c-o.width)),g=u?y-o.height:0,_=u?l-o.height:l-y,v=Math.max(g,Math.min(f-a,_));this._position={x:this._currentCorner.includes(`right`)?c-h-o.width:h,y:u?l-v-o.height:v},this._applyContainerPosition()}),(0,s.takeUntil)(m),(0,s.finalize)(()=>{n?(this._reorientToNearestCorner(),this._applyDragVisuals(!1),n=!1):(n=!1,this.toggle())}))})).subscribe();return()=>r.unsubscribe()})}connectedCallback(){super.connectedCallback(),(0,s.from)(this.updateComplete).pipe((0,s.take)(1),(0,s.tap)(()=>{this._currentCorner=this.corner,this._loadPosition(),this._applyContainerPosition(),this._initDOMState();let e=this._containerRef.value;if(e){let t=e.getBoundingClientRect(),n={left:t.left,top:t.top,width:t.width,height:t.height};_.register(this.id,n,this.freePosition?`free`:this._currentCorner)}}),(0,s.switchMap)(()=>(0,s.merge)(this._drag$(),_.selectWindow(this.id).pipe((0,s.tap)(e=>{if(!e)return;let t=this._containerRef.value;t&&(t.style.zIndex=String(e.zIndex))})),_.selectFocused().pipe((0,s.tap)(e=>{this._focused=e===this.id})))),(0,s.takeUntil)(this.disconnecting)).subscribe(),(0,s.merge)((0,s.fromEvent)(window,`resize`).pipe((0,s.auditTime)(0,s.animationFrameScheduler),(0,s.tap)(()=>this._validateBounds())),a.n.bottomOffset$.pipe((0,s.tap)(()=>this._applyContainerPosition()))).pipe((0,s.takeUntil)(this.disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),_.unregister(this.id)}_initDOMState(){let e=this._containerRef.value,t=this._bodyRef.value;e&&(this._applyContainerPosition(),this.open?(this._hasOpened=!0,e.style.overflow=``,t&&(t.inert=!1,t.style.visibility=`visible`)):(e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,t&&(t.inert=!0,t.style.visibility=`hidden`)))}_animateOpen(){let e=this._containerRef.value,t=this._bodyRef.value;if(!e)return;this._hasOpened=!0,this.open=!0;let i=e.getBoundingClientRect(),a={left:i.left,top:this.isBottomCorner?i.top-400:i.top,width:i.width,height:448},o=_.findOverlaps(a,this.id);if(o.length>0){let e=v(a,o,{width:window.innerWidth,height:window.innerHeight});if(Math.abs(e.left-a.left)>10||Math.abs(e.top-a.top)>10){let t=this._currentCorner.includes(`right`),n=this._currentCorner.includes(`bottom`);this._position={x:t?window.innerWidth-e.left-e.width:e.left,y:n?window.innerHeight-e.top-e.height:e.top},this._applyContainerPosition()}}if(t&&(t.style.visibility=`visible`,t.inert=!1),r.t.value)return e.style.clipPath=``,e.style.overflow=``,void this.dispatchScopedEvent(`window-toggle`,{state:`expanded`});this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let c=[{clipPath:this.closedClipPath,opacity:.95},{clipPath:this.openClipPath,opacity:1}],l=e.animate(c,{duration:n.f.duration,easing:n.f.easingFallback,fill:`forwards`});this._currentAnimation=l,(0,s.from)(l.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{e.isConnected&&(e.style.clipPath=``,e.style.overflow=``,e.style.willChange=``)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`expanded`})}_animateClose(){let e=this._containerRef.value;if(!e)return;if(r.t.value){e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,this.open=!1;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`});return}this._currentAnimation?.cancel(),e.style.overflow=`hidden`,e.style.willChange=`opacity`;let t=[{clipPath:this.openClipPath,opacity:1},{clipPath:this.closedClipPath,opacity:.95}],i=e.animate(t,{duration:Math.round(.7*n.f.duration),easing:`cubic-bezier(0.4, 0, 0.8, 0.15)`,fill:`forwards`});this._currentAnimation=i,(0,s.from)(i.finished).pipe((0,s.take)(1),(0,s.tap)(()=>{this.open=!1,e.style.willChange=``;let t=this._bodyRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`)}),(0,s.catchError)(()=>s.EMPTY),(0,s.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`window-toggle`,{state:`collapsed`})}_applyDragVisuals(e){let t=this._headRef.value,n=this._containerRef.value;t&&(t.classList.toggle(`cursor-grabbing`,e),t.classList.toggle(`cursor-move`,!e)),n&&(n.style.opacity=e?`0.95`:``)}toggle(){this.open?this._animateClose():this._animateOpen()}expand(){this.open||this._animateOpen()}close(){this.open&&this._animateClose()}render(){let e=this._currentCorner.startsWith(`bottom`),t=(0,c.classMap)({fixed:!0,flex:!0,"flex-col":e,"flex-col-reverse":!e,"z-1000":!0,"ring-1":!this._focused,"ring-2":this._focused,"ring-primary-default/30":this._focused,"ring-primary-default/15":this.open&&!this._focused,"rounded-2xl":this.open,"ring-outline-variant/40":!this.open&&!this._focused,"rounded-[22px]":!this.open,"overflow-hidden":!0}),n=(0,l.styleMap)({width:this.panelWidth,"max-height":`calc(100vh - 32px)`,"pointer-events":`none`}),r=(0,l.styleMap)({"pointer-events":this.open?`auto`:`none`}),a=(0,c.classMap)({"h-full":!0,"px-3":!0,flex:!0,"items-center":!0,"gap-2":!0,"select-none":!0,"cursor-move":!0});return d.html`
+			<schmancy-surface
+				${(0,f.ref)(this._containerRef)}
+				type="glass"
+				.elevation=${this.elevation}
+				class=${t}
+				style=${n}
+				aria-expanded=${this.open}
+				@pointerdown=${this._handleFocus}
+			>
+				<!-- Details section (visually above summary for bottom corners) -->
+				<section
+					${(0,f.ref)(this._bodyRef)}
+					class="flex-1 min-h-0 overflow-hidden flex flex-col"
+					style=${r}
+					role="region"
+					aria-label="Expandable content"
+				>
+					${this._hasOpened?d.html`<slot name="details"></slot>`:d.nothing}
+				</section>
+
+				<!-- Summary section -- always interactive, always visible -->
+				<section
+					class="shrink-0 bg-surface-lowest"
+					style=${(0,l.styleMap)({"pointer-events":`auto`,height:`48px`})}
+				>
+					<div
+						${(0,f.ref)(this._headRef)}
+						${i.t({radius:200,intensity:.1})}
+						class=${a}
+						role="button"
+						tabindex="0"
+						title="Drag to move, click to expand"
+						aria-label="${this.open?`Collapse window`:`Expand window`}"
+						@keydown=${this._handleHeadKeydown}
+					>
+						<div class="flex-1 min-w-0">
+							<slot></slot>
+						</div>
+						<svg
+							width="16" height="16" viewBox="0 0 24 24" fill="none"
+							class="shrink-0 text-surface-on/40 transition-transform duration-200 ${this.open?`rotate-180`:``}"
+							aria-hidden="true"
+						>
+							<path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+						</svg>
+					</div>
+				</section>
+			</schmancy-surface>
+		`}};t.t([(0,u.property)({type:String})],b.prototype,`id`,void 0),t.t([(0,u.property)({type:String})],b.prototype,`expandedWidth`,void 0),t.t([(0,u.property)({type:String})],b.prototype,`expandedHeight`,void 0),t.t([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`lowered`,void 0),t.t([(0,u.property)({type:String})],b.prototype,`corner`,void 0),t.t([(0,u.property)({type:Boolean})],b.prototype,`resizable`,void 0),t.t([(0,u.property)({type:Boolean})],b.prototype,`freePosition`,void 0),t.t([(0,u.property)({type:String,reflect:!0})],b.prototype,`visualState`,void 0),t.t([(0,u.property)({type:Number})],b.prototype,`minWidth`,void 0),t.t([(0,u.property)({type:Number})],b.prototype,`minHeight`,void 0),t.t([(0,u.property)({type:Boolean,reflect:!0})],b.prototype,`open`,void 0),t.t([(0,u.state)()],b.prototype,`_hasOpened`,void 0),t.t([(0,u.state)()],b.prototype,`_focused`,void 0),t.t([(0,u.state)()],b.prototype,`_currentCorner`,void 0);var x=b=g=t.t([(0,u.customElement)(`schmancy-window`)],b);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});