@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/theme-button-BsJcv-Zv.cjs

@@ -0,0 +1,8 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-Cpa-VnnX.cjs`),t=require(`./decorate-F9CuyeHg.cjs`);require(`./mixins.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.t(){render(){return r.html`
+			<schmancy-button
+				@click=${()=>{this.color.animate([{transform:`rotate(0deg)`},{transform:`rotate(360deg)`}],{duration:300})}}
+				variant="text"
+			>
+				<schmancy-icon id="color">palette</schmancy-icon>
+			</schmancy-button>
+		`}};t.t([(0,n.query)(`#color`)],i.prototype,`color`,void 0),i=t.t([(0,n.customElement)(`schmancy-theme-button`)],i);

package/dist/theme-button-BsJcv-Zv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-button-BsJcv-Zv.cjs","names":[],"sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"mappings":"kMAKe,IAAA,EAAA,cAAkC,EAAA,GAAA,AAAA,CAGhD,QAAA,CACC,MAAO,GAAA,IAAI;;kBAOR,KAAK,MAAM,QAAQ,CAAC,CAAE,UAAW,eAAA,CAAkB,CAAE,UAAW,iBAAA,CAAA,CAAqB,CACpF,SAAU,IAAA,CAAA,EAAA;;;;;uBAXR,SAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAFF,wBAAA,CAAA,CAAwB,EAAA"}

package/dist/theme-button-dOiAvdKU.js

@@ -0,0 +1,20 @@
+import { t as e } from "./tailwind.mixin-DufHBjmb.js";
+import { t } from "./decorate-D_utPUsC.js";
+import "./mixins.js";
+import { customElement as n, query as r } from "lit/decorators.js";
+import { html as i } from "lit";
+var a = class extends e() {
+	render() {
+		return i`
+			<schmancy-button
+				@click=${() => {
+			this.color.animate([{ transform: "rotate(0deg)" }, { transform: "rotate(360deg)" }], { duration: 300 });
+		}}
+				variant="text"
+			>
+				<schmancy-icon id="color">palette</schmancy-icon>
+			</schmancy-button>
+		`;
+	}
+};
+t([r("#color")], a.prototype, "color", void 0), a = t([n("schmancy-theme-button")], a);

package/dist/theme-button-dOiAvdKU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-button-dOiAvdKU.js","names":[],"sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"mappings":";;;;;AAKe,IAAA,IAAA,cAAkC,GAAA,CAAA;CAGhD,SAAA;AACC,SAAO,CAAI;;;AAOR,QAAK,MAAM,QAAQ,CAAC,EAAE,WAAW,gBAAA,EAAkB,EAAE,WAAW,kBAAA,CAAA,EAAqB,EACpF,UAAU,KAAA,CAAA;IAAA;;;;;;;;GAXd,EAAM,SAAA,CAAA,EAAS,EAAA,WAAA,SAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAFhB,EAAc,wBAAA,CAAA,EAAwB,EAAA"}

package/dist/theme-button.cjs

@@ -1 +1 @@
-require(`./theme-button-Ci8VQ7KW.cjs`);
+require(`./theme-button-BsJcv-Zv.cjs`);

package/dist/theme-button.js

@@ -1 +1 @@
-import "./theme-button--sX8A-m1.js";
+import "./theme-button-dOiAvdKU.js";

package/dist/theme.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./tailwind.mixin-BF1Huas7.cjs`),t=require(`./theme.events-DM4H5F2d.cjs`),n=require(`./theme.service-C_tjlqgy.cjs`),r=require(`./theme.interface-Da23QAYb.cjs`),i=require(`./theme-Da4SPq9X.cjs`);exports.SchmancyGenerateMoodAudioEvent=i.n,exports.SchmancyTheme=r.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return i.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return i.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return i.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return i.t}}),exports.ThemeHereIAm=t.t,exports.ThemeWhereAreYou=t.n,exports.createDarkTonalPaletteFromBaseColor=i.s,exports.createLightTonalPaletteFromBaseColor=i.c,exports.formatTheme=i.l,exports.schmancyTheme=n.t,exports.tailwindStyles=i.o,exports.theme=n.n,exports.themeContext=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./tailwind.mixin-Cpa-VnnX.cjs`),t=require(`./theme.events-EznKK2Y0.cjs`),n=require(`./theme.service-ETiKUwVy.cjs`),r=require(`./theme.interface-CM26m9te.cjs`),i=require(`./theme-CCKqaksQ.cjs`);exports.SchmancyGenerateMoodAudioEvent=i.n,exports.SchmancyTheme=r.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return i.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return i.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return i.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return i.t}}),exports.ThemeHereIAm=t.t,exports.ThemeWhereAreYou=t.n,exports.createDarkTonalPaletteFromBaseColor=i.s,exports.createLightTonalPaletteFromBaseColor=i.c,exports.formatTheme=i.l,exports.schmancyTheme=n.t,exports.tailwindStyles=i.o,exports.theme=n.n,exports.themeContext=e.i;

package/dist/theme.events-Bw3mYjUA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.events-Bw3mYjUA.js","names":[],"sources":["../src/theme/theme.events.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n *   new CustomEvent('theme-where-are-you', {\n *     bubbles: true,\n *     composed: true\n *   })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n *   const themeComponent = event.detail.theme\n *   console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'"],"mappings":"AA+BA,IAAa,IAAmB,uBA2BnB,IAAe;AAAA,SAAA,KAAA,GAAA"}

package/dist/theme.events-EznKK2Y0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.events-EznKK2Y0.cjs","names":[],"sources":["../src/theme/theme.events.ts"],"sourcesContent":["/**\n * Theme discovery event system.\n *\n * These events facilitate communication between theme components and consumers,\n * allowing components to discover the nearest theme provider in the DOM hierarchy.\n */\n\n/**\n * Event dispatched by components to discover the nearest theme provider.\n * Theme components listen for this event and respond with ThemeHereIAmEvent.\n *\n * @event ThemeWhereAreYouEvent\n * @type {CustomEvent<void>}\n *\n * @example\n * ```typescript\n * // Dispatch discovery request\n * window.dispatchEvent(\n *   new CustomEvent('theme-where-are-you', {\n *     bubbles: true,\n *     composed: true\n *   })\n * )\n * ```\n */\nexport type ThemeWhereAreYouEvent = CustomEvent<void>\n\n/**\n * Event name constant for theme discovery request.\n * @const {string}\n */\nexport const ThemeWhereAreYou = 'theme-where-are-you'\n\n/**\n * Event dispatched by theme components in response to discovery requests.\n * Contains reference to the theme component element.\n *\n * @event ThemeHereIAmEvent\n * @type {CustomEvent<{theme: HTMLElement}>}\n * @property {HTMLElement} detail.theme - The theme component element\n *\n * @example\n * ```typescript\n * // Listen for theme response\n * window.addEventListener('theme-here-i-am', (event: ThemeHereIAmEvent) => {\n *   const themeComponent = event.detail.theme\n *   console.log('Found theme component:', themeComponent)\n * })\n * ```\n */\nexport type ThemeHereIAmEvent = CustomEvent<{\n\ttheme: HTMLElement\n}>\n\n/**\n * Event name constant for theme discovery response.\n * @const {string}\n */\nexport const ThemeHereIAm = 'theme-here-i-am'"],"mappings":"sEA+BgC,uBAAA,CAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,MA2BJ,mBAAA,CAAA"}

