@mhmo91/schmancy 0.9.28 → 0.10.2

package/dist/code-highlight-kFUJ1Eet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlight-kFUJ1Eet.js","names":[],"sources":["../src/code-highlight/code-highlight.ts","../src/code-highlight/code-preview.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport hljs from 'highlight.js/lib/core'\nimport bash from 'highlight.js/lib/languages/bash'\nimport javascript from 'highlight.js/lib/languages/javascript'\nimport markdown from 'highlight.js/lib/languages/markdown'\nimport typescript from 'highlight.js/lib/languages/typescript'\nimport xml from 'highlight.js/lib/languages/xml'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\n// Register only the languages we need\nhljs.registerLanguage('javascript', javascript)\nhljs.registerLanguage('typescript', typescript)\nhljs.registerLanguage('html', xml)\nhljs.registerLanguage('xml', xml)\nhljs.registerLanguage('markdown', markdown)\nhljs.registerLanguage('bash', bash)\n\n/**\n * @element schmancy-code\n * Code highlighting component using highlight.js with schmancy theming support\n */\n@customElement('schmancy-code')\nexport class SchmancyCode extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t/* Code block styling using schmancy color system */\n\t.hljs {\n\t\tdisplay: block;\n\t\toverflow-x: auto;\n\t\tpadding: 0.5em;\n\t\tcolor: var(--md-sys-color-on-surface-variant);\n\t\tbackground: var(--md-sys-color-surface-container-lowest);\n\t\tfont-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n\t}\n\n\t/* Comments and documentation */\n\t.hljs-comment,\n\t.hljs-quote {\n\t\tcolor: var(--md-sys-color-outline);\n\t\tfont-style: italic;\n\t}\n\n\t/* Keywords, doctags, formulas */\n\t.hljs-doctag,\n\t.hljs-keyword,\n\t.hljs-formula {\n\t\tcolor: var(--md-sys-color-primary);\n\t}\n\n\t/* Tags, sections, names, deletions */\n\t.hljs-section,\n\t.hljs-name,\n\t.hljs-selector-tag,\n\t.hljs-deletion,\n\t.hljs-subst {\n\t\tcolor: var(--md-sys-color-error);\n\t}\n\n\t/* Literals */\n\t.hljs-literal {\n\t\tcolor: var(--md-sys-color-tertiary);\n\t}\n\n\t/* Strings, regex, additions */\n\t.hljs-string,\n\t.hljs-regexp,\n\t.hljs-addition,\n\t.hljs-attribute,\n\t.hljs-meta-string {\n\t\tcolor: var(--md-sys-color-secondary);\n\t}\n\n\t/* Built-ins and class titles */\n\t.hljs-built_in,\n\t.hljs-class .hljs-title {\n\t\tcolor: var(--md-sys-color-tertiary);\n\t}\n\n\t/* Variables, attributes, types */\n\t.hljs-attr,\n\t.hljs-variable,\n\t.hljs-template-variable,\n\t.hljs-type,\n\t.hljs-selector-class,\n\t.hljs-selector-attr,\n\t.hljs-selector-pseudo,\n\t.hljs-number {\n\t\tcolor: var(--md-sys-color-on-surface);\n\t}\n\n\t/* Symbols, bullets, links, meta */\n\t.hljs-symbol,\n\t.hljs-bullet,\n\t.hljs-link,\n\t.hljs-meta,\n\t.hljs-selector-id,\n\t.hljs-title {\n\t\tcolor: var(--md-sys-color-secondary);\n\t}\n\n\t.hljs-emphasis {\n\t\tfont-style: italic;\n\t}\n\n\t.hljs-strong {\n\t\tfont-weight: bold;\n\t}\n\n\t.hljs-link {\n\t\ttext-decoration: underline;\n\t}\n\n\t/* Line features styling */\n\t.code-with-lines {\n\t\tbackground: transparent;\n\t\tpadding: 0;\n\t}\n\n\t.code-line {\n\t\tdisplay: block;\n\t\tpadding-left: 0;\n\t\ttransition: background-color 0.2s ease;\n\t}\n\n\t.code-line.highlighted {\n\t\tbackground-color: var(--md-sys-color-primary-container);\n\t\topacity: 0.2;\n\t}\n\n\t.line-number {\n\t\tdisplay: inline-block;\n\t\twidth: 3rem;\n\t\tpadding-right: 1rem;\n\t\ttext-align: right;\n\t\tcolor: var(--md-sys-color-outline);\n\t\tuser-select: none;\n\t\tfont-size: inherit;\n\t}\n`];\n\t/**\n\t * Programming language for syntax highlighting\n\t */\n\t@property({ type: String })\n\tlanguage: string = 'javascript'\n\n\t/**\n\t * Code content to highlight\n\t */\n\t@property({ type: String })\n\tcode: string = ''\n\n\t/**\n\t * Optional filename or title to display in header\n\t */\n\t@property({ type: String })\n\tfilename?: string\n\n\t/**\n\t * Show line numbers\n\t */\n\t@property({ type: Boolean })\n\tlineNumbers: boolean = false\n\n\t/**\n\t * Show copy button\n\t */\n\t@property({ type: Boolean })\n\tcopyButton: boolean = true\n\n\t/**\n\t * Highlighted line numbers (comma-separated or ranges like \"1-3,5,7-9\")\n\t */\n\t@property({ type: String })\n\thighlightLines?: string\n\n\t/**\n\t * Maximum height before scrolling\n\t */\n\t@property({ type: String })\n\tmaxHeight?: string\n\n\t@state()\n\tprivate copied: boolean = false\n\n\tprivate get highlightedCode(): string {\n\t\tif (!this.code) return ''\n\n\t\tlet highlightedHtml = ''\n\n\t\ttry {\n\t\t\t// Use highlight.js to get highlighted code\n\t\t\tconst result = hljs.highlight(this.code.trim(), { language: this.language })\n\t\t\thighlightedHtml = result.value\n\t\t} catch {\n\t\t\t// Fallback to auto-detection if language is not supported\n\t\t\ttry {\n\t\t\t\tconst result = hljs.highlightAuto(this.code.trim())\n\t\t\t\thighlightedHtml = result.value\n\t\t\t} catch {\n\t\t\t\t// Final fallback to escaped plain text\n\t\t\t\thighlightedHtml = this.escapeHtml(this.code.trim())\n\t\t\t}\n\t\t}\n\n\t\t// Process for line numbers and highlighting if needed\n\t\tif (this.lineNumbers || this.highlightLines) {\n\t\t\treturn this.addLineFeatures(highlightedHtml)\n\t\t}\n\n\t\treturn highlightedHtml\n\t}\n\n\tprivate escapeHtml(text: string): string {\n\t\tconst div = document.createElement('div')\n\t\tdiv.textContent = text\n\t\treturn div.innerHTML\n\t}\n\n\tprivate getHighlightedLines(): Set<number> {\n\t\tconst lines = new Set<number>()\n\t\tif (!this.highlightLines) return lines\n\n\t\tconst parts = this.highlightLines.split(',')\n\t\tfor (const part of parts) {\n\t\t\tconst trimmed = part.trim()\n\t\t\tif (trimmed.includes('-')) {\n\t\t\t\tconst [start, end] = trimmed.split('-').map(n => parseInt(n.trim()))\n\t\t\t\tif (!isNaN(start) && !isNaN(end)) {\n\t\t\t\t\tfor (let i = start; i <= end; i++) {\n\t\t\t\t\t\tlines.add(i)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst lineNum = parseInt(trimmed)\n\t\t\t\tif (!isNaN(lineNum)) {\n\t\t\t\t\tlines.add(lineNum)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn lines\n\t}\n\n\tprivate addLineFeatures(highlightedHtml: string): string {\n\t\tconst lines = highlightedHtml.split('\\n')\n\t\tconst highlightedLines = this.getHighlightedLines()\n\n\t\treturn lines\n\t\t\t.map((line, index) => {\n\t\t\t\tconst lineNumber = index + 1\n\t\t\t\tconst isHighlighted = highlightedLines.has(lineNumber)\n\t\t\t\tconst lineClass = isHighlighted ? 'code-line highlighted' : 'code-line'\n\n\t\t\t\tlet content = ''\n\t\t\t\tif (this.lineNumbers) {\n\t\t\t\t\tcontent += `<span class=\"line-number\">${lineNumber}</span>`\n\t\t\t\t}\n\t\t\t\tcontent += line\n\n\t\t\t\treturn `<div class=\"${lineClass}\">${content}</div>`\n\t\t\t})\n\t\t\t.join('')\n\t}\n\n\tprivate async copyCode() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(this.code)\n\t\t\tthis.copied = true\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.copied = false\n\t\t\t}, 2000)\n\t\t} catch (err) {\n\t\t\tconsole.error('Failed to copy code:', err)\n\t\t}\n\t}\n\n\tprivate getLanguageLabel(): string {\n\t\tconst languageMap: Record<string, string> = {\n\t\t\tjavascript: 'JavaScript',\n\t\t\ttypescript: 'TypeScript',\n\t\t\thtml: 'HTML',\n\t\t\tmarkdown: 'Markdown',\n\t\t\tbash: 'Bash',\n\t\t}\n\n\t\tif (this.filename) {\n\t\t\treturn this.filename\n\t\t}\n\n\t\treturn languageMap[this.language.toLowerCase()] || this.language.toUpperCase()\n\t}\n\n\trender() {\n\t\tconst codeClass = this.lineNumbers || this.highlightLines ? 'code-with-lines' : 'hljs'\n\n\t\treturn html`\n\t\t\t<schmancy-details class=\"bg-surface-default\">\n\t\t\t\t<section slot=\"summary\">\n\t\t\t\t\t<!-- Header -->\n\t\t\t\t\t<div class=\"flex items-center justify-between\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t<div class=\"flex gap-1.5\">\n\t\t\t\t\t\t\t\t<div class=\"w-3 h-3 rounded-full opacity-60\" style=\"background-color: var(--md-sys-color-error);\"></div>\n\t\t\t\t\t\t\t\t<div class=\"w-3 h-3 rounded-full opacity-60\" style=\"background-color: var(--md-sys-color-tertiary);\"></div>\n\t\t\t\t\t\t\t\t<div class=\"w-3 h-3 rounded-full opacity-60\" style=\"background-color: var(--md-sys-color-secondary);\"></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span class=\"text-xs font-medium opacity-70 ml-2\" style=\"color: var(--md-sys-color-on-surface-variant);\">\n\t\t\t\t\t\t\t\t${this.getLanguageLabel()}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t${this.copyButton\n\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t\t\t\t.variant=\"${this.copied ? 'filled tonal' : 'text'}\"\n\t\t\t\t\t\t\t\t\t\t@click=${this.copyCode}\n\t\t\t\t\t\t\t\t\t\tclass=\"transition-all\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<schmancy-icon > ${this.copied ? 'check' : 'content_copy'} </schmancy-icon>\n\t\t\t\t\t\t\t\t\t\t<span class=\"ml-1\">${this.copied ? 'Copied!' : 'Copy'}</span>\n\t\t\t\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t<!-- Code -->\n\t\t\t\t<div class=\"overflow-auto\" style=\"${this.maxHeight ? `max-height: ${this.maxHeight}` : ''}\">\n\t\t\t\t\t<pre class=\"m-0\"><code class=\"${codeClass}\">${unsafeHTML(this.highlightedCode)}</code></pre>\n\t\t\t\t</div>\n\t\t\t</schmancy-details>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-code': SchmancyCode\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { timer } from 'rxjs'\nimport { take } from 'rxjs/operators'\n\n/**\n * @element schmancy-code-preview\n * A component that shows code and its rendered preview side by side\n * Takes the content as a slot and displays both the source and rendered result\n */\n@customElement('schmancy-code-preview')\nexport class SchmancyCodePreview extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`:host{\n\t\t\tdisplay:block;\n\t\t\toverflow:hidden;\n\t\t\tposition:relative;\n\t\t\tinset:0;\n\t\t}`,\n\t];\n\n\t/**\n\t * Programming language for syntax highlighting\n\t */\n\t@property({ type: String })\n\tlanguage: string = 'html'\n\n\t/**\n\t * Show code on top or side-by-side\n\t */\n\t@property({ type: String })\n\tlayout: 'vertical' | 'horizontal' = 'vertical'\n\n\t/**\n\t * Whether to render/execute the code in preview section\n\t * When false, only shows the code without rendering\n\t */\n\t@property({ type: Boolean })\n\tpreview: boolean = true\n\n\t@state()\n\tprivate slotContent: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Capture the slot content as HTML string\n\t\ttimer(0).pipe(take(1)).subscribe(() => {\n\t\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\t\tif (slot) {\n\t\t\t\tconst nodes = slot.assignedNodes({ flatten: true })\n\t\t\t\tconst htmlStrings = nodes.map(node => {\n\t\t\t\t\tif (node.nodeType === Node.ELEMENT_NODE) {\n\t\t\t\t\t\treturn (node as HTMLElement).outerHTML\n\t\t\t\t\t} else if (node.nodeType === Node.TEXT_NODE) {\n\t\t\t\t\t\treturn node.textContent || ''\n\t\t\t\t\t}\n\t\t\t\t\treturn ''\n\t\t\t\t})\n\t\t\t\t\n\t\t\t\t// Clean up the HTML string\n\t\t\t\tconst rawContent = htmlStrings.join('')\n\t\t\t\t\n\t\t\t\t// Find the minimum indentation (excluding empty lines)\n\t\t\t\tconst lines = rawContent.split('\\n')\n\t\t\t\tconst minIndent = lines\n\t\t\t\t\t.filter(line => line.trim().length > 0)\n\t\t\t\t\t.reduce((min, line) => {\n\t\t\t\t\t\tconst indent = line.match(/^(\\s*)/)?.[1].length || 0\n\t\t\t\t\t\treturn Math.min(min, indent)\n\t\t\t\t\t}, Infinity)\n\t\t\t\t\n\t\t\t\t// Remove the minimum indentation from all lines\n\t\t\t\tthis.slotContent = lines\n\t\t\t\t\t.map(line => line.slice(minIndent))\n\t\t\t\t\t.join('\\n')\n\t\t\t\t\t.trim()\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\tconst containerClass = this.layout === 'horizontal' \n\t\t\t? 'grid grid-cols-1 lg:grid-cols-2 gap-0' \n\t\t\t: 'flex flex-col'\n\n\t\tconst showPreview = this.preview && this.language.toLowerCase() === 'html'\n\t\t\n\t\treturn html`\n\t\t\t<schmancy-surface class=\"rounded-lg overflow-hidden\">\n\t\t\t\t<div class=\"${showPreview ? containerClass : ''}\">\n\t\t\t\t\t<!-- Code section with proper overflow handling -->\n\t\t\t\t\t<div class=\"min-w-0 overflow-hidden\">\n\t\t\t\t\t\t<schmancy-code\n\t\t\t\t\t\t\tlanguage=\"${this.language}\"\n\t\t\t\t\t\t\t.code=\"${this.slotContent}\"\n\t\t\t\t\t\t\t?copyButton=\"${true}\"\n\t\t\t\t\t\t\tclass=\"block w-full\"\n\t\t\t\t\t\t></schmancy-code>\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<!-- Preview section (only visible for HTML and when preview is enabled) -->\n\t\t\t\t\t${showPreview ? html`\n\t\t\t\t\t\t<div class=\"min-w-0 overflow-auto\">\n\t\t\t\t\t\t\t<schmancy-surface type=\"solid\" class=\"p-2 h-full\">\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t</schmancy-surface>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t` : html`\n\t\t\t\t\t\t<!-- Hidden slot to capture content -->\n\t\t\t\t\t\t<div class=\"hidden\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`}\n\t\t\t\t</div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-code-preview': SchmancyCodePreview\n\t}\n}"],"mappings":";;;;;;;;;;;;;AAYA,EAAK,iBAAiB,cAAc,EAAA,EACpC,EAAK,iBAAiB,cAAc,EAAA,EACpC,EAAK,iBAAiB,QAAQ,EAAA,EAC9B,EAAK,iBAAiB,OAAO,EAAA,EAC7B,EAAK,iBAAiB,YAAY,EAAA,EAClC,EAAK,iBAAiB,QAAQ,EAAA;AAOvB,IAAA,IAAA,cAA2B,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,WA8Hd,cAAA,KAAA,OAMJ,IAAA,KAAA,cAAA,CAYQ,GAAA,KAAA,aAAA,CAMD,GAAA,KAAA,SAAA,CAeI;;CAAA;AAAA,OAAA,SApKV,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKpB,IAAA,kBAAY;AACX,MAAA,CAAK,KAAK,KAAM,QAAO;EAEvB,IAAI,IAAkB;AAEtB,MAAA;AAGC,OADe,EAAK,UAAU,KAAK,KAAK,MAAA,EAAQ,EAAE,UAAU,KAAK,UAAA,CAAA,CACxC;UAAA;AAGzB,OAAA;AAEC,QADe,EAAK,cAAc,KAAK,KAAK,MAAA,CAAA,CACnB;WAAA;AAGzB,QAAkB,KAAK,WAAW,KAAK,KAAK,MAAA,CAAA;;;AAK9C,SAAI,KAAK,eAAe,KAAK,iBACrB,KAAK,gBAAgB,EAAA,GAGtB;;CAGR,WAAmB,GAAA;EAClB,IAAM,IAAM,SAAS,cAAc,MAAA;AAEnC,SADA,EAAI,cAAc,GACX,EAAI;;CAGZ,sBAAA;EACC,IAAM,oBAAQ,IAAI,KAAA;AAClB,MAAA,CAAK,KAAK,eAAgB,QAAO;EAEjC,IAAM,IAAQ,KAAK,eAAe,MAAM,IAAA;AACxC,OAAK,IAAM,KAAQ,GAAO;GACzB,IAAM,IAAU,EAAK,MAAA;AACrB,OAAI,EAAQ,SAAS,IAAA,EAAM;IAC1B,IAAA,CAAO,GAAO,KAAO,EAAQ,MAAM,IAAA,CAAK,KAAI,MAAK,SAAS,EAAE,MAAA,CAAA,CAAA;AAC5D,QAAA,CAAK,MAAM,EAAA,IAAA,CAAW,MAAM,EAAA,CAC3B,MAAK,IAAI,IAAI,GAAO,KAAK,GAAK,IAC7B,GAAM,IAAI,EAAA;UAGN;IACN,IAAM,IAAU,SAAS,EAAA;AACpB,UAAM,EAAA,IACV,EAAM,IAAI,EAAA;;;AAIb,SAAO;;CAGR,gBAAwB,GAAA;EACvB,IAAM,IAAQ,EAAgB,MAAM,KAAA,EAC9B,IAAmB,KAAK,qBAAA;AAE9B,SAAO,EACL,KAAK,GAAM,MAAA;GACX,IAAM,IAAa,IAAQ,GAErB,IADgB,EAAiB,IAAI,EAAA,GACT,0BAA0B,aAExD,IAAU;AAMd,UALI,KAAK,gBACR,KAAW,6BAA6B,EAAA,WAEzC,KAAW,GAEJ,eAAe,EAAA,IAAc,EAAA;IAAA,CAEpC,KAAK,GAAA;;CAGR,MAAA,WAAc;AACb,MAAA;AAAA,SACO,UAAU,UAAU,UAAU,KAAK,KAAA,EACzC,KAAK,SAAA,CAAS,GACd,iBAAA;AACC,SAAK,SAAA,CAAS;MACZ,IAAA;UACK;;CAKV,mBAAA;AASC,SAAI,KAAK,WACD,KAAK,WAT+B;GAC3C,YAAY;GACZ,YAAY;GACZ,MAAM;GACN,UAAU;GACV,MAAM;GAAA,CAOY,KAAK,SAAS,aAAA,KAAkB,KAAK,SAAS,aAAA;;CAGlE,SAAA;EACC,IAAM,IAAY,KAAK,eAAe,KAAK,iBAAiB,oBAAoB;AAEhF,SAAO,CAAI;;;;;;;;;;;;;UAaH,KAAK,kBAAA,CAAA;;;QAGP,KAAK,aACJ,CAAI;;sBAES,KAAK,SAAS,iBAAiB,OAAA;mBAClC,KAAK,SAAA;;;6BAGK,KAAK,SAAS,UAAU,eAAA;+BACtB,KAAK,SAAS,YAAY,OAAA;;YAGhD,GAAA;;;;wCAI+B,KAAK,YAAY,eAAe,KAAK,cAAc,GAAA;qCACtD,EAAA,IAAc,EAAW,KAAK,gBAAA,CAAA;;;;;;GAxLjE,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAM1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAM1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAM1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAM3B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,cAAA,KAAA,EAAA,EAAA,EAAA,CAM3B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,kBAAA,KAAA,EAAA,EAAA,EAAA,CAM1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,aAAA,KAAA,EAAA,EAAA,EAAA,CAG1B,GAAA,CAAA,EAAO,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CArKR,EAAc,gBAAA,CAAA,EAAgB,EAAA;ACXxB,IAAA,IAAA,cAAkC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,WAcrB,QAAA,KAAA,SAMiB,YAAA,KAAA,UAAA,CAOjB,GAAA,KAAA,cAGW;;CAAA;AAAA,OAAA,SA7Bd,CACf,CAAG;;;;;;;CA8BJ,oBAAA;AACC,QAAM,mBAAA,EAEN,EAAM,EAAA,CAAG,KAAK,EAAK,EAAA,CAAA,CAAI,gBAAA;GACtB,IAAM,IAAO,KAAK,YAAY,cAAc,OAAA;AAC5C,OAAI,GAAM;IAeT,IAAM,IAdQ,EAAK,cAAc,EAAE,SAAA,CAAS,GAAA,CAAA,CAClB,KAAI,MACzB,EAAK,aAAa,KAAK,eAClB,EAAqB,YACnB,EAAK,aAAa,KAAK,aAC1B,EAAK,eAEN,GAAA,CAIuB,KAAK,GAAA,CAGX,MAAM,KAAA,EACzB,IAAY,EAChB,QAAO,MAAQ,EAAK,MAAA,CAAO,SAAS,EAAA,CACpC,QAAQ,GAAK,MAAA;KACb,IAAM,IAAS,EAAK,MAAM,SAAA,GAAY,GAAG,UAAU;AACnD,YAAO,KAAK,IAAI,GAAK,EAAA;OACnB,SAAA;AAGJ,SAAK,cAAc,EACjB,KAAI,MAAQ,EAAK,MAAM,EAAA,CAAA,CACvB,KAAK,KAAA,CACL,MAAA;;IAAA;;CAKL,SAAA;EACC,IAAM,IAAiB,KAAK,WAAW,eACpC,0CACA,iBAEG,IAAc,KAAK,WAAW,KAAK,SAAS,aAAA,KAAkB;AAEpE,SAAO,CAAI;;kBAEK,IAAc,IAAiB,GAAA;;;;mBAI9B,KAAK,SAAA;gBACR,KAAK,YAAA;uBACC,EAAA;;;;;;OAMf,IAAc,CAAI;;;;;;SAMhB,CAAI;;;;;;;;;;;GAnFX,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,EAAA,CAM1B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,UAAA,KAAA,EAAA,EAAA,EAAA,CAO1B,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,EAAA,CAG3B,GAAA,CAAA,EAAO,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CA9BR,EAAc,wBAAA,CAAA,EAAwB,EAAA;AAAA,SAAA,KAAA,GAAA,KAAA"}

package/dist/code-highlight.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./code-highlight-BzRmBZzz.cjs`);Object.defineProperty(exports,`SchmancyCode`,{enumerable:!0,get:function(){return e.n}}),Object.defineProperty(exports,`SchmancyCodeHighlight`,{enumerable:!0,get:function(){return e.n}}),Object.defineProperty(exports,`SchmancyCodePreview`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./code-highlight-CMilN0B8.cjs`);Object.defineProperty(exports,`SchmancyCode`,{enumerable:!0,get:function(){return e.n}}),Object.defineProperty(exports,`SchmancyCodeHighlight`,{enumerable:!0,get:function(){return e.n}}),Object.defineProperty(exports,`SchmancyCodePreview`,{enumerable:!0,get:function(){return e.t}});

package/dist/code-highlight.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./code-highlight-Bi91XHJN.js";
+import { n as e, t } from "./code-highlight-kFUJ1Eet.js";
 export { e as SchmancyCode, e as SchmancyCodeHighlight, t as SchmancyCodePreview };

package/dist/connectivity.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./tailwind.mixin-DRI1oTYQ.cjs`),t=require(`./decorate-F9CuyeHg.cjs`),n=require(`./audio-Dvr-RBzE.cjs`);let r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`lit/decorators.js`),o=require(`lit`),s=require(`lit/directives/ref.js`);var c=class extends e.t(o.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-De3xfjrm.cjs`),t=require(`./decorate-DpFmy0nm.cjs`),n=require(`./audio-CluX8Qpq.cjs`);let r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`lit/decorators.js`),o=require(`lit`),s=require(`lit/directives/ref.js`);var c=class extends e.s{constructor(...e){super(...e),this.bannerRef=(0,s.createRef)(),this.surfaceRef=(0,s.createRef)(),this.iconRef=(0,s.createRef)(),this.messageRef=(0,s.createRef)()}static{this.styles=[o.css`
 	:host {
 		display: block;
 	}
@@ -39,7 +39,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 	.icon-bounce {
 		animation: icon-bounce 600ms ease-out;
 	}
-`){constructor(...e){super(...e),this.bannerRef=(0,s.createRef)(),this.surfaceRef=(0,s.createRef)(),this.iconRef=(0,s.createRef)(),this.messageRef=(0,s.createRef)()}connectedCallback(){super.connectedCallback();let e=(0,r.merge)((0,r.fromEvent)(window,`online`).pipe((0,i.map)(()=>!0)),(0,r.fromEvent)(window,`offline`).pipe((0,i.map)(()=>!1))).pipe((0,i.distinctUntilChanged)());e.pipe((0,i.tap)(e=>this.updateBanner(e)),(0,i.takeUntil)(this.disconnecting)).subscribe(),e.pipe((0,i.skip)(1),(0,i.tap)(e=>n.t.play(e?`celebrated`:`disappointed`)),(0,i.takeUntil)(this.disconnecting)).subscribe()}updateBanner(e){let t=this.bannerRef.value,n=this.surfaceRef.value,a=this.iconRef.value,o=this.messageRef.value;t&&n&&a&&o&&(e?(n.setAttribute(`type`,`primary`),a.textContent=`🎉`,a.className=`text-2xl icon-bounce`,o.textContent=`Back online`,t.classList.remove(`exiting`),t.classList.add(`visible`),(0,r.timer)(1500).pipe((0,i.tap)(()=>{t.classList.add(`exiting`),(0,r.timer)(300).pipe((0,i.tap)(()=>t.classList.remove(`visible`,`exiting`)),(0,i.takeUntil)(this.disconnecting)).subscribe()}),(0,i.takeUntil)(this.disconnecting)).subscribe()):(n.setAttribute(`type`,`error`),a.textContent=`🙀`,a.className=`text-2xl icon-pulse`,o.textContent=`You're offline`,t.classList.remove(`exiting`),t.classList.add(`visible`)))}render(){return o.html`
+`]}connectedCallback(){super.connectedCallback();let e=(0,r.merge)((0,r.fromEvent)(window,`online`).pipe((0,i.map)(()=>!0)),(0,r.fromEvent)(window,`offline`).pipe((0,i.map)(()=>!1))).pipe((0,i.distinctUntilChanged)());e.pipe((0,i.tap)(e=>this.updateBanner(e)),(0,i.takeUntil)(this.disconnecting)).subscribe(),e.pipe((0,i.skip)(1),(0,i.tap)(e=>n.t.play(e?`celebrated`:`disappointed`)),(0,i.takeUntil)(this.disconnecting)).subscribe()}updateBanner(e){let t=this.bannerRef.value,n=this.surfaceRef.value,a=this.iconRef.value,o=this.messageRef.value;t&&n&&a&&o&&(e?(n.setAttribute(`type`,`primary`),a.textContent=`🎉`,a.className=`text-2xl icon-bounce`,o.textContent=`Back online`,t.classList.remove(`exiting`),t.classList.add(`visible`),(0,r.timer)(1500).pipe((0,i.tap)(()=>{t.classList.add(`exiting`),(0,r.timer)(300).pipe((0,i.tap)(()=>t.classList.remove(`visible`,`exiting`)),(0,i.takeUntil)(this.disconnecting)).subscribe()}),(0,i.takeUntil)(this.disconnecting)).subscribe()):(n.setAttribute(`type`,`error`),a.textContent=`🙀`,a.className=`text-2xl icon-pulse`,o.textContent=`You're offline`,t.classList.remove(`exiting`),t.classList.add(`visible`)))}render(){return o.html`
 			<div ${(0,s.ref)(this.bannerRef)} class="banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none">
 				<schmancy-surface
 					${(0,s.ref)(this.surfaceRef)}

package/dist/connectivity.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"connectivity.cjs","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`) {\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":"gWAkBO,IAAA,EAAA,cAAyC,EAAA,EAAgB,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qKA+ClE,mBAAA,CACC,MAAM,mBAAA,CAEN,IAAM,GAAA,EAAA,EAAA,QAAA,EAAA,EAAA,WACK,OAAQ,SAAA,CAAU,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,EAAM,EAAA,EAAA,WACvC,OAAQ,UAAA,CAAW,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,CAAA,CAC3C,MAAA,EAAA,EAAA,uBAAA,CAAA,CAGF,EAAc,MAAA,EAAA,EAAA,KACT,GAAU,KAAK,aAAa,EAAA,CAAA,EAAQ,EAAA,EAAA,WAC9B,KAAK,cAAA,CAAA,CACd,WAAA,CAGF,EAAc,MAAA,EAAA,EAAA,MACR,EAAA,EAAE,EAAA,EAAA,KACH,GAAU,EAAA,EAAQ,KAAK,EAAS,aAAe,eAAA,CAAA,EAAgB,EAAA,EAAA,WACzD,KAAK,cAAA,CAAA,CACd,WAAA,CAGH,aAAqB,EAAA,CACpB,IAAM,EAAS,KAAK,UAAU,MACxB,EAAU,KAAK,WAAW,MAC1B,EAAO,KAAK,QAAQ,MACpB,EAAU,KAAK,WAAW,MAE3B,GAAW,GAAY,GAAS,IAEhC,GAUJ,EAAQ,aAAa,OAAQ,UAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,uBACjB,EAAQ,YAAc,cACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAA,EAAA,OAAM,KAAA,CAAM,MAAA,EAAA,EAAA,SAAA,CAEV,EAAO,UAAU,IAAI,UAAA,EACrB,EAAA,EAAA,OAAM,IAAA,CAAK,MAAA,EAAA,EAAA,SACA,EAAO,UAAU,OAAO,UAAW,UAAA,CAAA,EAAW,EAAA,EAAA,WAC9C,KAAK,cAAA,CAAA,CACd,WAAA,EAAA,EACD,EAAA,EAAA,WACQ,KAAK,cAAA,CAAA,CACd,WAAA,GAzBF,EAAQ,aAAa,OAAQ,QAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,sBACjB,EAAQ,YAAc,iBACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,GAwBvB,QAAA,CACC,MAAO,GAAA,IAAI;oBACC,KAAK,UAAA,CAAA;;iBAER,KAAK,WAAA,CAAA;;;;;;;wBAOE,KAAK,QAAA,CAAA;;yBAEJ,KAAK,WAAA,CAAA;;;;;iCA1HT,+BAAA,CAAA,CAA+B,EAAA,CAAA,OAAA,eAAA,QAAA,6BAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
+{"version":3,"file":"connectivity.cjs","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`];\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":"wVAkBO,IAAA,EAAA,cAAyC,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,WAAA,EAAA,EAAA,YAAA,CAAA,KAAA,YAAA,EAAA,EAAA,YAAA,CAAA,KAAA,SAAA,EAAA,EAAA,YAAA,CAAA,KAAA,YAAA,EAAA,EAAA,YAAA,CAAA,OAAA,KAAA,OAC/B,CAAC,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CpB,mBAAA,CACC,MAAM,mBAAA,CAEN,IAAM,GAAA,EAAA,EAAA,QAAA,EAAA,EAAA,WACK,OAAQ,SAAA,CAAU,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,EAAM,EAAA,EAAA,WACvC,OAAQ,UAAA,CAAW,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,CAAA,CAC3C,MAAA,EAAA,EAAA,uBAAA,CAAA,CAGF,EAAc,MAAA,EAAA,EAAA,KACT,GAAU,KAAK,aAAa,EAAA,CAAA,EAAQ,EAAA,EAAA,WAC9B,KAAK,cAAA,CAAA,CACd,WAAA,CAGF,EAAc,MAAA,EAAA,EAAA,MACR,EAAA,EAAE,EAAA,EAAA,KACH,GAAU,EAAA,EAAQ,KAAK,EAAS,aAAe,eAAA,CAAA,EAAgB,EAAA,EAAA,WACzD,KAAK,cAAA,CAAA,CACd,WAAA,CAGH,aAAqB,EAAA,CACpB,IAAM,EAAS,KAAK,UAAU,MACxB,EAAU,KAAK,WAAW,MAC1B,EAAO,KAAK,QAAQ,MACpB,EAAU,KAAK,WAAW,MAE3B,GAAW,GAAY,GAAS,IAEhC,GAUJ,EAAQ,aAAa,OAAQ,UAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,uBACjB,EAAQ,YAAc,cACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAA,EAAA,OAAM,KAAA,CAAM,MAAA,EAAA,EAAA,SAAA,CAEV,EAAO,UAAU,IAAI,UAAA,EACrB,EAAA,EAAA,OAAM,IAAA,CAAK,MAAA,EAAA,EAAA,SACA,EAAO,UAAU,OAAO,UAAW,UAAA,CAAA,EAAW,EAAA,EAAA,WAC9C,KAAK,cAAA,CAAA,CACd,WAAA,EAAA,EACD,EAAA,EAAA,WACQ,KAAK,cAAA,CAAA,CACd,WAAA,GAzBF,EAAQ,aAAa,OAAQ,QAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,sBACjB,EAAQ,YAAc,iBACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,GAwBvB,QAAA,CACC,MAAO,GAAA,IAAI;oBACC,KAAK,UAAA,CAAA;;iBAER,KAAK,WAAA,CAAA;;;;;;;wBAOE,KAAK,QAAA,CAAA;;yBAEJ,KAAK,WAAA,CAAA;;;;;iCA3HT,+BAAA,CAAA,CAA+B,EAAA,CAAA,OAAA,eAAA,QAAA,6BAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/connectivity.js

@@ -1,12 +1,17 @@
-import { t as e } from "./tailwind.mixin-mdQR3BEO.js";
-import { t } from "./decorate-D_utPUsC.js";
-import { t as n } from "./audio-ql6nvY0y.js";
+import { s as e } from "./mixins-CcIWET41.js";
+import { t } from "./decorate-23nYs4Le.js";
+import { t as n } from "./audio-DcXphulJ.js";
 import { fromEvent as r, merge as i, timer as a } from "rxjs";
 import { distinctUntilChanged as o, map as s, skip as c, takeUntil as l, tap as u } from "rxjs/operators";
 import { customElement as d } from "lit/decorators.js";
 import { css as f, html as p } from "lit";
 import { createRef as m, ref as h } from "lit/directives/ref.js";
-var g = class extends e(f`
+var g = class extends e {
+	constructor(...e) {
+		super(...e), this.bannerRef = m(), this.surfaceRef = m(), this.iconRef = m(), this.messageRef = m();
+	}
+	static {
+		this.styles = [f`
 	:host {
 		display: block;
 	}
@@ -47,9 +52,7 @@ var g = class extends e(f`
 	.icon-bounce {
 		animation: icon-bounce 600ms ease-out;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.bannerRef = m(), this.surfaceRef = m(), this.iconRef = m(), this.messageRef = m();
+`];
 	}
 	connectedCallback() {
 		super.connectedCallback();

package/dist/connectivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"connectivity.js","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`) {\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":";;;;;;;;AAkBO,IAAA,IAAA,cAAyC,EAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA0C9C,GAAA,EAAA,KAAA,aACC,GAAA,EAAA,KAAA,UACH,GAAA,EAAA,KAAA,aACG,GAAA;;CAErB,oBAAA;AACC,QAAM,mBAAA;EAEN,IAAM,IAAgB,EACrB,EAAU,QAAQ,SAAA,CAAU,KAAK,QAAA,CAAU,EAAA,CAAA,EAC3C,EAAU,QAAQ,UAAA,CAAW,KAAK,QAAA,CAAU,EAAA,CAAA,CAAA,CAC3C,KAAK,GAAA,CAAA;AAGP,IAAc,KACb,GAAI,MAAU,KAAK,aAAa,EAAA,CAAA,EAChC,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,EAGF,EAAc,KACb,EAAK,EAAA,EACL,GAAI,MAAU,EAAQ,KAAK,IAAS,eAAe,eAAA,CAAA,EACnD,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;;CAGH,aAAqB,GAAA;EACpB,IAAM,IAAS,KAAK,UAAU,OACxB,IAAU,KAAK,WAAW,OAC1B,IAAO,KAAK,QAAQ,OACpB,IAAU,KAAK,WAAW;AAE3B,OAAW,KAAY,KAAS,MAEhC,KAUJ,EAAQ,aAAa,QAAQ,UAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,wBACjB,EAAQ,cAAc,eACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAM,KAAA,CAAM,KACX,QAAA;AACC,KAAO,UAAU,IAAI,UAAA,EACrB,EAAM,IAAA,CAAK,KACV,QAAU,EAAO,UAAU,OAAO,WAAW,UAAA,CAAA,EAC7C,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;IAAA,EAEH,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,KAzBF,EAAQ,aAAa,QAAQ,QAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,uBACjB,EAAQ,cAAc,kBACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA;;CAwBvB,SAAA;AACC,SAAO,CAAI;UACH,EAAI,KAAK,UAAA,CAAA;;OAEZ,EAAI,KAAK,WAAA,CAAA;;;;;;;cAOF,EAAI,KAAK,QAAA,CAAA;;eAER,EAAI,KAAK,WAAA,CAAA;;;;;;;;OA1HvB,EAAc,+BAAA,CAAA,EAA+B,EAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"connectivity.js","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`];\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":";;;;;;;;AAkBO,IAAA,IAAA,cAAyC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,YA2C3B,GAAA,EAAA,KAAA,aACC,GAAA,EAAA,KAAA,UACH,GAAA,EAAA,KAAA,aACG,GAAA;;CAAA;AAAA,OAAA,SA7CL,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CpB,oBAAA;AACC,QAAM,mBAAA;EAEN,IAAM,IAAgB,EACrB,EAAU,QAAQ,SAAA,CAAU,KAAK,QAAA,CAAU,EAAA,CAAA,EAC3C,EAAU,QAAQ,UAAA,CAAW,KAAK,QAAA,CAAU,EAAA,CAAA,CAAA,CAC3C,KAAK,GAAA,CAAA;AAGP,IAAc,KACb,GAAI,MAAU,KAAK,aAAa,EAAA,CAAA,EAChC,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,EAGF,EAAc,KACb,EAAK,EAAA,EACL,GAAI,MAAU,EAAQ,KAAK,IAAS,eAAe,eAAA,CAAA,EACnD,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;;CAGH,aAAqB,GAAA;EACpB,IAAM,IAAS,KAAK,UAAU,OACxB,IAAU,KAAK,WAAW,OAC1B,IAAO,KAAK,QAAQ,OACpB,IAAU,KAAK,WAAW;AAE3B,OAAW,KAAY,KAAS,MAEhC,KAUJ,EAAQ,aAAa,QAAQ,UAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,wBACjB,EAAQ,cAAc,eACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAM,KAAA,CAAM,KACX,QAAA;AACC,KAAO,UAAU,IAAI,UAAA,EACrB,EAAM,IAAA,CAAK,KACV,QAAU,EAAO,UAAU,OAAO,WAAW,UAAA,CAAA,EAC7C,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;IAAA,EAEH,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,KAzBF,EAAQ,aAAa,QAAQ,QAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,uBACjB,EAAQ,cAAc,kBACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA;;CAwBvB,SAAA;AACC,SAAO,CAAI;UACH,EAAI,KAAK,UAAA,CAAA;;OAEZ,EAAI,KAAK,WAAA,CAAA;;;;;;;cAOF,EAAI,KAAK,QAAA,CAAA;;eAER,EAAI,KAAK,WAAA,CAAA;;;;;;;;OA3HvB,EAAc,+BAAA,CAAA,EAA+B,EAAA;AAAA,SAAA,KAAA"}

package/dist/content-drawer.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-C_JjQovE.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e.v}}),exports.SchmancyContentDrawerID=e.y,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerMaxHeight=e.b,exports.SchmancyContentDrawerMinWidth=e.x,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerSheetMode=e.S,exports.SchmancyContentDrawerSheetState=e.C,exports.schmancyContentDrawer=e.w;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-CpRNClhg.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerID=e.v,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerMaxHeight=e.y,exports.SchmancyContentDrawerMinWidth=e.b,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.h}}),exports.SchmancyContentDrawerSheetMode=e.x,exports.SchmancyContentDrawerSheetState=e.S,exports.schmancyContentDrawer=e.C;

package/dist/content-drawer.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, _ as n, b as r, g as i, v as a, w as o, x as s, y as c } from "./src-00DfxCJq.js";
-export { a as SchmancyContentDrawer, c as SchmancyContentDrawerID, n as SchmancyContentDrawerMain, r as SchmancyContentDrawerMaxHeight, s as SchmancyContentDrawerMinWidth, i as SchmancyContentDrawerSheet, t as SchmancyContentDrawerSheetMode, e as SchmancyContentDrawerSheetState, o as schmancyContentDrawer };
+import { C as e, S as t, _ as n, b as r, g as i, h as a, v as o, x as s, y as c } from "./src-CqdnWGgr.js";
+export { n as SchmancyContentDrawer, o as SchmancyContentDrawerID, i as SchmancyContentDrawerMain, c as SchmancyContentDrawerMaxHeight, r as SchmancyContentDrawerMinWidth, a as SchmancyContentDrawerSheet, s as SchmancyContentDrawerSheetMode, t as SchmancyContentDrawerSheetState, e as schmancyContentDrawer };

package/dist/context-Bdu1xt0W.js

@@ -0,0 +1,3 @@
+import { createContext as e } from "@lit/context";
+var t = e("schmancy-button-size");
+export { t };

package/dist/{context-BerzpUhI.js.map → context-Bdu1xt0W.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-BerzpUhI.js","names":[],"sources":["../src/button/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type SchmancyButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Provided by `<schmancy-button>` to its descendants so children\n * (e.g. `<schmancy-icon>`) can auto-size against the enclosing button.\n */\nexport const SchmancyButtonSizeContext = createContext<SchmancyButtonSize>('schmancy-button-size')\n"],"mappings":";AAQA,IAAa,IAA4B,EAAkC,uBAAA;AAAA,SAAA"}
+{"version":3,"file":"context-Bdu1xt0W.js","names":[],"sources":["../src/button/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type SchmancyButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Provided by `<schmancy-button>` to its descendants so children\n * (e.g. `<schmancy-icon>`) can auto-size against the enclosing button.\n */\nexport const SchmancyButtonSizeContext = createContext<SchmancyButtonSize>('schmancy-button-size')\n"],"mappings":";AAQA,IAAa,IAA4B,EAAkC,uBAAA;AAAA,SAAA"}

package/dist/context-daN5G6HS.cjs

@@ -0,0 +1 @@
+require(`./chunk-CncqDLb2.cjs`);var e=(0,require(`@lit/context`).createContext)(`schmancy-button-size`);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/{context-C6dHUHhi.cjs.map → context-daN5G6HS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"context-C6dHUHhi.cjs","names":[],"sources":["../src/button/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type SchmancyButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Provided by `<schmancy-button>` to its descendants so children\n * (e.g. `<schmancy-icon>`) can auto-size against the enclosing button.\n */\nexport const SchmancyButtonSizeContext = createContext<SchmancyButtonSize>('schmancy-button-size')\n"],"mappings":"AAQA,IAAa,EAAA,QAAA,gCAAA,CAA4B,EAAkC,uBAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
+{"version":3,"file":"context-daN5G6HS.cjs","names":[],"sources":["../src/button/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type SchmancyButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Provided by `<schmancy-button>` to its descendants so children\n * (e.g. `<schmancy-icon>`) can auto-size against the enclosing button.\n */\nexport const SchmancyButtonSizeContext = createContext<SchmancyButtonSize>('schmancy-button-size')\n"],"mappings":"gCAQA,IAAa,GAAA,EAAA,QAAA,eAAA,CAAA,eAA8D,uBAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/{cursor-glow-BydlDInj.js → cursor-glow-Ah7VXSj7.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./reduced-motion-BZTLqAyl.js";
+import { t as e } from "./reduced-motion-D-L12p7G.js";
 import { Subject as t, animationFrameScheduler as n, fromEvent as r, merge as i } from "rxjs";
 import { auditTime as a, map as o, takeUntil as s } from "rxjs/operators";
 import { AsyncDirective as c } from "lit/async-directive.js";

package/dist/{cursor-glow-BydlDInj.js.map → cursor-glow-Ah7VXSj7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"cursor-glow-BydlDInj.js","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":";;;;;AAwBA,IAqHa,IAAa,EArH1B,cAAkC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,YAGJ,IAAI,GAAA,EAAA,KAAA,SAChB,KAAA,KAAA,QACD,6CAAA,KAAA,YACI,KAAA,KAAA,iBAAA,CAEK;;CAGzB,OAAO,GAAA;CAIP,OAAgB,GAAA,CAAoB,IAAA;AACnC,MAAI,EAAK,SAAS,EAAS,QAC1B,OAAU,MAAM,kDAAA;EAGjB,IAAM,IAAM,KAAK,UAAU,KAAW,EAAA,CAAA;AAClC,OAAK,WAAW,MAAQ,KAAK,YACjC,KAAK,UAAU,GAEf,KAAK,UAAU,EAAK,SACpB,KAAK,SAAS,GAAS,UAAU,KACjC,KAAK,QAAQ,GAAS,SAAS,6CAC/B,KAAK,YAAY,GAAS,aAAa,KAEnC,EAAe,UAEnB,KAAK,UAAU,MAAA,EACf,KAAK,mBAAA,EACL,KAAK,eAAA;;CAKN,cAAA;AACC,OAAK,mBAAA,EACL,KAAK,UAAU,MAAA,EACf,KAAK,eAAA;;CAGN,oBAAA;AAEa,EADA,iBAAiB,KAAK,QAAA,CAAS,aAC/B,aACX,KAAK,QAAQ,MAAM,WAAW,YAC9B,KAAK,iBAAA,CAAiB,IAGlB,KAAK,WACT,KAAK,SAAS,SAAS,cAAc,MAAA,EACrC,KAAK,OAAO,aAAa,eAAe,OAAA,EACxC,OAAO,OAAO,KAAK,OAAO,OAAO;GAChC,UAAU;GACV,OAAO;GACP,eAAe;GACf,QAAQ;GACR,cAAc;GACd,UAAU;GACV,SAAS;GACT,YAAY;GAAA,CAAA,EAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA;;CAI5B,gBAAA;AAyBC,IAxBe,EAAsB,KAAK,SAAS,aAAA,CAAc,KAChE,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAa,KAAK,QAAQ,uBAAA,EACxB,MAAA,CAAA,EAIK,EAAsB,KAAK,SAAS,YAAA,CAAa,KAC9D,EAAU,GAAG,EAAA,EACb,GAAI,MAAA;GACH,IAAM,IAAO,KAAK,cAAc,KAAK,QAAQ,uBAAA;AAC7C,UAAO;IAAE,GAAG,EAAE,UAAU,EAAK;IAAM,GAAG,EAAE,UAAU,EAAK;IAAA;IAAA,CAAA,EAI1C,EAAU,KAAK,SAAS,aAAA,CAAc,KACpD,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAA,KAAa,GACX,MAAA,CAAA,CAAA,CAKP,KAAK,EAAU,KAAK,UAAA,CAAA,CACpB,WAAU,MAAA;AACN,QAAO,KAAK,WACf,KAAK,OAAO,MAAM,aAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,MAAjB,KAAK,UAAA,CAAA;IAAA;;CAOxD,eAAA;AACC,OAAK,UAAU,MAAA,EACf,KAAK,QAAQ,QAAA,EACb,KAAK,SAAA,KAAS,GACV,KAAK,kBAAkB,KAAK,YAC/B,KAAK,QAAQ,MAAM,WAAW,IAC9B,KAAK,iBAAA,CAAiB;;EAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"cursor-glow-Ah7VXSj7.js","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":";;;;;AAwBA,IAqHa,IAAa,EArH1B,cAAkC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,YAGJ,IAAI,GAAA,EAAA,KAAA,SAChB,KAAA,KAAA,QACD,6CAAA,KAAA,YACI,KAAA,KAAA,iBAAA,CAEK;;CAGzB,OAAO,GAAA;CAIP,OAAgB,GAAA,CAAoB,IAAA;AACnC,MAAI,EAAK,SAAS,EAAS,QAC1B,OAAU,MAAM,kDAAA;EAGjB,IAAM,IAAM,KAAK,UAAU,KAAW,EAAA,CAAA;AAClC,OAAK,WAAW,MAAQ,KAAK,YACjC,KAAK,UAAU,GAEf,KAAK,UAAU,EAAK,SACpB,KAAK,SAAS,GAAS,UAAU,KACjC,KAAK,QAAQ,GAAS,SAAS,6CAC/B,KAAK,YAAY,GAAS,aAAa,KAEnC,EAAe,UAEnB,KAAK,UAAU,MAAA,EACf,KAAK,mBAAA,EACL,KAAK,eAAA;;CAKN,cAAA;AACC,OAAK,mBAAA,EACL,KAAK,UAAU,MAAA,EACf,KAAK,eAAA;;CAGN,oBAAA;AAEa,EADA,iBAAiB,KAAK,QAAA,CAAS,aAC/B,aACX,KAAK,QAAQ,MAAM,WAAW,YAC9B,KAAK,iBAAA,CAAiB,IAGlB,KAAK,WACT,KAAK,SAAS,SAAS,cAAc,MAAA,EACrC,KAAK,OAAO,aAAa,eAAe,OAAA,EACxC,OAAO,OAAO,KAAK,OAAO,OAAO;GAChC,UAAU;GACV,OAAO;GACP,eAAe;GACf,QAAQ;GACR,cAAc;GACd,UAAU;GACV,SAAS;GACT,YAAY;GAAA,CAAA,EAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA;;CAI5B,gBAAA;AAyBC,IAxBe,EAAsB,KAAK,SAAS,aAAA,CAAc,KAChE,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAa,KAAK,QAAQ,uBAAA,EACxB,MAAA,CAAA,EAIK,EAAsB,KAAK,SAAS,YAAA,CAAa,KAC9D,EAAU,GAAG,EAAA,EACb,GAAI,MAAA;GACH,IAAM,IAAO,KAAK,cAAc,KAAK,QAAQ,uBAAA;AAC7C,UAAO;IAAE,GAAG,EAAE,UAAU,EAAK;IAAM,GAAG,EAAE,UAAU,EAAK;IAAA;IAAA,CAAA,EAI1C,EAAU,KAAK,SAAS,aAAA,CAAc,KACpD,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAA,KAAa,GACX,MAAA,CAAA,CAAA,CAKP,KAAK,EAAU,KAAK,UAAA,CAAA,CACpB,WAAU,MAAA;AACN,QAAO,KAAK,WACf,KAAK,OAAO,MAAM,aAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,MAAjB,KAAK,UAAA,CAAA;IAAA;;CAOxD,eAAA;AACC,OAAK,UAAU,MAAA,EACf,KAAK,QAAQ,QAAA,EACb,KAAK,SAAA,KAAS,GACV,KAAK,kBAAkB,KAAK,YAC/B,KAAK,QAAQ,MAAM,WAAW,IAC9B,KAAK,iBAAA,CAAiB;;EAAA;AAAA,SAAA,KAAA"}

package/dist/{cursor-glow-Duw9jHmh.cjs → cursor-glow-Bulq-38P.cjs}

@@ -1 +1 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./reduced-motion-9RjNnhIg.cjs`);let t=require(`rxjs`),n=require(`rxjs/operators`),r=require(`lit/async-directive.js`),i=require(`lit/directive.js`);var a=class extends r.AsyncDirective{constructor(...e){super(...e),this.teardown$=new t.Subject,this.radius=200,this.color=`var(--schmancy-sys-color-primary-default)`,this.intensity=.12,this.didSetPosition=!1}render(e){}update(t,[n]){if(t.type!==i.PartType.ELEMENT)throw Error(`cursorGlow directive must be used on an element`);let r=JSON.stringify(n??{});this.element&&r===this.prevKey||(this.prevKey=r,this.element=t.element,this.radius=n?.radius??200,this.color=n?.color??`var(--schmancy-sys-color-primary-default)`,this.intensity=n?.intensity??.12,e.t.value||(this.teardown$.next(),this.ensureGlowElement(),this.setupTracking()))}reconnected(){this.ensureGlowElement(),this.teardown$.next(),this.setupTracking()}ensureGlowElement(){getComputedStyle(this.element).position===`static`&&(this.element.style.position=`relative`,this.didSetPosition=!0),this.glowEl||(this.glowEl=document.createElement(`div`),this.glowEl.setAttribute(`aria-hidden`,`true`),Object.assign(this.glowEl.style,{position:`absolute`,inset:`0`,pointerEvents:`none`,zIndex:`0`,borderRadius:`inherit`,overflow:`hidden`,opacity:`0`,transition:`opacity 400ms ease`}),this.element.prepend(this.glowEl))}setupTracking(){(0,t.merge)((0,t.fromEvent)(this.element,`mouseenter`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`1`),this.cachedRect=this.element.getBoundingClientRect(),null))),(0,t.fromEvent)(this.element,`mousemove`).pipe((0,n.auditTime)(0,t.animationFrameScheduler),(0,n.map)(e=>{let t=this.cachedRect??this.element.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}})),(0,t.fromEvent)(this.element,`mouseleave`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`0`),this.cachedRect=void 0,null)))).pipe((0,n.takeUntil)(this.teardown$)).subscribe(e=>{e&&this.glowEl&&(this.glowEl.style.background=`radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${e.x}px ${e.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(100*this.intensity)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`)})}disconnected(){this.teardown$.next(),this.glowEl?.remove(),this.glowEl=void 0,this.didSetPosition&&this.element&&(this.element.style.position=``,this.didSetPosition=!1)}},o=(0,i.directive)(a);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./reduced-motion-Ds-HjMzn.cjs`);let t=require(`rxjs`),n=require(`rxjs/operators`),r=require(`lit/async-directive.js`),i=require(`lit/directive.js`);var a=class extends r.AsyncDirective{constructor(...e){super(...e),this.teardown$=new t.Subject,this.radius=200,this.color=`var(--schmancy-sys-color-primary-default)`,this.intensity=.12,this.didSetPosition=!1}render(e){}update(t,[n]){if(t.type!==i.PartType.ELEMENT)throw Error(`cursorGlow directive must be used on an element`);let r=JSON.stringify(n??{});this.element&&r===this.prevKey||(this.prevKey=r,this.element=t.element,this.radius=n?.radius??200,this.color=n?.color??`var(--schmancy-sys-color-primary-default)`,this.intensity=n?.intensity??.12,e.t.value||(this.teardown$.next(),this.ensureGlowElement(),this.setupTracking()))}reconnected(){this.ensureGlowElement(),this.teardown$.next(),this.setupTracking()}ensureGlowElement(){getComputedStyle(this.element).position===`static`&&(this.element.style.position=`relative`,this.didSetPosition=!0),this.glowEl||(this.glowEl=document.createElement(`div`),this.glowEl.setAttribute(`aria-hidden`,`true`),Object.assign(this.glowEl.style,{position:`absolute`,inset:`0`,pointerEvents:`none`,zIndex:`0`,borderRadius:`inherit`,overflow:`hidden`,opacity:`0`,transition:`opacity 400ms ease`}),this.element.prepend(this.glowEl))}setupTracking(){(0,t.merge)((0,t.fromEvent)(this.element,`mouseenter`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`1`),this.cachedRect=this.element.getBoundingClientRect(),null))),(0,t.fromEvent)(this.element,`mousemove`).pipe((0,n.auditTime)(0,t.animationFrameScheduler),(0,n.map)(e=>{let t=this.cachedRect??this.element.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}})),(0,t.fromEvent)(this.element,`mouseleave`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`0`),this.cachedRect=void 0,null)))).pipe((0,n.takeUntil)(this.teardown$)).subscribe(e=>{e&&this.glowEl&&(this.glowEl.style.background=`radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${e.x}px ${e.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(100*this.intensity)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`)})}disconnected(){this.teardown$.next(),this.glowEl?.remove(),this.glowEl=void 0,this.didSetPosition&&this.element&&(this.element.style.position=``,this.didSetPosition=!1)}},o=(0,i.directive)(a);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/{cursor-glow-Duw9jHmh.cjs.map → cursor-glow-Bulq-38P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"cursor-glow-Duw9jHmh.cjs","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":"qMAwBA,IAAM,EAAN,cAAkC,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,UAGJ,IAAI,EAAA,QAAA,KAAA,OAChB,IAAA,KAAA,MACD,4CAAA,KAAA,UACI,IAAA,KAAA,eAAA,CAEK,EAGzB,OAAO,EAAA,EAIP,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,kDAAA,CAGjB,IAAM,EAAM,KAAK,UAAU,GAAW,EAAA,CAAA,CAClC,KAAK,SAAW,IAAQ,KAAK,UACjC,KAAK,QAAU,EAEf,KAAK,QAAU,EAAK,QACpB,KAAK,OAAS,GAAS,QAAU,IACjC,KAAK,MAAQ,GAAS,OAAS,4CAC/B,KAAK,UAAY,GAAS,WAAa,IAEnC,EAAA,EAAe,QAEnB,KAAK,UAAU,MAAA,CACf,KAAK,mBAAA,CACL,KAAK,eAAA,GAKN,aAAA,CACC,KAAK,mBAAA,CACL,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,CAGN,mBAAA,CACa,iBAAiB,KAAK,QAAA,CAAS,WAC/B,WACX,KAAK,QAAQ,MAAM,SAAW,WAC9B,KAAK,eAAA,CAAiB,GAGlB,KAAK,SACT,KAAK,OAAS,SAAS,cAAc,MAAA,CACrC,KAAK,OAAO,aAAa,cAAe,OAAA,CACxC,OAAO,OAAO,KAAK,OAAO,MAAO,CAChC,SAAU,WACV,MAAO,IACP,cAAe,OACf,OAAQ,IACR,aAAc,UACd,SAAU,SACV,QAAS,IACT,WAAY,qBAAA,CAAA,CAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA,EAI5B,eAAA,EAyBC,EAAA,EAAA,QAAA,EAAA,EAAA,WAxBqC,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE3D,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAa,KAAK,QAAQ,uBAAA,CACxB,MAAA,CAAA,EAoBH,EAAA,EAAA,WAhB8B,KAAK,QAAS,YAAA,CAAa,MAAA,EAAA,EAAA,WACpD,EAAG,EAAA,wBAAA,EAAwB,EAAA,EAAA,KACjC,GAAA,CACH,IAAM,EAAO,KAAK,YAAc,KAAK,QAAQ,uBAAA,CAC7C,MAAO,CAAE,EAAG,EAAE,QAAU,EAAK,KAAM,EAAG,EAAE,QAAU,EAAK,IAAA,EAAA,CAAA,EAY3C,EAAA,EAAA,WARW,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE/C,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAA,IAAa,GACX,MAAA,CAAA,CAAA,CAKP,MAAA,EAAA,EAAA,WAAe,KAAK,UAAA,CAAA,CACpB,UAAU,GAAA,CACN,GAAO,KAAK,SACf,KAAK,OAAO,MAAM,WAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,IAAjB,KAAK,UAAA,CAAA,0DAAA,CAOxD,cAAA,CACC,KAAK,UAAU,MAAA,CACf,KAAK,QAAQ,QAAA,CACb,KAAK,OAAA,IAAS,GACV,KAAK,gBAAkB,KAAK,UAC/B,KAAK,QAAQ,MAAM,SAAW,GAC9B,KAAK,eAAA,CAAiB,KAKZ,GAAA,EAAA,EAAA,WAAuB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
+{"version":3,"file":"cursor-glow-Bulq-38P.cjs","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":"qMAwBA,IAAM,EAAN,cAAkC,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,UAGJ,IAAI,EAAA,QAAA,KAAA,OAChB,IAAA,KAAA,MACD,4CAAA,KAAA,UACI,IAAA,KAAA,eAAA,CAEK,EAGzB,OAAO,EAAA,EAIP,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,kDAAA,CAGjB,IAAM,EAAM,KAAK,UAAU,GAAW,EAAA,CAAA,CAClC,KAAK,SAAW,IAAQ,KAAK,UACjC,KAAK,QAAU,EAEf,KAAK,QAAU,EAAK,QACpB,KAAK,OAAS,GAAS,QAAU,IACjC,KAAK,MAAQ,GAAS,OAAS,4CAC/B,KAAK,UAAY,GAAS,WAAa,IAEnC,EAAA,EAAe,QAEnB,KAAK,UAAU,MAAA,CACf,KAAK,mBAAA,CACL,KAAK,eAAA,GAKN,aAAA,CACC,KAAK,mBAAA,CACL,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,CAGN,mBAAA,CACa,iBAAiB,KAAK,QAAA,CAAS,WAC/B,WACX,KAAK,QAAQ,MAAM,SAAW,WAC9B,KAAK,eAAA,CAAiB,GAGlB,KAAK,SACT,KAAK,OAAS,SAAS,cAAc,MAAA,CACrC,KAAK,OAAO,aAAa,cAAe,OAAA,CACxC,OAAO,OAAO,KAAK,OAAO,MAAO,CAChC,SAAU,WACV,MAAO,IACP,cAAe,OACf,OAAQ,IACR,aAAc,UACd,SAAU,SACV,QAAS,IACT,WAAY,qBAAA,CAAA,CAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA,EAI5B,eAAA,EAyBC,EAAA,EAAA,QAAA,EAAA,EAAA,WAxBqC,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE3D,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAa,KAAK,QAAQ,uBAAA,CACxB,MAAA,CAAA,EAoBH,EAAA,EAAA,WAhB8B,KAAK,QAAS,YAAA,CAAa,MAAA,EAAA,EAAA,WACpD,EAAG,EAAA,wBAAA,EAAwB,EAAA,EAAA,KACjC,GAAA,CACH,IAAM,EAAO,KAAK,YAAc,KAAK,QAAQ,uBAAA,CAC7C,MAAO,CAAE,EAAG,EAAE,QAAU,EAAK,KAAM,EAAG,EAAE,QAAU,EAAK,IAAA,EAAA,CAAA,EAY3C,EAAA,EAAA,WARW,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE/C,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAA,IAAa,GACX,MAAA,CAAA,CAAA,CAKP,MAAA,EAAA,EAAA,WAAe,KAAK,UAAA,CAAA,CACpB,UAAU,GAAA,CACN,GAAO,KAAK,SACf,KAAK,OAAO,MAAM,WAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,IAAjB,KAAK,UAAA,CAAA,0DAAA,CAOxD,cAAA,CACC,KAAK,UAAU,MAAA,CACf,KAAK,QAAQ,QAAA,CACb,KAAK,OAAA,IAAS,GACV,KAAK,gBAAkB,KAAK,UAC/B,KAAK,QAAQ,MAAM,SAAW,GAC9B,KAAK,eAAA,CAAiB,KAKZ,GAAA,EAAA,EAAA,WAAuB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/date-range-BIyrzTRZ.cjs

@@ -0,0 +1,131 @@
+const e=require(`./chunk-CncqDLb2.cjs`),t=require(`./mixins-De3xfjrm.cjs`),n=require(`./decorate-DpFmy0nm.cjs`),r=require(`./dialog-service-DJd5L0f5.cjs`),i=require(`./sheet.service-B25bsrYG.cjs`);let a=require(`rxjs`),o=require(`lit/decorators.js`),s=require(`lit`),c=require(`lit/directives/if-defined.js`),l=require(`lit/directives/repeat.js`);var u=e.t((e,t)=>{var n=e,r=function(){"use strict";var e=6e4,t=36e5,n=`millisecond`,r=`second`,i=`minute`,a=`hour`,o=`day`,s=`week`,c=`month`,l=`quarter`,u=`year`,d=`date`,f=`Invalid Date`,p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,m=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:`en`,weekdays:`Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday`.split(`_`),months:`January_February_March_April_May_June_July_August_September_October_November_December`.split(`_`),ordinal:function(e){var t=[`th`,`st`,`nd`,`rd`],n=e%100;return`[`+e+(t[(n-20)%10]||t[n]||t[0])+`]`}},g=function(e,t,n){var r=String(e);return!r||r.length>=t?e:``+Array(t+1-r.length).join(n)+e},_={s:g,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),i=n%60;return(t<=0?`+`:`-`)+g(r,2,`0`)+`:`+g(i,2,`0`)},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),i=t.clone().add(r,c),a=n-i<0,o=t.clone().add(r+(a?-1:1),c);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:c,y:u,w:s,d:o,D:d,h:a,m:i,s:r,ms:n,Q:l}[e]||String(e||``).toLowerCase().replace(/s$/,``)},u:function(e){return e===void 0}},v=`en`,y={};y[v]=h;var b=`$isDayjsObject`,x=function(e){return e instanceof T||!(!e||!e[b])},S=function e(t,n,r){var i;if(!t)return v;if(typeof t==`string`){var a=t.toLowerCase();y[a]&&(i=a),n&&(y[a]=n,i=a);var o=t.split(`-`);if(!i&&o.length>1)return e(o[0])}else{var s=t.name;y[s]=t,i=s}return!r&&i&&(v=i),i||!r&&v},C=function(e,t){if(x(e))return e.clone();var n=typeof t==`object`?t:{};return n.date=e,n.args=arguments,new T(n)},w=_;w.l=S,w.i=x,w.w=function(e,t){return C(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var T=function(){function h(e){this.$L=S(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[b]=!0}var g=h.prototype;return g.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(t===null)return new Date(NaN);if(w.u(t))return new Date;if(t instanceof Date)return new Date(t);if(typeof t==`string`&&!/Z$/i.test(t)){var r=t.match(p);if(r){var i=r[2]-1||0,a=(r[7]||`0`).substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(e),this.init()},g.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},g.$utils=function(){return w},g.isValid=function(){return this.$d.toString()!==f},g.isSame=function(e,t){var n=C(e);return this.startOf(t)<=n&&n<=this.endOf(t)},g.isAfter=function(e,t){return C(e)<this.startOf(t)},g.isBefore=function(e,t){return this.endOf(t)<C(e)},g.$g=function(e,t,n){return w.u(e)?this[t]:this.set(n,e)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(e,t){var n=this,l=!!w.u(t)||t,f=w.p(e),p=function(e,t){var r=w.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return l?r:r.endOf(o)},m=function(e,t){return w.w(n.toDate()[e].apply(n.toDate(`s`),(l?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},h=this.$W,g=this.$M,_=this.$D,v=`set`+(this.$u?`UTC`:``);switch(f){case u:return l?p(1,0):p(31,11);case c:return l?p(1,g):p(0,g+1);case s:var y=this.$locale().weekStart||0,b=(h<y?h+7:h)-y;return p(l?_-b:_+(6-b),g);case o:case d:return m(v+`Hours`,0);case a:return m(v+`Minutes`,1);case i:return m(v+`Seconds`,2);case r:return m(v+`Milliseconds`,3);default:return this.clone()}},g.endOf=function(e){return this.startOf(e,!1)},g.$set=function(e,t){var s,l=w.p(e),f=`set`+(this.$u?`UTC`:``),p=(s={},s[o]=f+`Date`,s[d]=f+`Date`,s[c]=f+`Month`,s[u]=f+`FullYear`,s[a]=f+`Hours`,s[i]=f+`Minutes`,s[r]=f+`Seconds`,s[n]=f+`Milliseconds`,s)[l],m=l===o?this.$D+(t-this.$W):t;if(l===c||l===u){var h=this.clone().set(d,1);h.$d[p](m),h.init(),this.$d=h.set(d,Math.min(this.$D,h.daysInMonth())).$d}else p&&this.$d[p](m);return this.init(),this},g.set=function(e,t){return this.clone().$set(e,t)},g.get=function(e){return this[w.p(e)]()},g.add=function(n,l){var d,f=this;n=Number(n);var p=w.p(l),m=function(e){var t=C(f);return w.w(t.date(t.date()+Math.round(e*n)),f)};if(p===c)return this.set(c,this.$M+n);if(p===u)return this.set(u,this.$y+n);if(p===o)return m(1);if(p===s)return m(7);var h=(d={},d[i]=e,d[a]=t,d[r]=1e3,d)[p]||1,g=this.$d.getTime()+n*h;return w.w(g,this)},g.subtract=function(e,t){return this.add(-1*e,t)},g.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var r=e||`YYYY-MM-DDTHH:mm:ssZ`,i=w.z(this),a=this.$H,o=this.$m,s=this.$M,c=n.weekdays,l=n.months,u=n.meridiem,d=function(e,n,i,a){return e&&(e[n]||e(t,r))||i[n].slice(0,a)},p=function(e){return w.s(a%12||12,e,`0`)},h=u||function(e,t,n){var r=e<12?`AM`:`PM`;return n?r.toLowerCase():r};return r.replace(m,function(e,r){return r||function(e){switch(e){case`YY`:return String(t.$y).slice(-2);case`YYYY`:return w.s(t.$y,4,`0`);case`M`:return s+1;case`MM`:return w.s(s+1,2,`0`);case`MMM`:return d(n.monthsShort,s,l,3);case`MMMM`:return d(l,s);case`D`:return t.$D;case`DD`:return w.s(t.$D,2,`0`);case`d`:return String(t.$W);case`dd`:return d(n.weekdaysMin,t.$W,c,2);case`ddd`:return d(n.weekdaysShort,t.$W,c,3);case`dddd`:return c[t.$W];case`H`:return String(a);case`HH`:return w.s(a,2,`0`);case`h`:return p(1);case`hh`:return p(2);case`a`:return h(a,o,!0);case`A`:return h(a,o,!1);case`m`:return String(o);case`mm`:return w.s(o,2,`0`);case`s`:return String(t.$s);case`ss`:return w.s(t.$s,2,`0`);case`SSS`:return w.s(t.$ms,3,`0`);case`Z`:return i}return null}(e)||i.replace(`:`,``)})},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(n,d,f){var p,m=this,h=w.p(d),g=C(n),_=(g.utcOffset()-this.utcOffset())*e,v=this-g,y=function(){return w.m(m,g)};switch(h){case u:p=y()/12;break;case c:p=y();break;case l:p=y()/3;break;case s:p=(v-_)/6048e5;break;case o:p=(v-_)/864e5;break;case a:p=v/t;break;case i:p=v/e;break;case r:p=v/1e3;break;default:p=v}return f?p:w.a(p)},g.daysInMonth=function(){return this.endOf(c).$D},g.$locale=function(){return y[this.$L]},g.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=S(e,t,!0);return r&&(n.$L=r),n},g.clone=function(){return w.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},h}(),E=T.prototype;return C.prototype=E,[[`$ms`,n],[`$s`,r],[`$m`,i],[`$H`,a],[`$W`,o],[`$M`,c],[`$y`,u],[`$D`,d]].forEach(function(e){E[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),C.extend=function(e,t){return e.$i||=(e(t,T,C),!0),C},C.locale=S,C.isDayjs=x,C.unix=function(e){return C(1e3*e)},C.en=y[v],C.Ls=y,C.p={},C};typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs=r()}),d=e.t((e,t)=>{var n=e,r=function(){"use strict";var e=`month`,t=`quarter`;return function(n,r){var i=r.prototype;i.quarter=function(e){return this.$utils().u(e)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(e-1))};var a=i.add;i.add=function(n,r){return n=Number(n),this.$utils().p(r)===t?this.add(3*n,e):a.bind(this)(n,r)};var o=i.startOf;i.startOf=function(n,r){var i=this.$utils(),a=!!i.u(r)||r;if(i.p(n)===t){var s=this.quarter()-1;return a?this.month(3*s).startOf(e).startOf(`day`):this.month(3*s+2).endOf(e).endOf(`day`)}return o.bind(this)(n,r)}}};typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs_plugin_quarterOfYear=r()}),f=e.r(d(),1),p=e.r(u(),1);function m(e,t){return e.map(e=>({label:`Last ${e} Days`,range:{dateFrom:(0,p.default)().subtract(e-1,`days`).startOf(`day`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`day`}))}function h(e,t){return e.map(e=>({label:`Last ${e} Weeks`,range:{dateFrom:(0,p.default)().subtract(e,`weeks`).startOf(`week`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`week`}))}function g(e,t){return e.map(e=>({label:`Last ${e} Months`,range:{dateFrom:(0,p.default)().subtract(e,`months`).startOf(`month`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`month`}))}function _(e,t){return e.map(e=>({label:`Last ${e} Quarters`,range:{dateFrom:(0,p.default)().subtract(e,`quarters`).startOf(`quarter`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`quarter`}))}function v(e,t){if(!e)return null;let n=(0,p.default)(e);return n.isValid()?n.format(t):null}function y(e,t,n){let r=v(e,n),i=v(t,n);return{dateFrom:r,dateTo:i,isValid:r!==null&&i!==null}}var b=class extends t.s{constructor(...e){super(...e),this.type=`date`,this.dateFrom={label:`From`,value:``},this.dateTo={label:`To`,value:``},this.activePreset=null,this.presetCategories=[]}getPresetGroups(){let e=this.presetCategories.flatMap(e=>e.presets),t=[`Today`,`Yesterday`,`This Week`,`This Month`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),n=[`Last 7 Days`,`Last 14 Days`,`Last 30 Days`,`Last 60 Days`,`Last 90 Days`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),r=[`Last Week`,`Last Month`,`Last Quarter`,`Last Year`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),i=[`This Week`,`This Month`,`This Quarter`,`This Year`,`Year to Date`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),a=[];return t.length>0&&a.push({name:`Quick Select`,presets:t}),n.length>0&&a.push({name:`Days`,presets:n}),r.length>0&&a.push({name:`Periods`,presets:r}),i.length>0&&a.push({name:`Year to Date`,presets:i}),a}handleFromDateChange(e){let t=e.target;this.dateFrom={...this.dateFrom,value:t.value},this.dateTo.value&&(0,p.default)(this.dateFrom.value).isAfter((0,p.default)(this.dateTo.value))&&(this.dateTo={...this.dateTo,value:this.dateFrom.value}),this.dispatchEvent(new CustomEvent(`date-change`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value},bubbles:!0,composed:!0}))}handleToDateChange(e){let t=e.target;this.dateTo={...this.dateTo,value:t.value},this.dispatchEvent(new CustomEvent(`date-change`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value},bubbles:!0,composed:!0}))}handlePresetSelection(e,t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(`preset-select`,{detail:{preset:e},bubbles:!0,composed:!0})),r.t.dismiss()}applyManualDateSelection(e){e.stopPropagation();let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value);t.isValid()&&n.isValid()?(this.dispatchEvent(new CustomEvent(`apply-dates`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value,swapIfNeeded:t.isAfter(n)},bubbles:!0,composed:!0})),r.t.dismiss()):this.dispatchEvent(new CustomEvent(`announce`,{detail:{message:`Invalid date format. Please check your input.`},bubbles:!0,composed:!0}))}render(){return s.html`
+			<div class="w-full min-h-[400px] max-h-[80vh] flex flex-col p-4">
+				<!-- Preset Groups Section -->
+				<div class="flex-1 overflow-y-auto overflow-x-hidden min-h-0 space-y-4">
+					${(0,l.repeat)(this.getPresetGroups(),e=>e.name,e=>s.html`
+							<div class="space-y-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${e.name}
+								</schmancy-typography>
+								<div class="flex flex-wrap gap-2">
+									${(0,l.repeat)(e.presets,e=>e.label,e=>s.html`
+											<schmancy-filter-chip
+												.value=${e.label}
+												.selected=${this.activePreset===e.label}
+												@click=${t=>this.handlePresetSelection(e,t)}
+												title="${e.range.dateFrom} to ${e.range.dateTo}"
+											>
+												${e.label}
+											</schmancy-filter-chip>
+										`)}
+								</div>
+							</div>
+						`)}
+				</div>
+
+				<!-- Divider -->
+				<schmancy-divider class="my-4"></schmancy-divider>
+
+				<!-- Custom Range Section -->
+				<div class="space-y-2">
+					<div class="flex items-end gap-3 flex-wrap">
+						<div class="flex-1 min-w-[140px]">
+							<schmancy-input
+								.type="${this.type}"
+								.label="${this.dateFrom.label||`From`}"
+								.value="${this.dateFrom.value}"
+								min="${(0,c.ifDefined)(this.minDate)}"
+								max="${(0,c.ifDefined)(this.maxDate)}"
+								@change="${this.handleFromDateChange}"
+							></schmancy-input>
+						</div>
+						<div class="flex-1 min-w-[140px]">
+							<schmancy-input
+								.type="${this.type}"
+								.label="${this.dateTo.label||`To`}"
+								.value="${this.dateTo.value}"
+								min="${(0,c.ifDefined)(this.dateFrom.value)}"
+								max="${(0,c.ifDefined)(this.maxDate)}"
+								@change="${this.handleToDateChange}"
+							></schmancy-input>
+						</div>
+						<schmancy-button
+							variant="filled"
+							@click="${e=>this.applyManualDateSelection(e)}"
+							?disabled="${!this.dateFrom.value||!this.dateTo.value}"
+						>
+							Apply
+						</schmancy-button>
+					</div>
+				</div>
+			</div>
+		`}};n.t([(0,o.property)({type:String})],b.prototype,`type`,void 0),n.t([(0,o.property)({type:Object})],b.prototype,`dateFrom`,void 0),n.t([(0,o.property)({type:Object})],b.prototype,`dateTo`,void 0),n.t([(0,o.property)({type:String})],b.prototype,`minDate`,void 0),n.t([(0,o.property)({type:String})],b.prototype,`maxDate`,void 0),n.t([(0,o.property)({type:String})],b.prototype,`activePreset`,void 0),n.t([(0,o.property)({type:Array})],b.prototype,`presetCategories`,void 0),b=n.t([(0,o.customElement)(`schmancy-date-range-dialog`)],b),p.default.extend(f.default);var x=class extends t.s{constructor(...e){super(...e),this.type=`date`,this.dateFrom={label:`From`,value:``},this.dateTo={label:`To`,value:``},this.customPresets=[],this.disabled=!1,this.required=!1,this.placeholder=`Select date range`,this.clearable=!0,this.collapse=!1,this.isOpen=!1,this.selectedDateRange=``,this.activePreset=null,this.announceMessage=``,this.isMobile=!1,this.presetRanges=[],this.presetCategories=[],this.memoizedPresets=new Map}disconnectedCallback(){super.disconnectedCallback(),this.isOpen=!1}connectedCallback(){super.connectedCallback(),this.initPresetRanges(),this.checkMobileView();let e=this.getDateFormat(),t=y(this.dateFrom.value,this.dateTo.value,e);if(t.isValid)this.dateFrom.value=t.dateFrom,this.dateTo.value=t.dateTo,this.updateSelectedDateRange();else{let t=(0,p.default)().format(e);this.dateFrom.value=t,this.dateTo.value=t,this.updateSelectedDateRange()}this.setupEventHandlers()}setupEventHandlers(){(0,a.fromEvent)(document,`keydown`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(e=>{this.handleKeyboardNavigation(e)}),(0,a.fromEvent)(window,`resize`).pipe((0,a.debounceTime)(150),(0,a.takeUntil)(this.disconnecting)).subscribe(()=>{this.checkMobileView()})}updated(e){super.updated(e),!e.has(`dateFrom`)&&!e.has(`dateTo`)||this.dateFrom?.value===void 0&&this.dateTo?.value===void 0||this.updateSelectedDateRange()}initPresetRanges(){let e=this.getDateFormat(),t=`${this.type}-${e}-${JSON.stringify(this.customPresets)}`;if(this.memoizedPresets.has(t)){let e=this.memoizedPresets.get(t);this.presetCategories=e,this.presetRanges=[],e.forEach(e=>{this.presetRanges.push(...e.presets)});return}if(this.presetCategories=function(e,t=!1){let n=[];return t&&n.push({name:`Hours`,presets:[{label:`Last 24 Hours`,range:{dateFrom:(0,p.default)().subtract(24,`hours`).format(e),dateTo:(0,p.default)().format(e)},step:`hour`},{label:`Last 12 Hours`,range:{dateFrom:(0,p.default)().subtract(12,`hours`).format(e),dateTo:(0,p.default)().format(e)},step:`hour`}]}),n.push({name:`Days`,presets:[{label:`Today`,range:{dateFrom:(0,p.default)().startOf(`day`).format(e),dateTo:(0,p.default)().endOf(`day`).format(e)},step:`day`},{label:`Yesterday`,range:{dateFrom:(0,p.default)().subtract(1,`days`).startOf(`day`).format(e),dateTo:(0,p.default)().subtract(1,`days`).endOf(`day`).format(e)},step:`day`},...m([7,14,30,60,90],e)]}),n.push({name:`Weeks`,presets:[{label:`This Week`,range:{dateFrom:(0,p.default)().startOf(`week`).format(e),dateTo:(0,p.default)().endOf(`week`).format(e)},step:`week`},{label:`Last Week`,range:{dateFrom:(0,p.default)().subtract(1,`weeks`).startOf(`week`).format(e),dateTo:(0,p.default)().subtract(1,`weeks`).endOf(`week`).format(e)},step:`week`},...h([2,4],e)]}),n.push({name:`Months`,presets:[{label:`This Month`,range:{dateFrom:(0,p.default)().startOf(`month`).format(e),dateTo:(0,p.default)().endOf(`month`).format(e)},step:`month`},{label:`Last Month`,range:{dateFrom:(0,p.default)().subtract(1,`month`).startOf(`month`).format(e),dateTo:(0,p.default)().subtract(1,`month`).endOf(`month`).format(e)},step:`month`},...g([3,6],e)]}),n.push({name:`Quarters`,presets:[{label:`This Quarter`,range:{dateFrom:(0,p.default)().startOf(`quarter`).format(e),dateTo:(0,p.default)().endOf(`quarter`).format(e)},step:`quarter`},{label:`Last Quarter`,range:{dateFrom:(0,p.default)().subtract(1,`quarter`).startOf(`quarter`).format(e),dateTo:(0,p.default)().subtract(1,`quarter`).endOf(`quarter`).format(e)},step:`quarter`},..._([2,4],e)]}),n.push({name:`Years`,presets:[{label:`This Year`,range:{dateFrom:(0,p.default)().startOf(`year`).format(e),dateTo:(0,p.default)().endOf(`year`).format(e)},step:`year`},{label:`Last Year`,range:{dateFrom:(0,p.default)().subtract(1,`year`).startOf(`year`).format(e),dateTo:(0,p.default)().subtract(1,`year`).endOf(`year`).format(e)},step:`year`},{label:`Year to Date`,range:{dateFrom:(0,p.default)().startOf(`year`).format(e),dateTo:(0,p.default)().endOf(`day`).format(e)},step:`day`}]}),n}(e,this.type===`datetime-local`),this.presetRanges=[],this.presetCategories.forEach(e=>{this.presetRanges.push(...e.presets)}),this.customPresets&&this.customPresets.length>0){let e={name:`Custom`,presets:this.customPresets.map(e=>({label:e.label,range:{dateFrom:e.dateFrom,dateTo:e.dateTo},step:`day`}))};this.presetCategories.push(e),this.presetRanges.push(...e.presets)}this.memoizedPresets.set(t,[...this.presetCategories])}getDateFormat(){return this.format||(this.type===`date`?`YYYY-MM-DD`:`YYYY-MM-DDTHH:mm`)}updateSelectedDateRange(){let e=this.presetRanges.find(e=>e.range.dateFrom===this.dateFrom.value&&e.range.dateTo===this.dateTo.value);if(e)return this.selectedDateRange=e.label,void(this.activePreset=e.label);this.checkAndUpdateActivePreset(this.dateFrom.value,this.dateTo.value),this.activePreset=null,this.selectedDateRange=function(e,t,n,r){if(!e||!t)return r;let i=(0,p.default)(e),a=(0,p.default)(t);if(!i.isValid()||!a.isValid())return r;let o=n===`datetime-local`?i.format(` h:mm A`):``,s=n===`datetime-local`?a.format(` h:mm A`):``;return i.isSame(a,`day`)?`${i.format(`ddd, MMM D, YYYY`)}${o}`:i.isSame(a,`month`)&&i.isSame(a,`year`)?`${i.format(`ddd MMM D`)} - ${a.format(`ddd D, YYYY`)}${s}`:i.isSame(a,`year`)?`${i.format(`ddd MMM D`)} - ${a.format(`ddd MMM D, YYYY`)}${s}`:`${i.format(`ddd MMM D, YYYY`)}${o} - ${a.format(`ddd MMM D, YYYY`)}${s}`}(this.dateFrom.value,this.dateTo.value,this.type,this.placeholder)}setDateRange(e,t){this.dateFrom.value=e,this.dateTo.value=t,this.updateSelectedDateRange(),this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`),this.dispatchEvent(new CustomEvent(`change`,{detail:{dateFrom:e,dateTo:t},bubbles:!0,composed:!0}))}toggleDropdown(e){e.stopPropagation(),this.disabled||this.step!==void 0||(this.isOpen?this.closeDropdown():this.openDropdown(e))}openDropdown(e){if(this.disabled||this.step!==void 0)return;this.dispatchEvent(new CustomEvent(`beforeopen`,{bubbles:!0,composed:!0})),this.isOpen=!0;let t=s.html`
+			<schmancy-date-range-dialog
+				.type="${this.type}"
+				.dateFrom="${this.dateFrom}"
+				.dateTo="${this.dateTo}"
+				.minDate="${this.minDate}"
+				.maxDate="${this.maxDate}"
+				.activePreset="${this.activePreset}"
+				.presetCategories="${this.presetCategories}"
+				@preset-select="${e=>{this.activePreset=e.detail.preset.label,this.setDateRange(e.detail.preset.range.dateFrom,e.detail.preset.range.dateTo),this.closeDropdown()}}"
+				@date-change="${()=>this.updateSelectedDateRange()}"
+				@apply-dates="${e=>{let{dateFrom:t,dateTo:n,swapIfNeeded:r}=e.detail;r?this.setDateRange(n,t):this.setDateRange(t,n),this.closeDropdown()}}"
+				@announce="${e=>this.announceToScreenReader(e.detail.message)}"
+			></schmancy-date-range-dialog>
+		`;if(this.isMobile){let e=document.createElement(`div`);(0,s.render)(t,e),i.n.push({component:e,uid:`date-range-sheet`,close:()=>{this.isOpen=!1}})}else r.t.component(t,{title:`Select Date Range`,hideActions:!0,position:e}).then(()=>{this.isOpen=!1})}closeDropdown(){this.isMobile?i.n.dismiss(`date-range-sheet`):r.t.dismiss(),this.isOpen=!1}shiftDateRange(e,t){if(t.stopPropagation(),!this.dateFrom.value||!this.dateTo.value)return;let n=(0,p.default)(this.dateFrom.value),r=(0,p.default)(this.dateTo.value);if(!n.isValid()||!r.isValid())return;let i=this.getDateFormat(),a=e>0?1:-1,o=r.diff(n,`day`)+1,s,c;if(this.step!==void 0)typeof this.step==`number`?(s=a*this.step,c=`day`):this.step===`day`?(s=a*o,c=`day`):(s=a,c=this.step);else{let e=function(e,t){return{isFullMonth:e.date()===1&&t.isSame(e.endOf(`month`),`day`),isFullQuarter:e.isSame(e.startOf(`quarter`),`day`)&&t.isSame(t.endOf(`quarter`),`day`),isFullYear:e.isSame(e.startOf(`year`),`day`)&&t.isSame(t.endOf(`year`),`day`),isFullWeek:e.day()===0&&t.day()===6&&t.diff(e,`days`)===6}}(n,r);e.isFullYear?(s=a,c=`year`):e.isFullMonth?(s=a,c=`month`):e.isFullWeek?(s=a,c=`week`):(s=a*o,c=`day`)}let l=n.add(s,c),u=r.add(s,c);this.minDate&&l.isBefore((0,p.default)(this.minDate))||this.maxDate&&u.isAfter((0,p.default)(this.maxDate))||(this.setDateRange(l.format(i),u.format(i)),this.checkAndUpdateActivePreset(l.format(i),u.format(i)))}handleKeyboardNavigation(e){let t=e.key;if(this.dateFrom.value&&this.dateTo.value&&!this.disabled)switch(t){case`PageUp`:(e.target===this||this.contains(e.target))&&(this.shiftDateRange(-1,e),e.preventDefault());break;case`PageDown`:(e.target===this||this.contains(e.target))&&(this.shiftDateRange(1,e),e.preventDefault());break;case`Home`:if(e.ctrlKey&&(e.target===this||this.contains(e.target))){let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value),r=t.startOf(`month`),i=n.diff(t,`day`);this.setDateRange(r.format(this.getDateFormat()),r.add(i,`day`).format(this.getDateFormat())),e.preventDefault()}break;case`End`:if(e.ctrlKey&&(e.target===this||this.contains(e.target))){let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value),r=n.diff(t,`day`),i=n.endOf(`month`);this.setDateRange(i.subtract(r,`day`).format(this.getDateFormat()),i.format(this.getDateFormat())),e.preventDefault()}}}checkAndUpdateActivePreset(e,t){let n=this.presetRanges.find(n=>n.range.dateFrom===e&&n.range.dateTo===t);this.activePreset=n?n.label:null}checkMobileView(){this.isMobile=window.innerWidth<768}canNavigateBackward(){if(!this.dateFrom.value||!this.minDate)return!0;let e=(0,p.default)(this.dateFrom.value),t=(0,p.default)(this.minDate);return e.isAfter(t)}canNavigateForward(){if(!this.dateTo.value||!this.maxDate)return!0;let e=(0,p.default)(this.dateTo.value),t=(0,p.default)(this.maxDate);return e.isBefore(t)}announceToScreenReader(e){this.announceMessage=e,(0,a.timer)(100).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(()=>{this.announceMessage=``})}render(){return s.html`
+			<div class="relative ${this.disabled?`opacity-60 pointer-events-none`:``}">
+				<!-- Screen reader announcements -->
+				<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
+					${this.announceMessage}
+				</div>
+
+				<!-- Collapsed: icon-only on mobile when collapse=true -->
+				<schmancy-icon-button
+					class="${this.collapse?`lg:hidden`:`hidden`}"
+					variant="outlined"
+					type="button"
+					aria-label="Select date range. Current: ${this.selectedDateRange||`No date selected`}"
+					@click=${e=>this.toggleDropdown(e)}
+					?disabled=${this.disabled}
+				>
+					date_range
+				</schmancy-icon-button>
+
+				<!-- Full UI: always visible when collapse=false, or lg+ when collapse=true -->
+				<section @click=${e=>e.stopPropagation()} class="${this.collapse?`hidden lg:flex`:`flex`}">
+						<schmancy-icon-button
+							type="button"
+							aria-label="Previous ${this.activePreset?this.activePreset.toLowerCase():`date range`}"
+							@click=${e=>this.shiftDateRange(-1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value||!this.canNavigateBackward()}
+						>
+							arrow_left
+						</schmancy-icon-button>
+
+						<schmancy-button
+							class="w-max"
+							variant="outlined"
+							type="button"
+							aria-haspopup="menu"
+							aria-expanded=${this.isOpen}
+							aria-label="Select date range. Current: ${this.selectedDateRange||`No date selected`}"
+							aria-readonly="${this.step!==void 0}"
+							@click=${e=>this.toggleDropdown(e)}
+							?disabled=${this.disabled}
+							style="${this.step===void 0?``:`cursor: default;`}"
+						>
+							${this.selectedDateRange||this.placeholder}
+						</schmancy-button>
+
+						<schmancy-icon-button
+							type="button"
+							aria-label="Next ${this.activePreset?this.activePreset.toLowerCase():`date range`}"
+							@click=${e=>this.shiftDateRange(1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value||!this.canNavigateForward()}
+						>
+							arrow_right
+						</schmancy-icon-button>
+				</section>
+			</div>
+		`}};n.t([(0,o.property)({type:String})],x.prototype,`type`,void 0),n.t([(0,o.property)({type:Object})],x.prototype,`dateFrom`,void 0),n.t([(0,o.property)({type:Object})],x.prototype,`dateTo`,void 0),n.t([(0,o.property)({type:String})],x.prototype,`minDate`,void 0),n.t([(0,o.property)({type:String})],x.prototype,`maxDate`,void 0),n.t([(0,o.property)({type:Array})],x.prototype,`customPresets`,void 0),n.t([(0,o.property)({type:String})],x.prototype,`format`,void 0),n.t([(0,o.property)({type:Boolean})],x.prototype,`disabled`,void 0),n.t([(0,o.property)({type:Boolean})],x.prototype,`required`,void 0),n.t([(0,o.property)({type:String})],x.prototype,`placeholder`,void 0),n.t([(0,o.property)({type:Boolean})],x.prototype,`clearable`,void 0),n.t([(0,o.property)()],x.prototype,`step`,void 0),n.t([(0,o.property)({type:Boolean})],x.prototype,`collapse`,void 0),n.t([(0,o.state)()],x.prototype,`isOpen`,void 0),n.t([(0,o.state)()],x.prototype,`selectedDateRange`,void 0),n.t([(0,o.state)()],x.prototype,`activePreset`,void 0),n.t([(0,o.state)()],x.prototype,`announceMessage`,void 0),n.t([(0,o.state)()],x.prototype,`isMobile`,void 0),x=n.t([(0,o.customElement)(`schmancy-date-range`)],x),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});