package/dist/theme.interface-CM26m9te.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.interface-CM26m9te.cjs","names":[],"sources":["../src/theme/theme.interface.ts"],"sourcesContent":["/**\n * Material Design 3 Theme Definition\n * Complete theme system following Material Design 3 specifications\n * @see https://m3.material.io/foundations/customization\n *\n * @internal\n */\nconst ThemeDef = {\n\tsys: {\n\t\t// M3 Color System - Complete tonal palette support\n\t\tcolor: {\n\t\t\t// Neutral colors\n\t\t\tscrim: 'var(--schmancy-sys-color-scrim)',\n\t\t\toutline: 'var(--schmancy-sys-color-outline)',\n\t\t\toutlineVariant: 'var(--schmancy-sys-color-outlineVariant)',\n\t\t\tshadow: 'var(--schmancy-sys-color-shadow)',\n\n\t\t\t// Surface colors with complete tonal values\n\t\t\tsurface: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-surface-default)',\n\t\t\t\tdim: 'var(--schmancy-sys-color-surface-dim)',\n\t\t\t\tbright: 'var(--schmancy-sys-color-surface-bright)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-surface-container)',\n\t\t\t\tcontainerLow: 'var(--schmancy-sys-color-surface-containerLow)',\n\t\t\t\tcontainerLowest: 'var(--schmancy-sys-color-surface-containerLowest)',\n\t\t\t\tcontainerHigh: 'var(--schmancy-sys-color-surface-containerHigh)',\n\t\t\t\tcontainerHighest: 'var(--schmancy-sys-color-surface-containerHighest)',\n\t\t\t\ton: 'var(--schmancy-sys-color-surface-on)',\n\t\t\t\tonVariant: 'var(--schmancy-sys-color-surface-onVariant)',\n\t\t\t\ttint: 'var(--schmancy-sys-color-surface-tint)',\n\t\t\t\t// Inverse colors\n\t\t\t\tinverse: 'var(--schmancy-sys-color-inverse-surface)',\n\t\t\t\tinverseOn: 'var(--schmancy-sys-color-inverse-onSurface)',\n\t\t\t\t// Deprecated mappings for backward compatibility\n\t\t\t\tlow: 'var(--schmancy-sys-color-surface-containerLow)',\n\t\t\t\thigh: 'var(--schmancy-sys-color-surface-containerHigh)',\n\t\t\t\thighest: 'var(--schmancy-sys-color-surface-containerHighest)',\n\t\t\t\tlowest: 'var(--schmancy-sys-color-surface-containerLowest)',\n\t\t\t},\n\n\t\t\t// Primary color roles with fixed variants\n\t\t\tprimary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-primary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-primary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-primary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-primary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-primary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-primary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-primary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-primary-onFixedVariant)',\n\t\t\t\tinverse: 'var(--schmancy-sys-color-inverse-primary)',\n\t\t\t},\n\n\t\t\t// Secondary color roles with fixed variants\n\t\t\tsecondary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-secondary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-secondary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-secondary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-secondary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-secondary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-secondary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-secondary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-secondary-onFixedVariant)',\n\t\t\t},\n\n\t\t\t// Tertiary color roles with fixed variants\n\t\t\ttertiary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-tertiary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-tertiary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-tertiary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-tertiary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-tertiary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-tertiary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-tertiary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-tertiary-onFixedVariant)',\n\t\t\t},\n\n\t\t\t// Error color roles\n\t\t\terror: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-error-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-error-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-error-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-error-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Success\n\t\t\tsuccess: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-success-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-success-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-success-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-success-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Warning\n\t\t\twarning: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-warning-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-warning-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-warning-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-warning-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Info\n\t\t\tinfo: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-info-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-info-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-info-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-info-onContainer)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Typography System\n\t\ttypography: {\n\t\t\t// Display styles\n\t\t\tdisplay: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-display-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-display-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-display-small)',\n\t\t\t},\n\t\t\t// Headline styles\n\t\t\theadline: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-headline-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-headline-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-headline-small)',\n\t\t\t},\n\t\t\t// Title styles\n\t\t\ttitle: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-title-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-title-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-title-small)',\n\t\t\t},\n\t\t\t// Body styles\n\t\t\tbody: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-body-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-body-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-body-small)',\n\t\t\t},\n\t\t\t// Label styles\n\t\t\tlabel: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-label-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-label-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-label-small)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Shape System\n\t\tshape: {\n\t\t\tcorner: {\n\t\t\t\tnone: 'var(--schmancy-sys-shape-corner-none)',\n\t\t\t\textraSmall: 'var(--schmancy-sys-shape-corner-extraSmall)',\n\t\t\t\tsmall: 'var(--schmancy-sys-shape-corner-small)',\n\t\t\t\tmedium: 'var(--schmancy-sys-shape-corner-medium)',\n\t\t\t\tlarge: 'var(--schmancy-sys-shape-corner-large)',\n\t\t\t\textraLarge: 'var(--schmancy-sys-shape-corner-extraLarge)',\n\t\t\t\tfull: 'var(--schmancy-sys-shape-corner-full)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Elevation System with tinted shadows\n\t\televation: {\n\t\t\t0: 'var(--schmancy-sys-elevation-0)',\n\t\t\t1: 'var(--schmancy-sys-elevation-1)',\n\t\t\t2: 'var(--schmancy-sys-elevation-2)',\n\t\t\t3: 'var(--schmancy-sys-elevation-3)',\n\t\t\t4: 'var(--schmancy-sys-elevation-4)',\n\t\t\t5: 'var(--schmancy-sys-elevation-5)',\n\t\t},\n\n\t\t// M3 Motion System\n\t\tmotion: {\n\t\t\t// Easing tokens\n\t\t\teasing: {\n\t\t\t\temphasized: 'var(--schmancy-sys-motion-easing-emphasized)',\n\t\t\t\temphasizedDecelerate: 'var(--schmancy-sys-motion-easing-emphasized-decelerate)',\n\t\t\t\temphasizedAccelerate: 'var(--schmancy-sys-motion-easing-emphasized-accelerate)',\n\t\t\t\tstandard: 'var(--schmancy-sys-motion-easing-standard)',\n\t\t\t\tstandardDecelerate: 'var(--schmancy-sys-motion-easing-standard-decelerate)',\n\t\t\t\tstandardAccelerate: 'var(--schmancy-sys-motion-easing-standard-accelerate)',\n\t\t\t\tlegacy: 'var(--schmancy-sys-motion-easing-legacy)',\n\t\t\t\tlinear: 'var(--schmancy-sys-motion-easing-linear)',\n\t\t\t},\n\t\t\t// Duration tokens\n\t\t\tduration: {\n\t\t\t\tshort1: 'var(--schmancy-sys-motion-duration-short1)',\n\t\t\t\tshort2: 'var(--schmancy-sys-motion-duration-short2)',\n\t\t\t\tshort3: 'var(--schmancy-sys-motion-duration-short3)',\n\t\t\t\tshort4: 'var(--schmancy-sys-motion-duration-short4)',\n\t\t\t\tmedium1: 'var(--schmancy-sys-motion-duration-medium1)',\n\t\t\t\tmedium2: 'var(--schmancy-sys-motion-duration-medium2)',\n\t\t\t\tmedium3: 'var(--schmancy-sys-motion-duration-medium3)',\n\t\t\t\tmedium4: 'var(--schmancy-sys-motion-duration-medium4)',\n\t\t\t\tlong1: 'var(--schmancy-sys-motion-duration-long1)',\n\t\t\t\tlong2: 'var(--schmancy-sys-motion-duration-long2)',\n\t\t\t\tlong3: 'var(--schmancy-sys-motion-duration-long3)',\n\t\t\t\tlong4: 'var(--schmancy-sys-motion-duration-long4)',\n\t\t\t\textraLong1: 'var(--schmancy-sys-motion-duration-extraLong1)',\n\t\t\t\textraLong2: 'var(--schmancy-sys-motion-duration-extraLong2)',\n\t\t\t\textraLong3: 'var(--schmancy-sys-motion-duration-extraLong3)',\n\t\t\t\textraLong4: 'var(--schmancy-sys-motion-duration-extraLong4)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 State Layers\n\t\tstate: {\n\t\t\topacity: {\n\t\t\t\thover: 'var(--schmancy-sys-state-hover-opacity)',\n\t\t\t\tfocus: 'var(--schmancy-sys-state-focus-opacity)',\n\t\t\t\tpressed: 'var(--schmancy-sys-state-pressed-opacity)',\n\t\t\t\tdragged: 'var(--schmancy-sys-state-dragged-opacity)',\n\t\t\t\tdisabled: 'var(--schmancy-sys-state-disabled-opacity)',\n\t\t\t\tdisabledContainer: 'var(--schmancy-sys-state-disabled-container-opacity)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Spacing System\n\t\tspacing: {\n\t\t\t0: 'var(--schmancy-sys-spacing-0)',\n\t\t\t1: 'var(--schmancy-sys-spacing-1)',\n\t\t\t2: 'var(--schmancy-sys-spacing-2)',\n\t\t\t3: 'var(--schmancy-sys-spacing-3)',\n\t\t\t4: 'var(--schmancy-sys-spacing-4)',\n\t\t\t5: 'var(--schmancy-sys-spacing-5)',\n\t\t\t6: 'var(--schmancy-sys-spacing-6)',\n\t\t\t7: 'var(--schmancy-sys-spacing-7)',\n\t\t\t8: 'var(--schmancy-sys-spacing-8)',\n\t\t\t9: 'var(--schmancy-sys-spacing-9)',\n\t\t\t10: 'var(--schmancy-sys-spacing-10)',\n\t\t\t11: 'var(--schmancy-sys-spacing-11)',\n\t\t\t12: 'var(--schmancy-sys-spacing-12)',\n\t\t},\n\n\t\t// Legacy outline for backward compatibility\n\t\toutline: {\n\t\t\t1: 'var(--schmancy-sys-outline-1)',\n\t\t},\n\t},\n\n\t// Reference palette - complete tonal values\n\tref: {\n\t\tpalette: {\n\t\t\t// Primary tonal palette\n\t\t\tprimary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-primary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-primary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-primary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-primary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-primary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-primary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-primary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-primary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-primary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-primary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-primary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-primary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-primary-100)',\n\t\t\t},\n\t\t\t// Secondary tonal palette\n\t\t\tsecondary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-secondary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-secondary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-secondary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-secondary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-secondary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-secondary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-secondary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-secondary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-secondary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-secondary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-secondary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-secondary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-secondary-100)',\n\t\t\t},\n\t\t\t// Tertiary tonal palette\n\t\t\ttertiary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-tertiary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-tertiary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-tertiary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-tertiary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-tertiary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-tertiary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-tertiary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-tertiary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-tertiary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-tertiary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-tertiary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-tertiary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-tertiary-100)',\n\t\t\t},\n\t\t\t// Neutral tonal palette\n\t\t\tneutral: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-neutral-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-neutral-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-neutral-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-neutral-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-neutral-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-neutral-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-neutral-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-neutral-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-neutral-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-neutral-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-neutral-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-neutral-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-neutral-100)',\n\t\t\t},\n\t\t\t// Neutral variant tonal palette\n\t\t\tneutralVariant: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-neutralVariant-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-neutralVariant-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-neutralVariant-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-neutralVariant-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-neutralVariant-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-neutralVariant-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-neutralVariant-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-neutralVariant-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-neutralVariant-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-neutralVariant-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-neutralVariant-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-neutralVariant-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-neutralVariant-100)',\n\t\t\t},\n\t\t\t// Error tonal palette\n\t\t\terror: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-error-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-error-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-error-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-error-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-error-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-error-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-error-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-error-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-error-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-error-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-error-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-error-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-error-100)',\n\t\t\t},\n\t\t},\n\t},\n}\nconst theme = {\n\ttheme: ThemeDef,\n}\n\n/**\n * Type definition for the Schmancy Material Design 3 theme configuration.\n * Complete theme system with colors, typography, shape, motion, and state layers.\n *\n * @typedef {Object} TSchmancyTheme\n *\n * @example\n * ```typescript\n * import type { TSchmancyTheme } from '@schmancy/theme'\n *\n * const myTheme: Partial<TSchmancyTheme> = {\n *   sys: {\n *     color: {\n *       primary: {\n *         default: '#6750A4',\n *         container: '#EADDFF'\n *       }\n *     },\n *     shape: {\n *       corner: {\n *         medium: '12px'\n *       }\n *     }\n *   }\n * }\n * ```\n */\nexport type TSchmancyTheme = (typeof theme)[keyof typeof theme] & {\n\t/**\n\t * Locale for number/date formatting (BCP 47 language tag).\n\t * Defaults to navigator.language, can be overridden via schmancy-theme locale attribute.\n\t * @example \"de-DE\", \"en-US\", \"ar-SA\"\n\t */\n\tlocale: string\n}\n\n/**\n * Default Schmancy theme configuration object.\n * Provides access to all theme CSS variables through JavaScript.\n *\n * @constant {TSchmancyTheme}\n *\n * @example\n * ```typescript\n * import { SchmancyTheme } from '@schmancy/theme'\n *\n * // Access primary color variable\n * const primaryColor = SchmancyTheme.sys.color.primary.default\n * // Returns: 'var(--schmancy-sys-color-primary-default)'\n * ```\n */\nconst SchmancyTheme: TSchmancyTheme = {\n\t...ThemeDef,\n\tlocale: typeof navigator !== 'undefined' ? navigator.language : 'de-DE',\n}\n\nexport { SchmancyTheme }\n"],"mappings":"AAyYA,IAAM,EAAgC,CAjYrC,IAAK,CAEJ,MAAO,CAEN,MAAO,kCACP,QAAS,oCACT,eAAgB,2CAChB,OAAQ,mCAGR,QAAS,CACR,QAAS,4CACT,IAAK,wCACL,OAAQ,2CACR,UAAW,8CACX,aAAc,iDACd,gBAAiB,oDACjB,cAAe,kDACf,iBAAkB,qDAClB,GAAI,uCACJ,UAAW,8CACX,KAAM,yCAEN,QAAS,4CACT,UAAW,8CAEX,IAAK,iDACL,KAAM,kDACN,QAAS,qDACT,OAAQ,oDAAA,CAIT,QAAS,CACR,QAAS,4CACT,GAAI,uCACJ,UAAW,8CACX,YAAa,gDACb,MAAO,0CACP,SAAU,6CACV,QAAS,4CACT,eAAgB,mDAChB,QAAS,4CAAA,CAIV,UAAW,CACV,QAAS,8CACT,GAAI,yCACJ,UAAW,gDACX,YAAa,kDACb,MAAO,4CACP,SAAU,+CACV,QAAS,8CACT,eAAgB,qDAAA,CAIjB,SAAU,CACT,QAAS,6CACT,GAAI,wCACJ,UAAW,+CACX,YAAa,iDACb,MAAO,2CACP,SAAU,8CACV,QAAS,6CACT,eAAgB,oDAAA,CAIjB,MAAO,CACN,QAAS,0CACT,GAAI,qCACJ,UAAW,4CACX,YAAa,8CAAA,CAId,QAAS,CACR,QAAS,4CACT,GAAI,uCACJ,UAAW,8CACX,YAAa,gDAAA,CAId,QAAS,CACR,QAAS,4CACT,GAAI,uCACJ,UAAW,8CACX,YAAa,gDAAA,CAId,KAAM,CACL,QAAS,yCACT,GAAI,oCACJ,UAAW,2CACX,YAAa,6CAAA,CAAA,CAKf,WAAY,CAEX,QAAS,CACR,MAAO,8CACP,OAAQ,+CACR,MAAO,8CAAA,CAGR,SAAU,CACT,MAAO,+CACP,OAAQ,gDACR,MAAO,+CAAA,CAGR,MAAO,CACN,MAAO,4CACP,OAAQ,6CACR,MAAO,4CAAA,CAGR,KAAM,CACL,MAAO,2CACP,OAAQ,4CACR,MAAO,2CAAA,CAGR,MAAO,CACN,MAAO,4CACP,OAAQ,6CACR,MAAO,4CAAA,CAAA,CAKT,MAAO,CACN,OAAQ,CACP,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,OAAQ,0CACR,MAAO,yCACP,WAAY,8CACZ,KAAM,wCAAA,CAAA,CAKR,UAAW,CACV,EAAG,kCACH,EAAG,kCACH,EAAG,kCACH,EAAG,kCACH,EAAG,kCACH,EAAG,kCAAA,CAIJ,OAAQ,CAEP,OAAQ,CACP,WAAY,+CACZ,qBAAsB,0DACtB,qBAAsB,0DACtB,SAAU,6CACV,mBAAoB,wDACpB,mBAAoB,wDACpB,OAAQ,2CACR,OAAQ,2CAAA,CAGT,SAAU,CACT,OAAQ,6CACR,OAAQ,6CACR,OAAQ,6CACR,OAAQ,6CACR,QAAS,8CACT,QAAS,8CACT,QAAS,8CACT,QAAS,8CACT,MAAO,4CACP,MAAO,4CACP,MAAO,4CACP,MAAO,4CACP,WAAY,iDACZ,WAAY,iDACZ,WAAY,iDACZ,WAAY,iDAAA,CAAA,CAKd,MAAO,CACN,QAAS,CACR,MAAO,0CACP,MAAO,0CACP,QAAS,4CACT,QAAS,4CACT,SAAU,6CACV,kBAAmB,uDAAA,CAAA,CAKrB,QAAS,CACR,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,EAAG,gCACH,GAAI,iCACJ,GAAI,iCACJ,GAAI,iCAAA,CAIL,QAAS,CACR,EAAG,gCAAA,CAAA,CAKL,IAAK,CACJ,QAAS,CAER,QAAS,CACR,EAAG,wCACH,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,IAAK,0CAAA,CAGN,UAAW,CACV,EAAG,0CACH,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,GAAI,2CACJ,IAAK,4CAAA,CAGN,SAAU,CACT,EAAG,yCACH,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,GAAI,0CACJ,IAAK,2CAAA,CAGN,QAAS,CACR,EAAG,wCACH,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,GAAI,yCACJ,IAAK,0CAAA,CAGN,eAAgB,CACf,EAAG,+CACH,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,GAAI,gDACJ,IAAK,iDAAA,CAGN,MAAO,CACN,EAAG,sCACH,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,IAAK,wCAAA,CAAA,CAAA,CA8DR,OAA6B,OAAd,UAAc,IAAc,UAAU,SAAW,QAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/theme.interface-FAUIgbIq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.interface-FAUIgbIq.js","names":[],"sources":["../src/theme/theme.interface.ts"],"sourcesContent":["/**\n * Material Design 3 Theme Definition\n * Complete theme system following Material Design 3 specifications\n * @see https://m3.material.io/foundations/customization\n *\n * @internal\n */\nconst ThemeDef = {\n\tsys: {\n\t\t// M3 Color System - Complete tonal palette support\n\t\tcolor: {\n\t\t\t// Neutral colors\n\t\t\tscrim: 'var(--schmancy-sys-color-scrim)',\n\t\t\toutline: 'var(--schmancy-sys-color-outline)',\n\t\t\toutlineVariant: 'var(--schmancy-sys-color-outlineVariant)',\n\t\t\tshadow: 'var(--schmancy-sys-color-shadow)',\n\n\t\t\t// Surface colors with complete tonal values\n\t\t\tsurface: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-surface-default)',\n\t\t\t\tdim: 'var(--schmancy-sys-color-surface-dim)',\n\t\t\t\tbright: 'var(--schmancy-sys-color-surface-bright)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-surface-container)',\n\t\t\t\tcontainerLow: 'var(--schmancy-sys-color-surface-containerLow)',\n\t\t\t\tcontainerLowest: 'var(--schmancy-sys-color-surface-containerLowest)',\n\t\t\t\tcontainerHigh: 'var(--schmancy-sys-color-surface-containerHigh)',\n\t\t\t\tcontainerHighest: 'var(--schmancy-sys-color-surface-containerHighest)',\n\t\t\t\ton: 'var(--schmancy-sys-color-surface-on)',\n\t\t\t\tonVariant: 'var(--schmancy-sys-color-surface-onVariant)',\n\t\t\t\ttint: 'var(--schmancy-sys-color-surface-tint)',\n\t\t\t\t// Inverse colors\n\t\t\t\tinverse: 'var(--schmancy-sys-color-inverse-surface)',\n\t\t\t\tinverseOn: 'var(--schmancy-sys-color-inverse-onSurface)',\n\t\t\t\t// Deprecated mappings for backward compatibility\n\t\t\t\tlow: 'var(--schmancy-sys-color-surface-containerLow)',\n\t\t\t\thigh: 'var(--schmancy-sys-color-surface-containerHigh)',\n\t\t\t\thighest: 'var(--schmancy-sys-color-surface-containerHighest)',\n\t\t\t\tlowest: 'var(--schmancy-sys-color-surface-containerLowest)',\n\t\t\t},\n\n\t\t\t// Primary color roles with fixed variants\n\t\t\tprimary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-primary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-primary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-primary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-primary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-primary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-primary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-primary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-primary-onFixedVariant)',\n\t\t\t\tinverse: 'var(--schmancy-sys-color-inverse-primary)',\n\t\t\t},\n\n\t\t\t// Secondary color roles with fixed variants\n\t\t\tsecondary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-secondary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-secondary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-secondary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-secondary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-secondary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-secondary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-secondary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-secondary-onFixedVariant)',\n\t\t\t},\n\n\t\t\t// Tertiary color roles with fixed variants\n\t\t\ttertiary: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-tertiary-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-tertiary-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-tertiary-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-tertiary-onContainer)',\n\t\t\t\tfixed: 'var(--schmancy-sys-color-tertiary-fixed)',\n\t\t\t\tfixedDim: 'var(--schmancy-sys-color-tertiary-fixedDim)',\n\t\t\t\tonFixed: 'var(--schmancy-sys-color-tertiary-onFixed)',\n\t\t\t\tonFixedVariant: 'var(--schmancy-sys-color-tertiary-onFixedVariant)',\n\t\t\t},\n\n\t\t\t// Error color roles\n\t\t\terror: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-error-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-error-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-error-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-error-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Success\n\t\t\tsuccess: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-success-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-success-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-success-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-success-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Warning\n\t\t\twarning: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-warning-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-warning-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-warning-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-warning-onContainer)',\n\t\t\t},\n\n\t\t\t// Extended color roles - Info\n\t\t\tinfo: {\n\t\t\t\tdefault: 'var(--schmancy-sys-color-info-default)',\n\t\t\t\ton: 'var(--schmancy-sys-color-info-on)',\n\t\t\t\tcontainer: 'var(--schmancy-sys-color-info-container)',\n\t\t\t\tonContainer: 'var(--schmancy-sys-color-info-onContainer)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Typography System\n\t\ttypography: {\n\t\t\t// Display styles\n\t\t\tdisplay: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-display-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-display-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-display-small)',\n\t\t\t},\n\t\t\t// Headline styles\n\t\t\theadline: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-headline-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-headline-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-headline-small)',\n\t\t\t},\n\t\t\t// Title styles\n\t\t\ttitle: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-title-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-title-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-title-small)',\n\t\t\t},\n\t\t\t// Body styles\n\t\t\tbody: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-body-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-body-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-body-small)',\n\t\t\t},\n\t\t\t// Label styles\n\t\t\tlabel: {\n\t\t\t\tlarge: 'var(--schmancy-sys-typescale-label-large)',\n\t\t\t\tmedium: 'var(--schmancy-sys-typescale-label-medium)',\n\t\t\t\tsmall: 'var(--schmancy-sys-typescale-label-small)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Shape System\n\t\tshape: {\n\t\t\tcorner: {\n\t\t\t\tnone: 'var(--schmancy-sys-shape-corner-none)',\n\t\t\t\textraSmall: 'var(--schmancy-sys-shape-corner-extraSmall)',\n\t\t\t\tsmall: 'var(--schmancy-sys-shape-corner-small)',\n\t\t\t\tmedium: 'var(--schmancy-sys-shape-corner-medium)',\n\t\t\t\tlarge: 'var(--schmancy-sys-shape-corner-large)',\n\t\t\t\textraLarge: 'var(--schmancy-sys-shape-corner-extraLarge)',\n\t\t\t\tfull: 'var(--schmancy-sys-shape-corner-full)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Elevation System with tinted shadows\n\t\televation: {\n\t\t\t0: 'var(--schmancy-sys-elevation-0)',\n\t\t\t1: 'var(--schmancy-sys-elevation-1)',\n\t\t\t2: 'var(--schmancy-sys-elevation-2)',\n\t\t\t3: 'var(--schmancy-sys-elevation-3)',\n\t\t\t4: 'var(--schmancy-sys-elevation-4)',\n\t\t\t5: 'var(--schmancy-sys-elevation-5)',\n\t\t},\n\n\t\t// M3 Motion System\n\t\tmotion: {\n\t\t\t// Easing tokens\n\t\t\teasing: {\n\t\t\t\temphasized: 'var(--schmancy-sys-motion-easing-emphasized)',\n\t\t\t\temphasizedDecelerate: 'var(--schmancy-sys-motion-easing-emphasized-decelerate)',\n\t\t\t\temphasizedAccelerate: 'var(--schmancy-sys-motion-easing-emphasized-accelerate)',\n\t\t\t\tstandard: 'var(--schmancy-sys-motion-easing-standard)',\n\t\t\t\tstandardDecelerate: 'var(--schmancy-sys-motion-easing-standard-decelerate)',\n\t\t\t\tstandardAccelerate: 'var(--schmancy-sys-motion-easing-standard-accelerate)',\n\t\t\t\tlegacy: 'var(--schmancy-sys-motion-easing-legacy)',\n\t\t\t\tlinear: 'var(--schmancy-sys-motion-easing-linear)',\n\t\t\t},\n\t\t\t// Duration tokens\n\t\t\tduration: {\n\t\t\t\tshort1: 'var(--schmancy-sys-motion-duration-short1)',\n\t\t\t\tshort2: 'var(--schmancy-sys-motion-duration-short2)',\n\t\t\t\tshort3: 'var(--schmancy-sys-motion-duration-short3)',\n\t\t\t\tshort4: 'var(--schmancy-sys-motion-duration-short4)',\n\t\t\t\tmedium1: 'var(--schmancy-sys-motion-duration-medium1)',\n\t\t\t\tmedium2: 'var(--schmancy-sys-motion-duration-medium2)',\n\t\t\t\tmedium3: 'var(--schmancy-sys-motion-duration-medium3)',\n\t\t\t\tmedium4: 'var(--schmancy-sys-motion-duration-medium4)',\n\t\t\t\tlong1: 'var(--schmancy-sys-motion-duration-long1)',\n\t\t\t\tlong2: 'var(--schmancy-sys-motion-duration-long2)',\n\t\t\t\tlong3: 'var(--schmancy-sys-motion-duration-long3)',\n\t\t\t\tlong4: 'var(--schmancy-sys-motion-duration-long4)',\n\t\t\t\textraLong1: 'var(--schmancy-sys-motion-duration-extraLong1)',\n\t\t\t\textraLong2: 'var(--schmancy-sys-motion-duration-extraLong2)',\n\t\t\t\textraLong3: 'var(--schmancy-sys-motion-duration-extraLong3)',\n\t\t\t\textraLong4: 'var(--schmancy-sys-motion-duration-extraLong4)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 State Layers\n\t\tstate: {\n\t\t\topacity: {\n\t\t\t\thover: 'var(--schmancy-sys-state-hover-opacity)',\n\t\t\t\tfocus: 'var(--schmancy-sys-state-focus-opacity)',\n\t\t\t\tpressed: 'var(--schmancy-sys-state-pressed-opacity)',\n\t\t\t\tdragged: 'var(--schmancy-sys-state-dragged-opacity)',\n\t\t\t\tdisabled: 'var(--schmancy-sys-state-disabled-opacity)',\n\t\t\t\tdisabledContainer: 'var(--schmancy-sys-state-disabled-container-opacity)',\n\t\t\t},\n\t\t},\n\n\t\t// M3 Spacing System\n\t\tspacing: {\n\t\t\t0: 'var(--schmancy-sys-spacing-0)',\n\t\t\t1: 'var(--schmancy-sys-spacing-1)',\n\t\t\t2: 'var(--schmancy-sys-spacing-2)',\n\t\t\t3: 'var(--schmancy-sys-spacing-3)',\n\t\t\t4: 'var(--schmancy-sys-spacing-4)',\n\t\t\t5: 'var(--schmancy-sys-spacing-5)',\n\t\t\t6: 'var(--schmancy-sys-spacing-6)',\n\t\t\t7: 'var(--schmancy-sys-spacing-7)',\n\t\t\t8: 'var(--schmancy-sys-spacing-8)',\n\t\t\t9: 'var(--schmancy-sys-spacing-9)',\n\t\t\t10: 'var(--schmancy-sys-spacing-10)',\n\t\t\t11: 'var(--schmancy-sys-spacing-11)',\n\t\t\t12: 'var(--schmancy-sys-spacing-12)',\n\t\t},\n\n\t\t// Legacy outline for backward compatibility\n\t\toutline: {\n\t\t\t1: 'var(--schmancy-sys-outline-1)',\n\t\t},\n\t},\n\n\t// Reference palette - complete tonal values\n\tref: {\n\t\tpalette: {\n\t\t\t// Primary tonal palette\n\t\t\tprimary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-primary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-primary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-primary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-primary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-primary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-primary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-primary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-primary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-primary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-primary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-primary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-primary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-primary-100)',\n\t\t\t},\n\t\t\t// Secondary tonal palette\n\t\t\tsecondary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-secondary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-secondary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-secondary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-secondary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-secondary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-secondary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-secondary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-secondary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-secondary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-secondary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-secondary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-secondary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-secondary-100)',\n\t\t\t},\n\t\t\t// Tertiary tonal palette\n\t\t\ttertiary: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-tertiary-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-tertiary-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-tertiary-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-tertiary-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-tertiary-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-tertiary-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-tertiary-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-tertiary-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-tertiary-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-tertiary-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-tertiary-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-tertiary-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-tertiary-100)',\n\t\t\t},\n\t\t\t// Neutral tonal palette\n\t\t\tneutral: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-neutral-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-neutral-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-neutral-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-neutral-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-neutral-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-neutral-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-neutral-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-neutral-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-neutral-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-neutral-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-neutral-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-neutral-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-neutral-100)',\n\t\t\t},\n\t\t\t// Neutral variant tonal palette\n\t\t\tneutralVariant: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-neutralVariant-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-neutralVariant-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-neutralVariant-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-neutralVariant-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-neutralVariant-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-neutralVariant-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-neutralVariant-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-neutralVariant-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-neutralVariant-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-neutralVariant-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-neutralVariant-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-neutralVariant-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-neutralVariant-100)',\n\t\t\t},\n\t\t\t// Error tonal palette\n\t\t\terror: {\n\t\t\t\t0: 'var(--schmancy-ref-palette-error-0)',\n\t\t\t\t10: 'var(--schmancy-ref-palette-error-10)',\n\t\t\t\t20: 'var(--schmancy-ref-palette-error-20)',\n\t\t\t\t30: 'var(--schmancy-ref-palette-error-30)',\n\t\t\t\t40: 'var(--schmancy-ref-palette-error-40)',\n\t\t\t\t50: 'var(--schmancy-ref-palette-error-50)',\n\t\t\t\t60: 'var(--schmancy-ref-palette-error-60)',\n\t\t\t\t70: 'var(--schmancy-ref-palette-error-70)',\n\t\t\t\t80: 'var(--schmancy-ref-palette-error-80)',\n\t\t\t\t90: 'var(--schmancy-ref-palette-error-90)',\n\t\t\t\t95: 'var(--schmancy-ref-palette-error-95)',\n\t\t\t\t99: 'var(--schmancy-ref-palette-error-99)',\n\t\t\t\t100: 'var(--schmancy-ref-palette-error-100)',\n\t\t\t},\n\t\t},\n\t},\n}\nconst theme = {\n\ttheme: ThemeDef,\n}\n\n/**\n * Type definition for the Schmancy Material Design 3 theme configuration.\n * Complete theme system with colors, typography, shape, motion, and state layers.\n *\n * @typedef {Object} TSchmancyTheme\n *\n * @example\n * ```typescript\n * import type { TSchmancyTheme } from '@schmancy/theme'\n *\n * const myTheme: Partial<TSchmancyTheme> = {\n *   sys: {\n *     color: {\n *       primary: {\n *         default: '#6750A4',\n *         container: '#EADDFF'\n *       }\n *     },\n *     shape: {\n *       corner: {\n *         medium: '12px'\n *       }\n *     }\n *   }\n * }\n * ```\n */\nexport type TSchmancyTheme = (typeof theme)[keyof typeof theme] & {\n\t/**\n\t * Locale for number/date formatting (BCP 47 language tag).\n\t * Defaults to navigator.language, can be overridden via schmancy-theme locale attribute.\n\t * @example \"de-DE\", \"en-US\", \"ar-SA\"\n\t */\n\tlocale: string\n}\n\n/**\n * Default Schmancy theme configuration object.\n * Provides access to all theme CSS variables through JavaScript.\n *\n * @constant {TSchmancyTheme}\n *\n * @example\n * ```typescript\n * import { SchmancyTheme } from '@schmancy/theme'\n *\n * // Access primary color variable\n * const primaryColor = SchmancyTheme.sys.color.primary.default\n * // Returns: 'var(--schmancy-sys-color-primary-default)'\n * ```\n */\nconst SchmancyTheme: TSchmancyTheme = {\n\t...ThemeDef,\n\tlocale: typeof navigator !== 'undefined' ? navigator.language : 'de-DE',\n}\n\nexport { SchmancyTheme }\n"],"mappings":"AAyYA,IAAM,IAAgC;CAjYrC,KAAK;EAEJ,OAAO;GAEN,OAAO;GACP,SAAS;GACT,gBAAgB;GAChB,QAAQ;GAGR,SAAS;IACR,SAAS;IACT,KAAK;IACL,QAAQ;IACR,WAAW;IACX,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,kBAAkB;IAClB,IAAI;IACJ,WAAW;IACX,MAAM;IAEN,SAAS;IACT,WAAW;IAEX,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IAAA;GAIT,SAAS;IACR,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IACb,OAAO;IACP,UAAU;IACV,SAAS;IACT,gBAAgB;IAChB,SAAS;IAAA;GAIV,WAAW;IACV,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IACb,OAAO;IACP,UAAU;IACV,SAAS;IACT,gBAAgB;IAAA;GAIjB,UAAU;IACT,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IACb,OAAO;IACP,UAAU;IACV,SAAS;IACT,gBAAgB;IAAA;GAIjB,OAAO;IACN,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IAAA;GAId,SAAS;IACR,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IAAA;GAId,SAAS;IACR,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IAAA;GAId,MAAM;IACL,SAAS;IACT,IAAI;IACJ,WAAW;IACX,aAAa;IAAA;GAAA;EAKf,YAAY;GAEX,SAAS;IACR,OAAO;IACP,QAAQ;IACR,OAAO;IAAA;GAGR,UAAU;IACT,OAAO;IACP,QAAQ;IACR,OAAO;IAAA;GAGR,OAAO;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IAAA;GAGR,MAAM;IACL,OAAO;IACP,QAAQ;IACR,OAAO;IAAA;GAGR,OAAO;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IAAA;GAAA;EAKT,OAAO,EACN,QAAQ;GACP,MAAM;GACN,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,OAAO;GACP,YAAY;GACZ,MAAM;GAAA,EAAA;EAKR,WAAW;GACV,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GAAA;EAIJ,QAAQ;GAEP,QAAQ;IACP,YAAY;IACZ,sBAAsB;IACtB,sBAAsB;IACtB,UAAU;IACV,oBAAoB;IACpB,oBAAoB;IACpB,QAAQ;IACR,QAAQ;IAAA;GAGT,UAAU;IACT,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IAAA;GAAA;EAKd,OAAO,EACN,SAAS;GACR,OAAO;GACP,OAAO;GACP,SAAS;GACT,SAAS;GACT,UAAU;GACV,mBAAmB;GAAA,EAAA;EAKrB,SAAS;GACR,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GAAA;EAIL,SAAS,EACR,GAAG,iCAAA;EAAA;CAKL,KAAK,EACJ,SAAS;EAER,SAAS;GACR,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAGN,WAAW;GACV,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAGN,UAAU;GACT,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAGN,SAAS;GACR,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAGN,gBAAgB;GACf,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAGN,OAAO;GACN,GAAG;GACH,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GAAA;EAAA,EAAA;CA8DR,QAA6B,OAAd,YAAc,MAAc,UAAU,WAAW;CAAA;AAAA,SAAA,KAAA"}

package/dist/theme.js

@@ -1,6 +1,6 @@
-import { a as e } from "./tailwind.mixin-BCJOOX1_.js";
-import { n as t, t as n } from "./theme.events-Cv7N4Toe.js";
-import { n as r, t as i } from "./theme.service-D9lEas89.js";
-import { t as a } from "./theme.interface-CXloMUCw.js";
-import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "./theme-_VPV6Bxh.js";
+import { i as e } from "./tailwind.mixin-DufHBjmb.js";
+import { n as t, t as n } from "./theme.events-Bw3mYjUA.js";
+import { n as r, t as i } from "./theme.service-_qP5WvB9.js";
+import { t as a } from "./theme.interface-FAUIgbIq.js";
+import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "./theme-CEc32pAv.js";
 export { u as SchmancyGenerateMoodAudioEvent, a as SchmancyTheme, f as SchmancyThemeAudioPlayer, o as SchmancyThemeComponent, c as SchmancyThemeController, m as SchmancyThemeControllerBoat, n as ThemeHereIAm, t as ThemeWhereAreYou, p as createDarkTonalPaletteFromBaseColor, s as createLightTonalPaletteFromBaseColor, l as formatTheme, i as schmancyTheme, d as tailwindStyles, r as theme, e as themeContext };

package/dist/theme.service-ETiKUwVy.cjs

@@ -0,0 +1 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./store-CO4nJyGj.cjs`),t=require(`./theme.events-EznKK2Y0.cjs`);let n=require(`rxjs`);var r=e.M({scheme:`auto`,color:`#6200ee`},`local`,`schmancy-theme-settings`),i=class e{get scheme(){return r.value.scheme}get color(){return r.value.color}get theme(){return this._theme$.getValue()}get themeComponent(){return this._themeComponent$.getValue()}get fullscreen(){return this._fullscreen$.getValue()}get bottomOffset(){return this._bottomOffset$.getValue()}constructor(){this._theme$=new n.BehaviorSubject({}),this._themeComponent$=new n.BehaviorSubject(null),this._fullscreen$=new n.BehaviorSubject(!1),this._bottomOffset$=new n.BehaviorSubject(0),this.scheme$=r.$.pipe((0,n.map)(e=>e.scheme),(0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.color$=r.$.pipe((0,n.map)(e=>e.color),(0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.theme$=this._theme$.asObservable().pipe((0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.shareReplay)(1)),this.themeComponent$=this._themeComponent$.asObservable().pipe((0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.fullscreen$=this._fullscreen$.asObservable().pipe((0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.bottomOffset$=this._bottomOffset$.asObservable().pipe((0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.resolvedScheme$=this.scheme$.pipe((0,n.switchMap)(e=>{if(e===`auto`){let e=window.matchMedia(`(prefers-color-scheme: dark)`);return new n.Observable(t=>{let n=e=>{t.next(e.matches?`dark`:`light`)};return e.addEventListener(`change`,n),t.next(e.matches?`dark`:`light`),()=>e.removeEventListener(`change`,n)})}return(0,n.of)(e)}),(0,n.distinctUntilChanged)(),(0,n.shareReplay)(1)),this.discoverTheme()}discoverTheme(){return(0,n.fromEvent)(window,t.t).pipe((0,n.takeUntil)((0,n.timer)(100)),(0,n.map)(e=>e.detail.theme),(0,n.defaultIfEmpty)(null),(0,n.tap)(e=>{e&&this.registerThemeComponent(e)})).pipe((0,n.tap)(()=>{window.dispatchEvent(new CustomEvent(t.n,{bubbles:!0,composed:!0}))}),(0,n.switchMap)(()=>(0,n.fromEvent)(window,t.t).pipe((0,n.takeUntil)((0,n.timer)(100)),(0,n.map)(e=>e.detail.theme),(0,n.defaultIfEmpty)(null),(0,n.tap)(e=>{e&&this.registerThemeComponent(e)}))))}registerThemeComponent(e){this._themeComponent$.next(e),r.set({scheme:e.scheme,color:e.color}),this._theme$.next(e.theme)}updateTheme(e){let t={};e.scheme!==void 0&&(t.scheme=e.scheme),e.color!==void 0&&(t.color=e.color),Object.keys(t).length>0&&r.set(t),e.theme!==void 0&&this._theme$.next(e.theme)}setScheme(e){let t=this.themeComponent;t&&(t.scheme=e),r.set({scheme:e})}setColor(e){let t=this.themeComponent;t&&(t.color=e),r.set({color:e})}isDarkMode(){return this.resolvedScheme$.pipe((0,n.map)(e=>e===`dark`))}toggleScheme(){let e=this.scheme,t=e===`dark`?`light`:e===`light`?`dark`:`light`;this.setScheme(t)}getCSSVariable(e){let t=this.themeComponent;if(t){let n=t.root?document.body:t.shadowRoot?.host;if(n)return getComputedStyle(n).getPropertyValue(`--schmancy-${e}`).trim()}return``}watchCSSVariable(e){return this.theme$.pipe((0,n.map)(()=>this.getCSSVariable(e)),(0,n.distinctUntilChanged)())}setFullscreen(e){this._fullscreen$.next(e),window.dispatchEvent(new CustomEvent(`fullscreen`,{detail:e,bubbles:!0,composed:!0}))}toggleFullscreen(){this.setFullscreen(!this.fullscreen)}setBottomOffset(e){this._bottomOffset$.next(e)}next(e){e.fullscreen!==void 0&&this.setFullscreen(e.fullscreen),e.scheme!==void 0&&this.setScheme(e.scheme),e.color!==void 0&&this.setColor(e.color)}static getInstance(){return e.instance||=new e,e.instance}}.getInstance(),a=i;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/theme.service-ETiKUwVy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service-ETiKUwVy.cjs","names":[],"sources":["../src/theme/theme.service.ts"],"sourcesContent":["import {\n  BehaviorSubject,\n  Observable,\n  fromEvent,\n  timer,\n  map,\n  takeUntil,\n  defaultIfEmpty,\n  distinctUntilChanged,\n  shareReplay,\n  tap,\n  switchMap,\n  of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { createContext } from '../store'\n\ninterface ThemeSettings {\n  scheme: 'dark' | 'light' | 'auto'\n  color: string\n}\n\n// Single context for all theme settings\nconst ThemeContext = createContext<ThemeSettings>(\n  { scheme: 'auto', color: '#6200ee' },\n  'local',\n  'schmancy-theme-settings'\n)\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n *   console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n *   console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n  private static instance: ThemeService\n\n  // Observable properties for theme values\n  private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n  private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n  private _fullscreen$ = new BehaviorSubject<boolean>(false)\n  private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n  // Public observables derived from context\n  public readonly scheme$ = ThemeContext.$.pipe(\n    map(settings => settings.scheme),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly color$ = ThemeContext.$.pipe(\n    map(settings => settings.color),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly theme$ = this._theme$.asObservable().pipe(\n    distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n    shareReplay(1)\n  )\n\n  public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  // Getters for synchronous access to current values\n  get scheme(): 'dark' | 'light' | 'auto' {\n    return ThemeContext.value.scheme\n  }\n\n  get color(): string {\n    return ThemeContext.value.color\n  }\n\n  get theme(): Partial<TSchmancyTheme> {\n    return this._theme$.getValue()\n  }\n\n  get themeComponent(): SchmancyThemeComponent | null {\n    return this._themeComponent$.getValue()\n  }\n\n  get fullscreen(): boolean {\n    return this._fullscreen$.getValue()\n  }\n\n  get bottomOffset(): number {\n    return this._bottomOffset$.getValue()\n  }\n\n  // Computed observable for actual scheme (resolving 'auto')\n  public readonly resolvedScheme$ = this.scheme$.pipe(\n    switchMap(scheme => {\n      if (scheme === 'auto') {\n        // Listen to system preference changes\n        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n        return new Observable<'dark' | 'light'>(subscriber => {\n          const handler = (e: MediaQueryListEvent) => {\n            subscriber.next(e.matches ? 'dark' : 'light')\n          }\n          mediaQuery.addEventListener('change', handler)\n\n          // Emit initial value\n          subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n          // Cleanup\n          return () => mediaQuery.removeEventListener('change', handler)\n        })\n      }\n      return of(scheme as 'dark' | 'light')\n    }),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  constructor() {\n    this.discoverTheme()\n  }\n\n  /**\n   * Discover the nearest theme component in the DOM.\n   * This method can be called to refresh the theme discovery process.\n   *\n   * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n   *\n   * @example\n   * ```typescript\n   * theme.discoverTheme().subscribe(component => {\n   *   if (component) {\n   *     console.log('Theme component found:', component)\n   *   } else {\n   *     console.log('No theme component found')\n   *   }\n   * })\n   * ```\n   */\n  public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n    // Dispatch discovery event and wait for response\n    return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n      takeUntil(timer(100)), // Wait up to 100ms for response\n      map(e => e.detail.theme as SchmancyThemeComponent),\n      defaultIfEmpty(null),\n      tap(themeComponent => {\n        if (themeComponent) {\n          this.registerThemeComponent(themeComponent)\n        }\n      })\n    ).pipe(\n      tap(() => {\n        // Trigger theme discovery\n        window.dispatchEvent(\n          new CustomEvent(ThemeWhereAreYou, {\n            bubbles: true,\n            composed: true,\n          })\n        )\n      }),\n      switchMap(() =>\n        fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n          takeUntil(timer(100)),\n          map(e => e.detail.theme as SchmancyThemeComponent),\n          defaultIfEmpty(null),\n          tap(themeComponent => {\n            if (themeComponent) {\n              this.registerThemeComponent(themeComponent)\n            }\n          })\n        )\n      )\n    )\n  }\n\n  /**\n   * Register a theme component and subscribe to its changes.\n   * This is typically called internally by theme components when they mount or update.\n   *\n   * @param {SchmancyThemeComponent} component - The theme component to register\n   *\n   * @internal\n   */\n  public registerThemeComponent(component: SchmancyThemeComponent): void {\n    this._themeComponent$.next(component)\n\n    // Update values from the component\n    ThemeContext.set({ scheme: component.scheme, color: component.color })\n    this._theme$.next(component.theme)\n  }\n\n  /**\n   * Update theme values. Usually called internally by theme components.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n   * @param {string} [values.color] - Primary color in hex format\n   * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n   *\n   * @internal\n   */\n  public updateTheme(values: {\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n    theme?: Partial<TSchmancyTheme>\n  }): void {\n    const updates: Partial<ThemeSettings> = {}\n    if (values.scheme !== undefined) {\n      updates.scheme = values.scheme\n    }\n    if (values.color !== undefined) {\n      updates.color = values.color\n    }\n    if (Object.keys(updates).length > 0) {\n      ThemeContext.set(updates)\n    }\n    if (values.theme !== undefined) {\n      this._theme$.next(values.theme)\n    }\n  }\n\n  /**\n   * Set the color scheme for the application.\n   *\n   * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n   *\n   * @example\n   * ```typescript\n   * // Set to dark mode\n   * theme.setScheme('dark')\n   *\n   * // Set to auto (follows system preference)\n   * theme.setScheme('auto')\n   * ```\n   */\n  public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n    const component = this.themeComponent\n    if (component) {\n      component.scheme = scheme\n      ThemeContext.set({ scheme })\n    } else {\n      console.warn('No theme component found. Scheme change may not persist.')\n      ThemeContext.set({ scheme })\n    }\n  }\n\n  /**\n   * Set the primary color for the theme.\n   *\n   * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n   *\n   * @example\n   * ```typescript\n   * // Set primary color to purple\n   * theme.setColor('#6200ee')\n   *\n   * // Set primary color to blue\n   * theme.setColor('#2196f3')\n   * ```\n   */\n  public setColor(color: string): void {\n    const component = this.themeComponent\n    if (component) {\n      component.color = color\n      ThemeContext.set({ color })\n    } else {\n      console.warn('No theme component found. Color change may not persist.')\n      ThemeContext.set({ color })\n    }\n  }\n\n  /**\n   * Check if dark mode is currently active.\n   * This resolves 'auto' scheme to the actual value based on system preference.\n   *\n   * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n   *\n   * @example\n   * ```typescript\n   * theme.isDarkMode().subscribe(isDark => {\n   *   if (isDark) {\n   *     console.log('Dark mode is active')\n   *   } else {\n   *     console.log('Light mode is active')\n   *   }\n   * })\n   * ```\n   */\n  public isDarkMode(): Observable<boolean> {\n    return this.resolvedScheme$.pipe(\n      map(scheme => scheme === 'dark')\n    )\n  }\n\n  /**\n   * Toggle between light and dark mode.\n   * If currently in 'auto' mode, defaults to 'light'.\n   *\n   * @example\n   * ```typescript\n   * // Toggle theme on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleScheme()\n   * })\n   * ```\n   */\n  public toggleScheme(): void {\n    const currentScheme = this.scheme\n    const newScheme = currentScheme === 'dark' ? 'light' :\n                     currentScheme === 'light' ? 'dark' :\n                     'light' // If 'auto', default to 'light'\n    this.setScheme(newScheme)\n  }\n\n  /**\n   * Get the current value of a CSS variable from the theme.\n   *\n   * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n   * @returns {string} The CSS variable value or empty string if not found\n   *\n   * @example\n   * ```typescript\n   * // Get primary color variable\n   * const primaryColor = theme.getCSSVariable('color-primary')\n   *\n   * // Get surface color\n   * const surfaceColor = theme.getCSSVariable('color-surface')\n   * ```\n   */\n  public getCSSVariable(variableName: string): string {\n    const component = this.themeComponent\n    if (component) {\n      const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n      if (host) {\n        return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n      }\n    }\n    return ''\n  }\n\n  /**\n   * Subscribe to changes of a specific CSS variable.\n   *\n   * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n   * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n   *\n   * @example\n   * ```typescript\n   * // Watch for primary color changes\n   * theme.watchCSSVariable('color-primary').subscribe(color => {\n   *   console.log('Primary color changed to:', color)\n   * })\n   *\n   * // Watch for surface color changes\n   * theme.watchCSSVariable('color-surface').subscribe(color => {\n   *   console.log('Surface color changed to:', color)\n   * })\n   * ```\n   */\n  public watchCSSVariable(variableName: string): Observable<string> {\n    return this.theme$.pipe(\n      map(() => this.getCSSVariable(variableName)),\n      distinctUntilChanged()\n    )\n  }\n\n  /**\n   * Set the fullscreen state for the application.\n   * This emits a custom event that navigation components can listen to.\n   *\n   * @param {boolean} value - Whether fullscreen mode is active\n   *\n   * @example\n   * ```typescript\n   * // Enter fullscreen mode\n   * theme.setFullscreen(true)\n   *\n   * // Exit fullscreen mode\n   * theme.setFullscreen(false)\n   * ```\n   */\n  public setFullscreen(value: boolean): void {\n    this._fullscreen$.next(value)\n\n    // Emit custom event for components to listen to\n    window.dispatchEvent(\n      new CustomEvent('fullscreen', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  /**\n   * Toggle fullscreen mode.\n   *\n   * @example\n   * ```typescript\n   * // Toggle fullscreen mode on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleFullscreen()\n   * })\n   * ```\n   */\n  public toggleFullscreen(): void {\n    this.setFullscreen(!this.fullscreen)\n  }\n\n  /**\n   * Set the bottom offset for viewport calculations.\n   * Used by navigation bars to inform fullHeight directive of reserved space.\n   *\n   * @param {number} value - Bottom offset in pixels\n   *\n   * @example\n   * ```typescript\n   * // Set bottom offset when nav bar is visible\n   * theme.setBottomOffset(80)\n   *\n   * // Clear bottom offset when nav bar is hidden\n   * theme.setBottomOffset(0)\n   * ```\n   */\n  public setBottomOffset(value: number): void {\n    this._bottomOffset$.next(value)\n  }\n\n  /**\n   * Convenience method to update theme state including fullscreen.\n   * Can be called with next() like syntax for familiarity.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {boolean} [values.fullscreen] - Fullscreen state\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n   * @param {string} [values.color] - Primary color\n   *\n   * @example\n   * ```typescript\n   * // Set fullscreen mode\n   * theme.next({ fullscreen: true })\n   *\n   * // Update multiple values\n   * theme.next({\n   *   fullscreen: true,\n   *   scheme: 'dark'\n   * })\n   * ```\n   */\n  public next(values: {\n    fullscreen?: boolean\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n  }): void {\n    if (values.fullscreen !== undefined) {\n      this.setFullscreen(values.fullscreen)\n    }\n    if (values.scheme !== undefined) {\n      this.setScheme(values.scheme)\n    }\n    if (values.color !== undefined) {\n      this.setColor(values.color)\n    }\n  }\n\n  /**\n   * Get the singleton instance of ThemeService.\n   *\n   * @returns {ThemeService} The singleton ThemeService instance\n   *\n   * @internal\n   */\n  static getInstance(): ThemeService {\n    if (!ThemeService.instance) {\n      ThemeService.instance = new ThemeService()\n    }\n    return ThemeService.instance\n  }\n}\n\n// Export singleton instance\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}

package/dist/theme.service-_qP5WvB9.js

@@ -0,0 +1,108 @@
+import { M as e } from "./store-Bmj6rvZY.js";
+import { n as t, t as n } from "./theme.events-Bw3mYjUA.js";
+import { BehaviorSubject as r, Observable as i, defaultIfEmpty as a, distinctUntilChanged as o, fromEvent as s, map as c, of as l, shareReplay as u, switchMap as d, takeUntil as f, tap as p, timer as m } from "rxjs";
+var h = e({
+	scheme: "auto",
+	color: "#6200ee"
+}, "local", "schmancy-theme-settings"), g = class e {
+	get scheme() {
+		return h.value.scheme;
+	}
+	get color() {
+		return h.value.color;
+	}
+	get theme() {
+		return this._theme$.getValue();
+	}
+	get themeComponent() {
+		return this._themeComponent$.getValue();
+	}
+	get fullscreen() {
+		return this._fullscreen$.getValue();
+	}
+	get bottomOffset() {
+		return this._bottomOffset$.getValue();
+	}
+	constructor() {
+		this._theme$ = new r({}), this._themeComponent$ = new r(null), this._fullscreen$ = new r(!1), this._bottomOffset$ = new r(0), this.scheme$ = h.$.pipe(c((e) => e.scheme), o(), u(1)), this.color$ = h.$.pipe(c((e) => e.color), o(), u(1)), this.theme$ = this._theme$.asObservable().pipe(o((e, t) => JSON.stringify(e) === JSON.stringify(t)), u(1)), this.themeComponent$ = this._themeComponent$.asObservable().pipe(o(), u(1)), this.fullscreen$ = this._fullscreen$.asObservable().pipe(o(), u(1)), this.bottomOffset$ = this._bottomOffset$.asObservable().pipe(o(), u(1)), this.resolvedScheme$ = this.scheme$.pipe(d((e) => {
+			if (e === "auto") {
+				let e = window.matchMedia("(prefers-color-scheme: dark)");
+				return new i((t) => {
+					let n = (e) => {
+						t.next(e.matches ? "dark" : "light");
+					};
+					return e.addEventListener("change", n), t.next(e.matches ? "dark" : "light"), () => e.removeEventListener("change", n);
+				});
+			}
+			return l(e);
+		}), o(), u(1)), this.discoverTheme();
+	}
+	discoverTheme() {
+		return s(window, n).pipe(f(m(100)), c((e) => e.detail.theme), a(null), p((e) => {
+			e && this.registerThemeComponent(e);
+		})).pipe(p(() => {
+			window.dispatchEvent(new CustomEvent(t, {
+				bubbles: !0,
+				composed: !0
+			}));
+		}), d(() => s(window, n).pipe(f(m(100)), c((e) => e.detail.theme), a(null), p((e) => {
+			e && this.registerThemeComponent(e);
+		}))));
+	}
+	registerThemeComponent(e) {
+		this._themeComponent$.next(e), h.set({
+			scheme: e.scheme,
+			color: e.color
+		}), this._theme$.next(e.theme);
+	}
+	updateTheme(e) {
+		let t = {};
+		e.scheme !== void 0 && (t.scheme = e.scheme), e.color !== void 0 && (t.color = e.color), Object.keys(t).length > 0 && h.set(t), e.theme !== void 0 && this._theme$.next(e.theme);
+	}
+	setScheme(e) {
+		let t = this.themeComponent;
+		t && (t.scheme = e), h.set({ scheme: e });
+	}
+	setColor(e) {
+		let t = this.themeComponent;
+		t && (t.color = e), h.set({ color: e });
+	}
+	isDarkMode() {
+		return this.resolvedScheme$.pipe(c((e) => e === "dark"));
+	}
+	toggleScheme() {
+		let e = this.scheme, t = e === "dark" ? "light" : e === "light" ? "dark" : "light";
+		this.setScheme(t);
+	}
+	getCSSVariable(e) {
+		let t = this.themeComponent;
+		if (t) {
+			let n = t.root ? document.body : t.shadowRoot?.host;
+			if (n) return getComputedStyle(n).getPropertyValue(`--schmancy-${e}`).trim();
+		}
+		return "";
+	}
+	watchCSSVariable(e) {
+		return this.theme$.pipe(c(() => this.getCSSVariable(e)), o());
+	}
+	setFullscreen(e) {
+		this._fullscreen$.next(e), window.dispatchEvent(new CustomEvent("fullscreen", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	toggleFullscreen() {
+		this.setFullscreen(!this.fullscreen);
+	}
+	setBottomOffset(e) {
+		this._bottomOffset$.next(e);
+	}
+	next(e) {
+		e.fullscreen !== void 0 && this.setFullscreen(e.fullscreen), e.scheme !== void 0 && this.setScheme(e.scheme), e.color !== void 0 && this.setColor(e.color);
+	}
+	static getInstance() {
+		return e.instance ||= new e(), e.instance;
+	}
+}.getInstance(), _ = g;
+export { g as n, _ as t };

package/dist/theme.service-_qP5WvB9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service-_qP5WvB9.js","names":[],"sources":["../src/theme/theme.service.ts"],"sourcesContent":["import {\n  BehaviorSubject,\n  Observable,\n  fromEvent,\n  timer,\n  map,\n  takeUntil,\n  defaultIfEmpty,\n  distinctUntilChanged,\n  shareReplay,\n  tap,\n  switchMap,\n  of\n} from 'rxjs'\nimport { ThemeHereIAm, ThemeHereIAmEvent, ThemeWhereAreYou } from './theme.events'\nimport type { SchmancyThemeComponent } from './theme.component'\nimport type { TSchmancyTheme } from './theme.interface'\nimport { createContext } from '../store'\n\ninterface ThemeSettings {\n  scheme: 'dark' | 'light' | 'auto'\n  color: string\n}\n\n// Single context for all theme settings\nconst ThemeContext = createContext<ThemeSettings>(\n  { scheme: 'auto', color: '#6200ee' },\n  'local',\n  'schmancy-theme-settings'\n)\n\n/**\n * Theme Service - Provides centralized theme management for Schmancy components.\n *\n * This service acts as a singleton interface to interact with the theme system,\n * providing reactive observables for theme state and methods to control theming.\n *\n * @example\n * ```typescript\n * import { theme } from '@schmancy/theme'\n *\n * // Subscribe to theme changes\n * theme.scheme$.subscribe(scheme => {\n *   console.log('Current scheme:', scheme) // 'light' | 'dark' | 'auto'\n * })\n *\n * // Get current values synchronously\n * const currentScheme = theme.scheme\n * const currentColor = theme.color\n *\n * // Toggle between light and dark mode\n * theme.toggleScheme()\n *\n * // Set specific scheme\n * theme.setScheme('dark')\n *\n * // Check if dark mode is active\n * theme.isDarkMode().subscribe(isDark => {\n *   console.log('Is dark mode:', isDark)\n * })\n * ```\n */\nclass ThemeService {\n  private static instance: ThemeService\n\n  // Observable properties for theme values\n  private _theme$ = new BehaviorSubject<Partial<TSchmancyTheme>>({})\n  private _themeComponent$ = new BehaviorSubject<SchmancyThemeComponent | null>(null)\n  private _fullscreen$ = new BehaviorSubject<boolean>(false)\n  private _bottomOffset$ = new BehaviorSubject<number>(0)\n\n  // Public observables derived from context\n  public readonly scheme$ = ThemeContext.$.pipe(\n    map(settings => settings.scheme),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly color$ = ThemeContext.$.pipe(\n    map(settings => settings.color),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly theme$ = this._theme$.asObservable().pipe(\n    distinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n    shareReplay(1)\n  )\n\n  public readonly themeComponent$ = this._themeComponent$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly fullscreen$ = this._fullscreen$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  public readonly bottomOffset$ = this._bottomOffset$.asObservable().pipe(\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  // Getters for synchronous access to current values\n  get scheme(): 'dark' | 'light' | 'auto' {\n    return ThemeContext.value.scheme\n  }\n\n  get color(): string {\n    return ThemeContext.value.color\n  }\n\n  get theme(): Partial<TSchmancyTheme> {\n    return this._theme$.getValue()\n  }\n\n  get themeComponent(): SchmancyThemeComponent | null {\n    return this._themeComponent$.getValue()\n  }\n\n  get fullscreen(): boolean {\n    return this._fullscreen$.getValue()\n  }\n\n  get bottomOffset(): number {\n    return this._bottomOffset$.getValue()\n  }\n\n  // Computed observable for actual scheme (resolving 'auto')\n  public readonly resolvedScheme$ = this.scheme$.pipe(\n    switchMap(scheme => {\n      if (scheme === 'auto') {\n        // Listen to system preference changes\n        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n        return new Observable<'dark' | 'light'>(subscriber => {\n          const handler = (e: MediaQueryListEvent) => {\n            subscriber.next(e.matches ? 'dark' : 'light')\n          }\n          mediaQuery.addEventListener('change', handler)\n\n          // Emit initial value\n          subscriber.next(mediaQuery.matches ? 'dark' : 'light')\n\n          // Cleanup\n          return () => mediaQuery.removeEventListener('change', handler)\n        })\n      }\n      return of(scheme as 'dark' | 'light')\n    }),\n    distinctUntilChanged(),\n    shareReplay(1)\n  )\n\n  constructor() {\n    this.discoverTheme()\n  }\n\n  /**\n   * Discover the nearest theme component in the DOM.\n   * This method can be called to refresh the theme discovery process.\n   *\n   * @returns {Observable<SchmancyThemeComponent | null>} Observable that emits the discovered theme component or null\n   *\n   * @example\n   * ```typescript\n   * theme.discoverTheme().subscribe(component => {\n   *   if (component) {\n   *     console.log('Theme component found:', component)\n   *   } else {\n   *     console.log('No theme component found')\n   *   }\n   * })\n   * ```\n   */\n  public discoverTheme(): Observable<SchmancyThemeComponent | null> {\n    // Dispatch discovery event and wait for response\n    return fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n      takeUntil(timer(100)), // Wait up to 100ms for response\n      map(e => e.detail.theme as SchmancyThemeComponent),\n      defaultIfEmpty(null),\n      tap(themeComponent => {\n        if (themeComponent) {\n          this.registerThemeComponent(themeComponent)\n        }\n      })\n    ).pipe(\n      tap(() => {\n        // Trigger theme discovery\n        window.dispatchEvent(\n          new CustomEvent(ThemeWhereAreYou, {\n            bubbles: true,\n            composed: true,\n          })\n        )\n      }),\n      switchMap(() =>\n        fromEvent<ThemeHereIAmEvent>(window, ThemeHereIAm).pipe(\n          takeUntil(timer(100)),\n          map(e => e.detail.theme as SchmancyThemeComponent),\n          defaultIfEmpty(null),\n          tap(themeComponent => {\n            if (themeComponent) {\n              this.registerThemeComponent(themeComponent)\n            }\n          })\n        )\n      )\n    )\n  }\n\n  /**\n   * Register a theme component and subscribe to its changes.\n   * This is typically called internally by theme components when they mount or update.\n   *\n   * @param {SchmancyThemeComponent} component - The theme component to register\n   *\n   * @internal\n   */\n  public registerThemeComponent(component: SchmancyThemeComponent): void {\n    this._themeComponent$.next(component)\n\n    // Update values from the component\n    ThemeContext.set({ scheme: component.scheme, color: component.color })\n    this._theme$.next(component.theme)\n  }\n\n  /**\n   * Update theme values. Usually called internally by theme components.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme to set\n   * @param {string} [values.color] - Primary color in hex format\n   * @param {Partial<TSchmancyTheme>} [values.theme] - Theme configuration object\n   *\n   * @internal\n   */\n  public updateTheme(values: {\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n    theme?: Partial<TSchmancyTheme>\n  }): void {\n    const updates: Partial<ThemeSettings> = {}\n    if (values.scheme !== undefined) {\n      updates.scheme = values.scheme\n    }\n    if (values.color !== undefined) {\n      updates.color = values.color\n    }\n    if (Object.keys(updates).length > 0) {\n      ThemeContext.set(updates)\n    }\n    if (values.theme !== undefined) {\n      this._theme$.next(values.theme)\n    }\n  }\n\n  /**\n   * Set the color scheme for the application.\n   *\n   * @param {'dark' | 'light' | 'auto'} scheme - The color scheme to set\n   *\n   * @example\n   * ```typescript\n   * // Set to dark mode\n   * theme.setScheme('dark')\n   *\n   * // Set to auto (follows system preference)\n   * theme.setScheme('auto')\n   * ```\n   */\n  public setScheme(scheme: 'dark' | 'light' | 'auto'): void {\n    const component = this.themeComponent\n    if (component) {\n      component.scheme = scheme\n      ThemeContext.set({ scheme })\n    } else {\n      console.warn('No theme component found. Scheme change may not persist.')\n      ThemeContext.set({ scheme })\n    }\n  }\n\n  /**\n   * Set the primary color for the theme.\n   *\n   * @param {string} color - Primary color in hex format (e.g., '#6200ee')\n   *\n   * @example\n   * ```typescript\n   * // Set primary color to purple\n   * theme.setColor('#6200ee')\n   *\n   * // Set primary color to blue\n   * theme.setColor('#2196f3')\n   * ```\n   */\n  public setColor(color: string): void {\n    const component = this.themeComponent\n    if (component) {\n      component.color = color\n      ThemeContext.set({ color })\n    } else {\n      console.warn('No theme component found. Color change may not persist.')\n      ThemeContext.set({ color })\n    }\n  }\n\n  /**\n   * Check if dark mode is currently active.\n   * This resolves 'auto' scheme to the actual value based on system preference.\n   *\n   * @returns {Observable<boolean>} Observable that emits true if dark mode is active, false otherwise\n   *\n   * @example\n   * ```typescript\n   * theme.isDarkMode().subscribe(isDark => {\n   *   if (isDark) {\n   *     console.log('Dark mode is active')\n   *   } else {\n   *     console.log('Light mode is active')\n   *   }\n   * })\n   * ```\n   */\n  public isDarkMode(): Observable<boolean> {\n    return this.resolvedScheme$.pipe(\n      map(scheme => scheme === 'dark')\n    )\n  }\n\n  /**\n   * Toggle between light and dark mode.\n   * If currently in 'auto' mode, defaults to 'light'.\n   *\n   * @example\n   * ```typescript\n   * // Toggle theme on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleScheme()\n   * })\n   * ```\n   */\n  public toggleScheme(): void {\n    const currentScheme = this.scheme\n    const newScheme = currentScheme === 'dark' ? 'light' :\n                     currentScheme === 'light' ? 'dark' :\n                     'light' // If 'auto', default to 'light'\n    this.setScheme(newScheme)\n  }\n\n  /**\n   * Get the current value of a CSS variable from the theme.\n   *\n   * @param {string} variableName - Name of the CSS variable (without '--schmancy-' prefix)\n   * @returns {string} The CSS variable value or empty string if not found\n   *\n   * @example\n   * ```typescript\n   * // Get primary color variable\n   * const primaryColor = theme.getCSSVariable('color-primary')\n   *\n   * // Get surface color\n   * const surfaceColor = theme.getCSSVariable('color-surface')\n   * ```\n   */\n  public getCSSVariable(variableName: string): string {\n    const component = this.themeComponent\n    if (component) {\n      const host = component.root ? document.body : (component.shadowRoot?.host as HTMLElement)\n      if (host) {\n        return getComputedStyle(host).getPropertyValue(`--schmancy-${variableName}`).trim()\n      }\n    }\n    return ''\n  }\n\n  /**\n   * Subscribe to changes of a specific CSS variable.\n   *\n   * @param {string} variableName - Name of the CSS variable to watch (without '--schmancy-' prefix)\n   * @returns {Observable<string>} Observable that emits the CSS variable value when it changes\n   *\n   * @example\n   * ```typescript\n   * // Watch for primary color changes\n   * theme.watchCSSVariable('color-primary').subscribe(color => {\n   *   console.log('Primary color changed to:', color)\n   * })\n   *\n   * // Watch for surface color changes\n   * theme.watchCSSVariable('color-surface').subscribe(color => {\n   *   console.log('Surface color changed to:', color)\n   * })\n   * ```\n   */\n  public watchCSSVariable(variableName: string): Observable<string> {\n    return this.theme$.pipe(\n      map(() => this.getCSSVariable(variableName)),\n      distinctUntilChanged()\n    )\n  }\n\n  /**\n   * Set the fullscreen state for the application.\n   * This emits a custom event that navigation components can listen to.\n   *\n   * @param {boolean} value - Whether fullscreen mode is active\n   *\n   * @example\n   * ```typescript\n   * // Enter fullscreen mode\n   * theme.setFullscreen(true)\n   *\n   * // Exit fullscreen mode\n   * theme.setFullscreen(false)\n   * ```\n   */\n  public setFullscreen(value: boolean): void {\n    this._fullscreen$.next(value)\n\n    // Emit custom event for components to listen to\n    window.dispatchEvent(\n      new CustomEvent('fullscreen', {\n        detail: value,\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  /**\n   * Toggle fullscreen mode.\n   *\n   * @example\n   * ```typescript\n   * // Toggle fullscreen mode on button click\n   * button.addEventListener('click', () => {\n   *   theme.toggleFullscreen()\n   * })\n   * ```\n   */\n  public toggleFullscreen(): void {\n    this.setFullscreen(!this.fullscreen)\n  }\n\n  /**\n   * Set the bottom offset for viewport calculations.\n   * Used by navigation bars to inform fullHeight directive of reserved space.\n   *\n   * @param {number} value - Bottom offset in pixels\n   *\n   * @example\n   * ```typescript\n   * // Set bottom offset when nav bar is visible\n   * theme.setBottomOffset(80)\n   *\n   * // Clear bottom offset when nav bar is hidden\n   * theme.setBottomOffset(0)\n   * ```\n   */\n  public setBottomOffset(value: number): void {\n    this._bottomOffset$.next(value)\n  }\n\n  /**\n   * Convenience method to update theme state including fullscreen.\n   * Can be called with next() like syntax for familiarity.\n   *\n   * @param {Object} values - Theme values to update\n   * @param {boolean} [values.fullscreen] - Fullscreen state\n   * @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme\n   * @param {string} [values.color] - Primary color\n   *\n   * @example\n   * ```typescript\n   * // Set fullscreen mode\n   * theme.next({ fullscreen: true })\n   *\n   * // Update multiple values\n   * theme.next({\n   *   fullscreen: true,\n   *   scheme: 'dark'\n   * })\n   * ```\n   */\n  public next(values: {\n    fullscreen?: boolean\n    scheme?: 'dark' | 'light' | 'auto'\n    color?: string\n  }): void {\n    if (values.fullscreen !== undefined) {\n      this.setFullscreen(values.fullscreen)\n    }\n    if (values.scheme !== undefined) {\n      this.setScheme(values.scheme)\n    }\n    if (values.color !== undefined) {\n      this.setColor(values.color)\n    }\n  }\n\n  /**\n   * Get the singleton instance of ThemeService.\n   *\n   * @returns {ThemeService} The singleton ThemeService instance\n   *\n   * @internal\n   */\n  static getInstance(): ThemeService {\n    if (!ThemeService.instance) {\n      ThemeService.instance = new ThemeService()\n    }\n    return ThemeService.instance\n  }\n}\n\n// Export singleton instance\nexport const theme = ThemeService.getInstance()\nexport const schmancyTheme = theme // Alias for convenience\nexport default theme"],"mappings":"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"}

package/dist/tooltip.cjs

@@ -1,6 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`);let t=require(`rxjs`),n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directive.js`),a=require(`@floating-ui/dom`);var o=new WeakMap,s=class extends i.Directive{constructor(e){if(super(e),e.type!==i.PartType.ELEMENT)throw Error(`The tooltip directive can only be used on elements`)}render(e,t={}){return{text:e,options:t}}update(e,[n,r={}]){let i=e.element,s=r?.position||`top`,c=r?.delay||300,l=!1!==r?.showArrow,u=o.get(i);if(u)u.tooltipElement.textContent=n,u.arrowElement&&(u.arrowElement.style.visibility=l?`visible`:`hidden`);else{let e=document.createElement(`div`),r;e.className=`schmancy-tooltip`,Object.assign(e.style,{position:`absolute`,zIndex:`10000`,backgroundColor:`var(--schmancy-sys-color-surface-highest, #333)`,color:`var(--schmancy-sys-color-surface-on, white)`,padding:`8px 12px`,borderRadius:`4px`,fontSize:`14px`,fontWeight:`normal`,maxWidth:`300px`,pointerEvents:`none`,opacity:`0`,transition:`opacity 150ms ease`,boxShadow:`var(--schmancy-sys-elevation-2)`,textAlign:`center`,visibility:`hidden`}),l&&(r=document.createElement(`div`),r.className=`schmancy-tooltip-arrow`,Object.assign(r.style,{position:`absolute`,width:`8px`,height:`8px`,background:`inherit`,visibility:`hidden`,transform:`rotate(45deg)`}),e.appendChild(r)),e.setAttribute(`role`,`tooltip`);let d=`tooltip-${Math.random().toString(36).slice(2,9)}`;e.id=d,i.setAttribute(`aria-describedby`,d),document.body.appendChild(e),u={tooltipElement:e,arrowElement:r},o.set(i,u);let f=()=>{u?.showTimeout&&clearTimeout(u.showTimeout),u.showTimeout=window.setTimeout(()=>{u.tooltipElement.textContent=n,l&&u.arrowElement&&!u.tooltipElement.contains(u.arrowElement)&&u.tooltipElement.appendChild(u.arrowElement),u.tooltipElement.style.visibility=`visible`,u.cleanup&&u.cleanup(),u.cleanup=(0,a.autoUpdate)(i,u.tooltipElement,()=>async function(e,t,n,r){let i=[(0,a.offset)(8),(0,a.flip)({fallbackPlacements:[`top`,`right`,`bottom`,`left`].filter(e=>e!==n),padding:5}),(0,a.shift)({padding:5})];r&&t.arrowElement&&i.push((0,a.arrow)({element:t.arrowElement}));let{x:o,y:s,placement:c,middlewareData:l}=await(0,a.computePosition)(e,t.tooltipElement,{placement:n,middleware:i,strategy:`fixed`});if(Object.assign(t.tooltipElement.style,{left:`${o}px`,top:`${s}px`,position:`fixed`}),r&&t.arrowElement&&l.arrow){let{x:e,y:n}=l.arrow,r={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[c.split(`-`)[0]]||`bottom`;Object.assign(t.arrowElement.style,{left:e==null?``:`${e}px`,top:n==null?``:`${n}px`,[r]:`-4px`,visibility:`visible`})}}(i,u,s,l)),requestAnimationFrame(()=>{u.tooltipElement.style.opacity=`1`})},c)},p=()=>{u?.showTimeout&&clearTimeout(u.showTimeout),u.tooltipElement.style.opacity=`0`,setTimeout(()=>{u.tooltipElement.style.visibility=`hidden`},150),u?.cleanup&&(u.cleanup(),u.cleanup=void 0)},m=[(0,t.fromEvent)(i,`mouseenter`).subscribe(f),(0,t.fromEvent)(i,`focus`).subscribe(f),(0,t.fromEvent)(i,`mouseleave`).subscribe(p),(0,t.fromEvent)(i,`blur`).subscribe(p),(0,t.fromEvent)(document,`keydown`).subscribe(e=>{e.key===`Escape`&&u?.tooltipElement.style.opacity===`1`&&p()})];u.subscriptions=m}return{text:n,options:r}}disconnected(e){let t=e.element,n=o.get(t);n&&(n.subscriptions&&n.subscriptions.forEach(e=>e.unsubscribe()),n.showTimeout&&clearTimeout(n.showTimeout),n.cleanup&&n.cleanup(),document.body.contains(n.tooltipElement)&&document.body.removeChild(n.tooltipElement),t.hasAttribute(`aria-describedby`)&&t.removeAttribute(`aria-describedby`),o.delete(t))}},c=(0,i.directive)(s),l=class extends e.t(r.css`
-	:host {
-		display: inline-block;
-		position: relative;
-	}
-`){constructor(...e){super(...e),this.text=``,this.position=`top`,this.delay=50,this.disabled=!1,this.visible=!1,this.triggerElement=null,this.tooltipElement=null}connectedCallback(){super.connectedCallback(),this.tooltipElement||this.createTooltipElement()}firstUpdated(){this.updateComplete.then(()=>{let e=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()||[];e.length>0&&(this.triggerElement=e[0],this.setupEvents())})}createTooltipElement(){this.tooltipElement=document.createElement(`div`),this.tooltipElement.className=`schmancy-tooltip`,Object.assign(this.tooltipElement.style,{position:`absolute`,zIndex:`10000`,backgroundColor:`var(--schmancy-sys-color-surface-highest, #333)`,color:`var(--schmancy-sys-color-surface-on, white)`,padding:`8px 12px`,borderRadius:`4px`,fontSize:`14px`,fontWeight:`normal`,maxWidth:`300px`,pointerEvents:`none`,opacity:`0`,transition:`opacity 150ms ease`,boxShadow:`var(--schmancy-sys-elevation-2)`,textAlign:`center`}),this.tooltipElement.setAttribute(`role`,`tooltip`),document.body.appendChild(this.tooltipElement)}setupEvents(){if(!this.triggerElement||this.disabled)return;let e=`tooltip-${Math.random().toString(36).slice(2,9)}`;this.tooltipElement&&(this.tooltipElement.id=e,this.triggerElement.setAttribute(`aria-describedby`,e));let n=(0,t.fromEvent)(this.triggerElement,`mouseenter`),r=(0,t.fromEvent)(this.triggerElement,`focus`),i=(0,t.fromEvent)(this.triggerElement,`mouseleave`),a=(0,t.fromEvent)(this.triggerElement,`blur`);(0,t.fromEvent)(document,`keydown`).pipe((0,t.takeUntil)(this.disconnecting)).subscribe(e=>{e.key===`Escape`&&this.visible&&this.hideTooltip()}),(0,t.merge)(n,r).pipe((0,t.takeUntil)(this.disconnecting)).subscribe(()=>{this.showTooltip()}),(0,t.merge)(i,a).pipe((0,t.takeUntil)(this.disconnecting)).subscribe(()=>{this.hideTooltip()})}disconnectedCallback(){this.tooltipElement&&document.body.contains(this.tooltipElement)&&document.body.removeChild(this.tooltipElement),this.cleanup?.(),clearTimeout(this.showTimeoutId),super.disconnectedCallback()}showTooltip(){!this.disabled&&this.tooltipElement&&this.triggerElement&&(clearTimeout(this.showTimeoutId),this.showTimeoutId=window.setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.textContent=this.text,this.visible=!0,this.tooltipElement.style.opacity=`1`,this.initializePositioning())},this.delay))}hideTooltip(){clearTimeout(this.showTimeoutId),this.tooltipElement&&(this.visible=!1,this.tooltipElement.style.opacity=`0`),this.cleanup&&=(this.cleanup(),void 0)}initializePositioning(){this.triggerElement&&this.tooltipElement&&(this.cleanup&&this.cleanup(),this.cleanup=(0,a.autoUpdate)(this.triggerElement,this.tooltipElement,()=>{(0,a.computePosition)(this.triggerElement,this.tooltipElement,{placement:this.position,middleware:[(0,a.offset)(8),(0,a.flip)({padding:5}),(0,a.shift)({padding:5})]}).then(({x:e,y:t})=>{this.tooltipElement&&Object.assign(this.tooltipElement.style,{left:`${e}px`,top:`${t}px`})})}))}render(){return r.html`<slot></slot>`}};e.i([(0,n.property)({type:String})],l.prototype,`text`,void 0),e.i([(0,n.property)({type:String})],l.prototype,`position`,void 0),e.i([(0,n.property)({type:Number})],l.prototype,`delay`,void 0),e.i([(0,n.property)({type:Boolean})],l.prototype,`disabled`,void 0),e.i([(0,n.state)()],l.prototype,`visible`,void 0),l=e.i([(0,n.customElement)(`schmancy-tooltip`)],l),Object.defineProperty(exports,`SchmancyTooltip`,{enumerable:!0,get:function(){return l}}),exports.tooltip=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);let e=require(`rxjs`),t=require(`lit/directive.js`),n=require(`@floating-ui/dom`);var r=new WeakMap,i=class extends t.Directive{constructor(e){if(super(e),e.type!==t.PartType.ELEMENT)throw Error(`The tooltip directive can only be used on elements`)}render(e,t={}){return{text:e,options:t}}update(t,[i,a={}]){let o=t.element,s=a?.position||`top`,c=a?.delay||300,l=!1!==a?.showArrow,u=r.get(o);if(u)u.tooltipElement.textContent=i,u.arrowElement&&(u.arrowElement.style.visibility=l?`visible`:`hidden`);else{let t=document.createElement(`div`),a;t.className=`schmancy-tooltip`,Object.assign(t.style,{position:`absolute`,zIndex:`10000`,backgroundColor:`var(--schmancy-sys-color-surface-highest, #333)`,color:`var(--schmancy-sys-color-surface-on, white)`,padding:`8px 12px`,borderRadius:`4px`,fontSize:`14px`,fontWeight:`normal`,maxWidth:`300px`,pointerEvents:`none`,opacity:`0`,transition:`opacity 150ms ease`,boxShadow:`var(--schmancy-sys-elevation-2)`,textAlign:`center`,visibility:`hidden`}),l&&(a=document.createElement(`div`),a.className=`schmancy-tooltip-arrow`,Object.assign(a.style,{position:`absolute`,width:`8px`,height:`8px`,background:`inherit`,visibility:`hidden`,transform:`rotate(45deg)`}),t.appendChild(a)),t.setAttribute(`role`,`tooltip`);let d=`tooltip-${Math.random().toString(36).slice(2,9)}`;t.id=d,o.setAttribute(`aria-describedby`,d),document.body.appendChild(t),u={tooltipElement:t,arrowElement:a},r.set(o,u);let f=()=>{u?.showTimeout&&clearTimeout(u.showTimeout),u.showTimeout=window.setTimeout(()=>{u.tooltipElement.textContent=i,l&&u.arrowElement&&!u.tooltipElement.contains(u.arrowElement)&&u.tooltipElement.appendChild(u.arrowElement),u.tooltipElement.style.visibility=`visible`,u.cleanup&&u.cleanup(),u.cleanup=(0,n.autoUpdate)(o,u.tooltipElement,()=>async function(e,t,r,i){let a=[(0,n.offset)(8),(0,n.flip)({fallbackPlacements:[`top`,`right`,`bottom`,`left`].filter(e=>e!==r),padding:5}),(0,n.shift)({padding:5})];i&&t.arrowElement&&a.push((0,n.arrow)({element:t.arrowElement}));let{x:o,y:s,placement:c,middlewareData:l}=await(0,n.computePosition)(e,t.tooltipElement,{placement:r,middleware:a,strategy:`fixed`});if(Object.assign(t.tooltipElement.style,{left:`${o}px`,top:`${s}px`,position:`fixed`}),i&&t.arrowElement&&l.arrow){let{x:e,y:n}=l.arrow,r={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[c.split(`-`)[0]]||`bottom`;Object.assign(t.arrowElement.style,{left:e==null?``:`${e}px`,top:n==null?``:`${n}px`,[r]:`-4px`,visibility:`visible`})}}(o,u,s,l)),requestAnimationFrame(()=>{u.tooltipElement.style.opacity=`1`})},c)},p=()=>{u?.showTimeout&&clearTimeout(u.showTimeout),u.tooltipElement.style.opacity=`0`,setTimeout(()=>{u.tooltipElement.style.visibility=`hidden`},150),u?.cleanup&&(u.cleanup(),u.cleanup=void 0)},m=[(0,e.fromEvent)(o,`mouseenter`).subscribe(f),(0,e.fromEvent)(o,`focus`).subscribe(f),(0,e.fromEvent)(o,`mouseleave`).subscribe(p),(0,e.fromEvent)(o,`blur`).subscribe(p),(0,e.fromEvent)(document,`keydown`).subscribe(e=>{e.key===`Escape`&&u?.tooltipElement.style.opacity===`1`&&p()})];u.subscriptions=m}return{text:i,options:a}}disconnected(e){let t=e.element,n=r.get(t);n&&(n.subscriptions&&n.subscriptions.forEach(e=>e.unsubscribe()),n.showTimeout&&clearTimeout(n.showTimeout),n.cleanup&&n.cleanup(),document.body.contains(n.tooltipElement)&&document.body.removeChild(n.tooltipElement),t.hasAttribute(`aria-describedby`)&&t.removeAttribute(`aria-describedby`),r.delete(t))}},a=(0,t.directive)(i);exports.tooltip=a;

package/dist/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":[],"sources":["../src/tooltip/tooltip.directive.ts","../src/tooltip/tooltip.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil } from 'rxjs'\nimport { computePosition, flip, shift, offset, autoUpdate, Placement } from '@floating-ui/dom'\n\n/**\n * A tooltip component that displays a text tooltip when hovering over content.\n * Addresses shadow DOM limitations by teleporting the tooltip to document.body.\n *\n * @element schmancy-tooltip\n */\n@customElement('schmancy-tooltip')\nexport class SchmancyTooltip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n`) {\n\t@property({ type: String })\n\ttext = ''\n\n\t@property({ type: String })\n\tposition: 'top' | 'right' | 'bottom' | 'left' = 'top'\n\n\t@property({ type: Number })\n\tdelay = 50\n\n\t@property({ type: Boolean })\n\tdisabled = false\n\n\t@state() private visible = false\n\n\tprivate triggerElement: HTMLElement | null = null\n\tprivate tooltipElement: HTMLElement | null = null\n\tprivate cleanup: (() => void) | undefined\n\tprivate showTimeoutId: number | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Create tooltip element once\n\t\tif (!this.tooltipElement) {\n\t\t\tthis.createTooltipElement()\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Wait for slotted elements to be available\n\t\tthis.updateComplete.then(() => {\n\t\t\t// Get the first slotted element as trigger\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement\n\t\t\tconst slottedElements = slot?.assignedElements() || []\n\n\t\t\tif (slottedElements.length > 0) {\n\t\t\t\tthis.triggerElement = slottedElements[0] as HTMLElement\n\t\t\t\tthis.setupEvents()\n\t\t\t}\n\t\t})\n\t}\n\n\tprivate createTooltipElement() {\n\t\t// Create the tooltip element in document.body\n\t\tthis.tooltipElement = document.createElement('div')\n\t\tthis.tooltipElement.className = 'schmancy-tooltip'\n\n\t\t// Apply styles\n\t\tObject.assign(this.tooltipElement.style, {\n\t\t\tposition: 'absolute',\n\t\t\tzIndex: '10000',\n\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\tpadding: '8px 12px',\n\t\t\tborderRadius: '4px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 'normal',\n\t\t\tmaxWidth: '300px',\n\t\t\tpointerEvents: 'none',\n\t\t\topacity: '0',\n\t\t\ttransition: 'opacity 150ms ease',\n\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\ttextAlign: 'center',\n\t\t})\n\n\t\t// Set ARIA attributes\n\t\tthis.tooltipElement.setAttribute('role', 'tooltip')\n\n\t\t// Add to document\n\t\tdocument.body.appendChild(this.tooltipElement)\n\t}\n\n\tprivate setupEvents() {\n\t\tif (!this.triggerElement || this.disabled) return\n\n\t\t// Generate unique ID for ARIA\n\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\tif (this.tooltipElement) {\n\t\t\tthis.tooltipElement.id = tooltipId\n\t\t\tthis.triggerElement.setAttribute('aria-describedby', tooltipId)\n\t\t}\n\n\t\t// Setup event streams using RxJS\n\t\tconst mouseEnter$ = fromEvent(this.triggerElement, 'mouseenter')\n\t\tconst focus$ = fromEvent(this.triggerElement, 'focus')\n\t\tconst mouseLeave$ = fromEvent(this.triggerElement, 'mouseleave')\n\t\tconst blur$ = fromEvent(this.triggerElement, 'blur')\n\n\t\t// Global escape key handler\n\t\tfromEvent<KeyboardEvent>(document, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(event => {\n\t\t\t\tif (event.key === 'Escape' && this.visible) {\n\t\t\t\t\tthis.hideTooltip()\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Handle showing\n\t\tmerge(mouseEnter$, focus$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showTooltip()\n\t\t\t})\n\n\t\t// Handle hiding\n\t\tmerge(mouseLeave$, blur$)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideTooltip()\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up\n\t\tif (this.tooltipElement && document.body.contains(this.tooltipElement)) {\n\t\t\tdocument.body.removeChild(this.tooltipElement)\n\t\t}\n\t\tthis.cleanup?.()\n\t\tclearTimeout(this.showTimeoutId)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate showTooltip() {\n\t\tif (this.disabled || !this.tooltipElement || !this.triggerElement) return\n\n\t\t// Clear any existing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Set timeout for showing\n\t\tthis.showTimeoutId = window.setTimeout(() => {\n\t\t\t// Update content\n\t\t\tif (this.tooltipElement) {\n\t\t\t\tthis.tooltipElement.textContent = this.text\n\n\t\t\t\t// Make visible\n\t\t\t\tthis.visible = true\n\t\t\t\tthis.tooltipElement.style.opacity = '1'\n\n\t\t\t\t// Initialize positioning\n\t\t\t\tthis.initializePositioning()\n\t\t\t}\n\t\t}, this.delay)\n\t}\n\n\tprivate hideTooltip() {\n\t\t// Clear showing timeout\n\t\tclearTimeout(this.showTimeoutId)\n\n\t\t// Hide tooltip\n\t\tif (this.tooltipElement) {\n\t\t\tthis.visible = false\n\t\t\tthis.tooltipElement.style.opacity = '0'\n\t\t}\n\n\t\t// Clean up positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t}\n\n\tprivate initializePositioning() {\n\t\tif (!this.triggerElement || !this.tooltipElement) return\n\n\t\t// Clean up existing positioning\n\t\tif (this.cleanup) {\n\t\t\tthis.cleanup()\n\t\t}\n\n\t\t// Set up auto-updating position\n\t\tthis.cleanup = autoUpdate(this.triggerElement, this.tooltipElement, () => {\n\t\t\t// Compute position\n\t\t\tcomputePosition(this.triggerElement!, this.tooltipElement!, {\n\t\t\t\tplacement: this.position as Placement,\n\t\t\t\tmiddleware: [offset(8), flip({ padding: 5 }), shift({ padding: 5 })],\n\t\t\t}).then(({ x, y }) => {\n\t\t\t\t// Apply position\n\t\t\t\tif (this.tooltipElement) {\n\t\t\t\t\tObject.assign(this.tooltipElement.style, {\n\t\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tooltip': SchmancyTooltip\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs","names":[],"sources":["../src/tooltip/tooltip.directive.ts"],"sourcesContent":["import { arrow, autoUpdate, computePosition, flip, offset, Placement, shift, Strategy } from '@floating-ui/dom'\nimport { Directive, directive, ElementPart, ElementPartInfo, PartType } from 'lit/directive.js'\nimport { fromEvent, Subscription } from 'rxjs'\n\n// Store tooltip data for elements\nconst tooltipMap = new WeakMap<\n\tElement,\n\t{\n\t\ttooltipElement: HTMLElement\n\t\tarrowElement?: HTMLElement\n\t\tcleanup?: () => void\n\t\tshowTimeout?: number\n\t\tsubscriptions?: Subscription[]\n\t}\n>()\n\nclass TooltipDirective extends Directive {\n\tconstructor(partInfo: ElementPartInfo) {\n\t\tsuper(partInfo)\n\t\tif (partInfo.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('The tooltip directive can only be used on elements')\n\t\t}\n\t}\n\n\trender(\n\t\ttext: string,\n\t\toptions: {\n\t\t\tposition?: 'top' | 'right' | 'bottom' | 'left'\n\t\t\tdelay?: number\n\t\t\tshowArrow?: boolean\n\t\t} = {},\n\t) {\n\t\treturn { text, options }\n\t}\n\n\tupdate(part: ElementPart, [text, options = {}]: [string, any]) {\n\t\tconst element = part.element as HTMLElement\n\t\tconst position = options?.position || 'top'\n\t\tconst delay = options?.delay || 300\n\t\tconst showArrow = options?.showArrow !== false // Default to true\n\n\t\t// Get or create tooltip data\n\t\tlet tooltipData = tooltipMap.get(element)\n\n\t\tif (!tooltipData) {\n\t\t\t// Create tooltip element\n\t\t\tconst tooltipElement = document.createElement('div')\n\t\t\ttooltipElement.className = 'schmancy-tooltip'\n\n\t\t\t// Apply styles\n\t\t\tObject.assign(tooltipElement.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tzIndex: '10000',\n\t\t\t\tbackgroundColor: 'var(--schmancy-sys-color-surface-highest, #333)',\n\t\t\t\tcolor: 'var(--schmancy-sys-color-surface-on, white)',\n\t\t\t\tpadding: '8px 12px',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '14px',\n\t\t\t\tfontWeight: 'normal',\n\t\t\t\tmaxWidth: '300px',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 150ms ease',\n\t\t\t\tboxShadow: 'var(--schmancy-sys-elevation-2)',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\t// Important: start with visibility hidden to avoid flash\n\t\t\t\tvisibility: 'hidden',\n\t\t\t})\n\n\t\t\t// Create arrow element if needed\n\t\t\tlet arrowElement: HTMLElement | undefined\n\t\t\tif (showArrow) {\n\t\t\t\tarrowElement = document.createElement('div')\n\t\t\t\tarrowElement.className = 'schmancy-tooltip-arrow'\n\t\t\t\tObject.assign(arrowElement.style, {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tbackground: 'inherit',\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\t// We'll rotate this to create an arrow\n\t\t\t\t\ttransform: 'rotate(45deg)',\n\t\t\t\t})\n\t\t\t\ttooltipElement.appendChild(arrowElement)\n\t\t\t}\n\n\t\t\t// Set ARIA attributes\n\t\t\ttooltipElement.setAttribute('role', 'tooltip')\n\n\t\t\t// Generate unique ID\n\t\t\tconst tooltipId = `tooltip-${Math.random().toString(36).slice(2, 9)}`\n\t\t\ttooltipElement.id = tooltipId\n\t\t\telement.setAttribute('aria-describedby', tooltipId)\n\n\t\t\t// Add to document\n\t\t\tdocument.body.appendChild(tooltipElement)\n\n\t\t\t// Create tooltip data\n\t\t\ttooltipData = {\n\t\t\t\ttooltipElement,\n\t\t\t\tarrowElement,\n\t\t\t}\n\n\t\t\ttooltipMap.set(element, tooltipData)\n\n\t\t\t// Define show handler\n\t\t\tconst showTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.showTimeout = window.setTimeout(() => {\n\t\t\t\t\t// Set content\n\t\t\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t\t\t// Add arrow back if it was removed\n\t\t\t\t\tif (showArrow && tooltipData.arrowElement && !tooltipData.tooltipElement.contains(tooltipData.arrowElement)) {\n\t\t\t\t\t\ttooltipData.tooltipElement.appendChild(tooltipData.arrowElement)\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure element is visible first\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'visible'\n\n\t\t\t\t\t// Clean up existing positioning\n\t\t\t\t\tif (tooltipData.cleanup) {\n\t\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set up positioning\n\t\t\t\t\ttooltipData.cleanup = autoUpdate(element, tooltipData.tooltipElement, () =>\n\t\t\t\t\t\tupdatePosition(element, tooltipData, position, showArrow),\n\t\t\t\t\t)\n\n\t\t\t\t\t// Make opacity 1 after positioning is set up\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\ttooltipData.tooltipElement.style.opacity = '1'\n\t\t\t\t\t})\n\t\t\t\t}, delay)\n\t\t\t}\n\n\t\t\t// Define hide handler\n\t\t\tconst hideTooltip = () => {\n\t\t\t\tif (tooltipData?.showTimeout) {\n\t\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t\t}\n\n\t\t\t\ttooltipData.tooltipElement.style.opacity = '0'\n\n\t\t\t\t// Set visibility to hidden after fade out\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ttooltipData.tooltipElement.style.visibility = 'hidden'\n\t\t\t\t}, 150) // Match transition time\n\n\t\t\t\t// Clean up positioning\n\t\t\t\tif (tooltipData?.cleanup) {\n\t\t\t\t\ttooltipData.cleanup()\n\t\t\t\t\ttooltipData.cleanup = undefined\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Add event listeners using fromEvent\n\t\t\tconst subscriptions = [\n\t\t\t\tfromEvent(element, 'mouseenter').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'focus').subscribe(showTooltip),\n\t\t\t\tfromEvent(element, 'mouseleave').subscribe(hideTooltip),\n\t\t\t\tfromEvent(element, 'blur').subscribe(hideTooltip),\n\t\t\t\tfromEvent<KeyboardEvent>(document, 'keydown').subscribe((e: KeyboardEvent) => {\n\t\t\t\t\tif (e.key === 'Escape' && tooltipData?.tooltipElement.style.opacity === '1') {\n\t\t\t\t\t\thideTooltip()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t]\n\n\t\t\t// Store subscriptions for cleanup\n\t\t\ttooltipData.subscriptions = subscriptions\n\t\t} else {\n\t\t\t// Update content for existing tooltip\n\t\t\ttooltipData.tooltipElement.textContent = text\n\n\t\t\t// Update arrow visibility if needed\n\t\t\tif (tooltipData.arrowElement) {\n\t\t\t\ttooltipData.arrowElement.style.visibility = showArrow ? 'visible' : 'hidden'\n\t\t\t}\n\t\t}\n\n\t\treturn { text, options }\n\t}\n\n\tdisconnected(part: ElementPart) {\n\t\tconst element = part.element\n\t\tconst tooltipData = tooltipMap.get(element)\n\n\t\tif (tooltipData) {\n\t\t\t// Clean up subscriptions\n\t\t\tif (tooltipData.subscriptions) {\n\t\t\t\ttooltipData.subscriptions.forEach(subscription => subscription.unsubscribe())\n\t\t\t}\n\n\t\t\t// Clean up timeouts and positioning\n\t\t\tif (tooltipData.showTimeout) {\n\t\t\t\tclearTimeout(tooltipData.showTimeout)\n\t\t\t}\n\n\t\t\tif (tooltipData.cleanup) {\n\t\t\t\ttooltipData.cleanup()\n\t\t\t}\n\n\t\t\t// Remove tooltip element\n\t\t\tif (document.body.contains(tooltipData.tooltipElement)) {\n\t\t\t\tdocument.body.removeChild(tooltipData.tooltipElement)\n\t\t\t}\n\n\t\t\t// Remove ARIA attributes\n\t\t\tif (element.hasAttribute('aria-describedby')) {\n\t\t\t\telement.removeAttribute('aria-describedby')\n\t\t\t}\n\n\t\t\t// Remove from WeakMap\n\t\t\ttooltipMap.delete(element)\n\t\t}\n\t}\n}\n\n// Separate positioning function for clarity and reuse\nasync function updatePosition(element: HTMLElement, tooltipData: any, position: string, showArrow: boolean) {\n\t// Use floating-ui to compute position\n\tconst middleware = [\n\t\toffset(8), // Distance from the element\n\t\tflip({\n\t\t\tfallbackPlacements: ['top', 'right', 'bottom', 'left'].filter(p => p !== position) as Placement[],\n\t\t\tpadding: 5, // How far from the edges before flipping\n\t\t}),\n\t\tshift({ padding: 5 }), // Keep it within viewport bounds\n\t]\n\n\t// Add arrow middleware if needed\n\tif (showArrow && tooltipData.arrowElement) {\n\t\tmiddleware.push(arrow({ element: tooltipData.arrowElement }))\n\t}\n\n\tconst { x, y, placement, middlewareData } = await computePosition(element, tooltipData.tooltipElement, {\n\t\tplacement: position as Placement,\n\t\tmiddleware,\n\t\tstrategy: 'fixed' as Strategy, // Fixed positioning works better across contexts\n\t})\n\n\t// Apply position\n\tObject.assign(tooltipData.tooltipElement.style, {\n\t\tleft: `${x}px`,\n\t\ttop: `${y}px`,\n\t\tposition: 'fixed',\n\t})\n\n\t// Position the arrow if it exists\n\tif (showArrow && tooltipData.arrowElement && middlewareData.arrow) {\n\t\tconst { x: arrowX, y: arrowY } = middlewareData.arrow\n\n\t\t// Determine which side the arrow should be on based on placement\n\t\tconst staticSide =\n\t\t\t{\n\t\t\t\ttop: 'bottom',\n\t\t\t\tright: 'left',\n\t\t\t\tbottom: 'top',\n\t\t\t\tleft: 'right',\n\t\t\t}[placement.split('-')[0]] || 'bottom'\n\n\t\t// Position the arrow\n\t\tObject.assign(tooltipData.arrowElement.style, {\n\t\t\tleft: arrowX != null ? `${arrowX}px` : '',\n\t\t\ttop: arrowY != null ? `${arrowY}px` : '',\n\t\t\t[staticSide]: '-4px', // Position the arrow on the correct side\n\t\t\tvisibility: 'visible',\n\t\t})\n\t}\n}\n\nexport const tooltip = directive(TooltipDirective)\n"],"mappings":"qLAKA,IAAM,EAAa,IAAI,QAWjB,EAAN,cAA+B,EAAA,SAAA,CAC9B,YAAY,EAAA,CAEX,GADA,MAAM,EAAA,CACF,EAAS,OAAS,EAAA,SAAS,QAC9B,MAAU,MAAM,qDAAA,CAIlB,OACC,EACA,EAII,EAAA,CAAA,CAEJ,MAAO,CAAE,KAAA,EAAM,QAAA,EAAA,CAGhB,OAAO,EAAA,CAAoB,EAAM,EAAU,EAAA,EAAA,CAC1C,IAAM,EAAU,EAAK,QACf,EAAW,GAAS,UAAY,MAChC,EAAQ,GAAS,OAAS,IAC1B,EAAA,CAAmC,IAAvB,GAAS,UAGvB,EAAc,EAAW,IAAI,EAAA,CAEjC,GAAK,EAqIJ,EAAY,eAAe,YAAc,EAGrC,EAAY,eACf,EAAY,aAAa,MAAM,WAAa,EAAY,UAAY,cAzIpD,CAEjB,IAAM,EAAiB,SAAS,cAAc,MAAA,CAwB1C,EAvBJ,EAAe,UAAY,mBAG3B,OAAO,OAAO,EAAe,MAAO,CACnC,SAAU,WACV,OAAQ,QACR,gBAAiB,kDACjB,MAAO,8CACP,QAAS,WACT,aAAc,MACd,SAAU,OACV,WAAY,SACZ,SAAU,QACV,cAAe,OACf,QAAS,IACT,WAAY,qBACZ,UAAW,kCACX,UAAW,SAEX,WAAY,SAAA,CAAA,CAKT,IACH,EAAe,SAAS,cAAc,MAAA,CACtC,EAAa,UAAY,yBACzB,OAAO,OAAO,EAAa,MAAO,CACjC,SAAU,WACV,MAAO,MACP,OAAQ,MACR,WAAY,UACZ,WAAY,SAEZ,UAAW,gBAAA,CAAA,CAEZ,EAAe,YAAY,EAAA,EAI5B,EAAe,aAAa,OAAQ,UAAA,CAGpC,IAAM,EAAY,WAAW,KAAK,QAAA,CAAS,SAAS,GAAA,CAAI,MAAM,EAAG,EAAA,GACjE,EAAe,GAAK,EACpB,EAAQ,aAAa,mBAAoB,EAAA,CAGzC,SAAS,KAAK,YAAY,EAAA,CAG1B,EAAc,CACb,eAAA,EACA,aAAA,EAAA,CAGD,EAAW,IAAI,EAAS,EAAA,CAGxB,IAAM,MAAA,CACD,GAAa,aAChB,aAAa,EAAY,YAAA,CAG1B,EAAY,YAAc,OAAO,eAAA,CAEhC,EAAY,eAAe,YAAc,EAGrC,GAAa,EAAY,cAAA,CAAiB,EAAY,eAAe,SAAS,EAAY,aAAA,EAC7F,EAAY,eAAe,YAAY,EAAY,aAAA,CAIpD,EAAY,eAAe,MAAM,WAAa,UAG1C,EAAY,SACf,EAAY,SAAA,CAIb,EAAY,SAAA,EAAA,EAAA,YAAqB,EAAS,EAAY,mBA+F3D,eAA8B,EAAsB,EAAkB,EAAkB,EAAA,CAEvF,IAAM,EAAa,EAAA,EAAA,EAAA,QACX,EAAA,EAAA,EAAA,EAAA,MACF,CACJ,mBAAoB,CAAC,MAAO,QAAS,SAAU,OAAA,CAAQ,OAAO,GAAK,IAAM,EAAA,CACzE,QAAS,EAAA,CAAA,EAAA,EAAA,EAAA,OAEJ,CAAE,QAAS,EAAA,CAAA,CAAA,CAId,GAAa,EAAY,cAC5B,EAAW,MAAA,EAAA,EAAA,OAAW,CAAE,QAAS,EAAY,aAAA,CAAA,CAAA,CAG9C,GAAA,CAAM,EAAE,EAAA,EAAG,EAAA,UAAG,EAAA,eAAW,GAAA,MAAmB,EAAA,EAAA,iBAAsB,EAAS,EAAY,eAAgB,CACtG,UAAW,EACX,WAAA,EACA,SAAU,QAAA,CAAA,CAWX,GAPA,OAAO,OAAO,EAAY,eAAe,MAAO,CAC/C,KAAM,GAAG,EAAA,IACT,IAAK,GAAG,EAAA,IACR,SAAU,QAAA,CAAA,CAIP,GAAa,EAAY,cAAgB,EAAe,MAAO,CAClE,GAAA,CAAQ,EAAG,EAAQ,EAAG,GAAW,EAAe,MAG1C,EACL,CACC,IAAK,SACL,MAAO,OACP,OAAQ,MACR,KAAM,QAAA,CACL,EAAU,MAAM,IAAA,CAAK,KAAO,SAG/B,OAAO,OAAO,EAAY,aAAa,MAAO,CAC7C,KAAM,GAAU,KAAuB,GAAhB,GAAG,EAAA,IAC1B,IAAK,GAAU,KAAuB,GAAhB,GAAG,EAAA,KACxB,GAAa,OACd,WAAY,UAAA,CAAA,GA7IM,EAAS,EAAa,EAAU,EAAA,CAAA,CAIhD,0BAAA,CACC,EAAY,eAAe,MAAM,QAAU,KAAA,EAE1C,EAAA,EAIE,MAAA,CACD,GAAa,aAChB,aAAa,EAAY,YAAA,CAG1B,EAAY,eAAe,MAAM,QAAU,IAG3C,eAAA,CACC,EAAY,eAAe,MAAM,WAAa,UAC5C,IAAA,CAGC,GAAa,UAChB,EAAY,SAAA,CACZ,EAAY,QAAA,IAAU,KAKlB,EAAgB,EAAA,EAAA,EAAA,WACX,EAAS,aAAA,CAAc,UAAU,EAAA,EAAA,EAAA,EAAA,WACjC,EAAS,QAAA,CAAS,UAAU,EAAA,EAAA,EAAA,EAAA,WAC5B,EAAS,aAAA,CAAc,UAAU,EAAA,EAAA,EAAA,EAAA,WACjC,EAAS,OAAA,CAAQ,UAAU,EAAA,EAAA,EAAA,EAAA,WACZ,SAAU,UAAA,CAAW,UAAW,GAAA,CACpD,EAAE,MAAQ,UAAY,GAAa,eAAe,MAAM,UAAY,KACvE,GAAA,EAAA,CAAA,CAMH,EAAY,cAAgB,EAW7B,MAAO,CAAE,KAAA,EAAM,QAAA,EAAA,CAGhB,aAAa,EAAA,CACZ,IAAM,EAAU,EAAK,QACf,EAAc,EAAW,IAAI,EAAA,CAE/B,IAEC,EAAY,eACf,EAAY,cAAc,QAAQ,GAAgB,EAAa,aAAA,CAAA,CAI5D,EAAY,aACf,aAAa,EAAY,YAAA,CAGtB,EAAY,SACf,EAAY,SAAA,CAIT,SAAS,KAAK,SAAS,EAAY,eAAA,EACtC,SAAS,KAAK,YAAY,EAAY,eAAA,CAInC,EAAQ,aAAa,mBAAA,EACxB,EAAQ,gBAAgB,mBAAA,CAIzB,EAAW,OAAO,EAAA,IA0DR,GAAA,EAAA,EAAA,WAAoB,EAAA,CAAA,QAAA,QAAA"}