@mhmo91/schmancy 0.10.37 → 0.10.39

package/dist/expand-CUF163mg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand-CUF163mg.cjs","names":[],"sources":["../src/expand/expand-root.component.ts","../src/expand/expand.component.ts"],"sourcesContent":["import { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { SchmancyElement, SurfaceMixin } from '@mixins/index'\nimport type { TSurfaceColor } from '@schmancy/types'\nimport { SPRING_SMOOTH } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport '../surface/surface.js'\n\n@customElement('schmancy-expand-root')\nexport class SchmancyExpandRoot extends SurfaceMixin(SchmancyElement) {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: contents;\n\t}\n\n\t.portal-panel {\n\t\tposition: fixed;\n\t\ttransform-origin: top left;\n\t\twill-change: clip-path, opacity;\n\t\tborder-radius: 1rem;\n\t\tbox-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);\n\t\tz-index: 9999;\n\t}\n\n\t.minimize-btn {\n\t\tposition: absolute;\n\t\ttop: 0.5rem;\n\t\tright: 0.5rem;\n\t\tz-index: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 2rem;\n\t\theight: 2rem;\n\t\tborder-radius: 9999px;\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\tcursor: pointer;\n\t\topacity: 0.5;\n\t\ttransition: opacity 150ms, background 150ms;\n\t\tcolor: inherit;\n\t}\n\n\t.minimize-btn:hover {\n\t\topacity: 1;\n\t\tbackground: rgb(0 0 0 / 0.08);\n\t}\n`];\n\t@property({ reflect: true }) override type: TSurfaceColor = 'solid'\n\t@state() isOpen = false\n\tprivate summaryRect: DOMRect | null = null\n\n\tprivate panelRef = createRef<HTMLElement>()\n\tprivate backdropRef = createRef<HTMLDivElement>()\n\tprivate btnRef = createRef<HTMLButtonElement>()\n\tprivate owner: (Element & { close?: () => void }) | null = null\n\tprivate hideIndicator = false\n\tprivate backdrop = true\n\n\t/** Called by schmancy-expand before nodes are moved */\n\tprepare(rect: DOMRect, owner: Element, hideIndicator = false, backdrop = true) {\n\t\tthis.summaryRect = rect\n\t\tthis.owner = owner as Element & { close?: () => void }\n\t\tthis.hideIndicator = hideIndicator\n\t\tthis.backdrop = backdrop\n\t}\n\n\t/** Called by schmancy-expand after nodes are moved in */\n\tasync triggerOpen() {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tconst src = this.summaryRect!\n\n\t\t// 1. Anchor at summary's top-left, measure natural content size\n\t\t//    Use nearly full viewport height for measurement so content near the bottom\n\t\t//    of the screen isn't artificially capped — the positioning step will move the panel up.\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: 'hidden',\n\t\t\ttop: `${src.top}px`,\n\t\t\tleft: `${src.left}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: 'max-content',\n\t\t\tmaxWidth: `${window.innerWidth - src.left}px`,\n\t\t\theight: 'auto',\n\t\t\tmaxHeight: `${window.innerHeight - 32}px`,\n\t\t\toverflowY: 'auto',\n\t\t})\n\n\t\tconst measured = panel.getBoundingClientRect()\n\t\tconst finalW = measured.width\n\t\tconst finalH = measured.height\n\n\t\t// 2. Adjust position so panel stays within viewport\n\t\tlet finalTop = src.top\n\t\tlet finalLeft = src.left\n\t\tif (finalTop + finalH > window.innerHeight) {\n\t\t\tfinalTop = Math.max(0, src.bottom - finalH)\n\t\t}\n\t\tif (finalLeft + finalW > window.innerWidth) {\n\t\t\tfinalLeft = Math.max(0, window.innerWidth - finalW)\n\t\t}\n\n\t\t// 3. Compute clip-path insets — summary rect expressed relative to panel final position\n\t\t//    These insets shrink the visible area down to exactly the summary box\n\t\tconst insetTop = Math.max(0, src.top - finalTop)\n\t\tconst insetLeft = Math.max(0, src.left - finalLeft)\n\t\tconst insetRight = Math.max(0, finalLeft + finalW - (src.left + src.width))\n\t\tconst insetBottom = Math.max(0, finalTop + finalH - (src.top + src.height))\n\n\t\t// 4. Place panel at final size + position, masked to summary bounds (no flash)\n\t\tObject.assign(panel.style, {\n\t\t\tvisibility: '',\n\t\t\ttop: `${finalTop}px`,\n\t\t\tleft: `${finalLeft}px`,\n\t\t\tminWidth: `${src.width}px`,\n\t\t\twidth: `${finalW}px`,\n\t\t\theight: `${finalH}px`,\n\t\t\tmaxWidth: '',\n\t\t\tmaxHeight: '',\n\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t})\n\n\t\t// 5. Animate the mask open — content revealed, not stretched\n\t\tthis.animateOpen(insetTop, insetRight, insetBottom, insetLeft, finalTop)\n\t}\n\n\t/** Animate close, return Promise resolving when done */\n\tasync triggerClose(targetRect: DOMRect): Promise<void> {\n\t\tawait this.animateClose(targetRect)\n\t\tthis.isOpen = false\n\t\tthis.summaryRect = null\n\t}\n\n\tprivate animateOpen(insetTop: number, insetRight: number, insetBottom: number, insetLeft: number, finalTop: number) {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return\n\n\t\tif (reducedMotion$.value) {\n\t\t\tpanel.style.clipPath = ''\n\t\t\treturn\n\t\t}\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.9,\n\t\t\t},\n\t\t\t{\n\t\t\t\tclipPath: 'inset(0px 0px 0px 0px round 1rem)',\n\t\t\t\topacity: 1,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(keyframes, {\n\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\n\t\t// Clear clip-path and fixed dimensions after animation so content can grow naturally,\n\t\t// but cap at viewport height so overflow-y: auto can scroll\n\t\tanim.finished.then(() => {\n\t\t\tif (panel.isConnected) {\n\t\t\t\tpanel.style.clipPath = ''\n\t\t\t\tpanel.style.height = 'auto'\n\t\t\t\tpanel.style.maxHeight = `${window.innerHeight - finalTop - 16}px`\n\t\t\t}\n\t\t\treturn\n\t\t})\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }], {\n\t\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate animateClose(targetRect: DOMRect): Promise<void> {\n\t\tconst panel = this.panelRef.value\n\t\tif (!panel) return Promise.resolve()\n\t\tif (reducedMotion$.value) return Promise.resolve()\n\n\t\t// Compute insets to mask panel back down to the summary box\n\t\tconst panelRect = panel.getBoundingClientRect()\n\t\tconst insetTop = Math.max(0, targetRect.top - panelRect.top)\n\t\tconst insetLeft = Math.max(0, targetRect.left - panelRect.left)\n\t\tconst insetRight = Math.max(0, panelRect.right - targetRect.right)\n\t\tconst insetBottom = Math.max(0, panelRect.bottom - targetRect.bottom)\n\n\t\tconst closeDuration = Math.round(SPRING_SMOOTH.duration * 0.4)\n\t\tconst closeEasing = 'cubic-bezier(0.4, 0, 1, 1)'\n\n\t\tconst closeKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: 'inset(0px 0px 0px 0px round 1rem)', opacity: 1 },\n\t\t\t{\n\t\t\t\tclipPath: `inset(${insetTop}px ${insetRight}px ${insetBottom}px ${insetLeft}px round 0.5rem)`,\n\t\t\t\topacity: 0.6,\n\t\t\t},\n\t\t]\n\n\t\tconst anim = panel.animate(closeKeyframes, { duration: closeDuration, easing: closeEasing, fill: 'forwards' })\n\n\t\tconst backdrop = this.backdropRef.value\n\t\tif (backdrop) {\n\t\t\tbackdrop.animate([{ opacity: 1 }, { opacity: 0 }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\tconst btn = this.btnRef.value\n\t\tif (btn) {\n\t\t\tbtn.animate([{ transform: 'rotate(180deg)' }, { transform: 'rotate(0deg)' }], {\n\t\t\t\tduration: closeDuration,\n\t\t\t\teasing: closeEasing,\n\t\t\t\tfill: 'forwards',\n\t\t\t})\n\t\t}\n\n\t\treturn anim.finished as unknown as Promise<void>\n\t}\n\n\trender() {\n\t\tif (!this.isOpen) return nothing\n\n\t\treturn html`\n\t\t\t${this.backdrop ? html`\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.backdropRef)}\n\t\t\t\t\tclass=\"fixed inset-0 z-9998 backdrop-blur-sm backdrop-saturate-150 backdrop-brightness-105 bg-black/[0.07] will-change-[opacity]\"\n\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t></div>\n\t\t\t` : nothing}\n\t\t\t<schmancy-surface\n\t\t\t\t${ref(this.panelRef)}\n\t\t\t\tclass=\"portal-panel\"\n\t\t\t\ttype=${this.type}\n\t\t\t\tstyle=\"overflow-y: auto;\"\n\t\t\t>\n\t\t\t\t${!this.hideIndicator ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\t${ref(this.btnRef)}\n\t\t\t\t\t\tclass=\"minimize-btn\"\n\t\t\t\t\t\taria-label=\"Minimize\"\n\t\t\t\t\t\t@click=${() => this.owner?.close?.()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<path d=\"M19 9L12 16L5 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t` : nothing}\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand-root': SchmancyExpandRoot\n\t}\n}\n","import { css, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { filter, fromEvent, lastValueFrom } from 'rxjs'\nimport { tap, takeUntil } from 'rxjs/operators'\nimport { SchmancyElement } from '@mixins/index'\nimport { SPRING_SNAPPY } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { SchmancyExpandRoot } from './expand-root.component.js'\n\n/** Dispatch this event on window to close whichever schmancy-expand is currently open */\nexport const SCHMANCY_EXPAND_REQUEST_CLOSE = 'schmancy-expand-request-close'\n\n@customElement('schmancy-expand')\nexport default class SchmancyExpand extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\tsummary::-webkit-details-marker {\n\t\tdisplay: none;\n\t}\n\n\tsummary {\n\t\tlist-style: none;\n\t\tcolor: inherit;\n\t}\n\n\t.inline-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows 300ms cubic-bezier(0.22, 1.25, 0.36, 1),\n\t\t            opacity 300ms cubic-bezier(0.22, 1.25, 0.36, 1);\n\t\topacity: 0;\n\t}\n\n\t.inline-grid[data-open] {\n\t\tgrid-template-rows: 1fr;\n\t\topacity: 1;\n\t}\n\n\t.inline-grid > .inner {\n\t\tmin-height: 0;\n\t\toverflow: hidden;\n\t}\n`];\n\t@property() summary = ''\n\n\t@property({ type: Boolean, reflect: true }) open = false\n\n\t@property({ attribute: 'summary-padding' }) summaryPadding = ''\n\n\t@property({ attribute: 'content-padding' }) contentPadding = ''\n\n\t@property({ type: Boolean, attribute: 'hide-indicator' }) hideIndicator = false\n\n\t@property({ type: Number, attribute: 'indicator-rotate' }) indicatorRotate = 90\n\n\t@property({ type: Boolean }) backdrop = true\n\n\t@property({ type: Boolean }) inline = false\n\n\tprivate summaryRef = createRef<HTMLElement>()\n\tprivate contentSlotRef = createRef<HTMLSlotElement>()\n\tprivate root: SchmancyExpandRoot | null = null\n\tprivate movedNodes: Element[] = []\n\tprivate currentIndicatorAnim: Animation | undefined\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Close on Escape key\n\t\tfromEvent<KeyboardEvent>(window, 'keydown')\n\t\t\t.pipe(\n\t\t\t\tfilter(e => e.key === 'Escape'),\n\t\t\t\tfilter(() => this.open),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Close on click outside the portal panel\n\t\tfromEvent<PointerEvent>(document, 'pointerdown')\n\t\t\t.pipe(\n\t\t\t\tfilter(() => this.open),\n\t\t\t\tfilter(e => !!this.root && !e.composedPath().includes(this.root)),\n\t\t\t\ttap(() => void this.handleClose()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tif (this.movedNodes.length > 0) {\n\t\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\t\tthis.movedNodes = []\n\t\t}\n\t\tif (this.root && this.root.children.length === 0) {\n\t\t\tthis.root.remove()\n\t\t\tthis.root = null\n\t\t}\n\t}\n\n\tprivate async getOrCreateRoot(): Promise<SchmancyExpandRoot> {\n\t\tconst theme = await lastValueFrom(this.discover<HTMLElement>('schmancy-theme'))\n\t\tconst container: HTMLElement = theme ?? document.querySelector('schmancy-theme') ?? document.body\n\t\tlet root = container.querySelector('schmancy-expand-root') as SchmancyExpandRoot | null\n\t\tif (!root) {\n\t\t\troot = new SchmancyExpandRoot()\n\t\t\tcontainer.appendChild(root)\n\t\t}\n\t\treturn root\n\t}\n\n\t/** Close the expand portal, animating back to the summary position. */\n\tpublic close(): void {\n\t\tvoid this.handleClose()\n\t}\n\n\t/** Programmatically open the expand portal. */\n\tpublic expand(): void {\n\t\tif (this.open) return\n\t\tvoid this.expandPortal()\n\t}\n\n\tprotected override updated(changed: Map<PropertyKey, unknown>) {\n\t\tsuper.updated(changed)\n\t\tif (changed.has('open') && this.open && !this.inline && !this.root) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate toggle() {\n\t\tif (this.inline) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.animateIndicator(this.open)\n\t\t} else if (!this.open) {\n\t\t\tvoid this.expandPortal()\n\t\t}\n\t}\n\n\tprivate handleSummaryClick(e: MouseEvent) {\n\t\te.preventDefault()\n\t\tthis.toggle()\n\t}\n\n\tprivate async expandPortal() {\n\t\tif (this.inline) {\n\t\t\tthis.open = true\n\t\t\tthis.animateIndicator(true)\n\t\t\treturn\n\t\t}\n\n\t\tconst root = await this.getOrCreateRoot()\n\t\tthis.root = root\n\t\tconst summary = this.summaryRef.value\n\t\tconst contentSlot = this.contentSlotRef.value\n\t\tif (!summary || !contentSlot) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tconst nodes = contentSlot.assignedElements({ flatten: true })\n\t\tif (nodes.length === 0) return\n\n\t\troot.prepare(summaryRect, this, this.hideIndicator, this.backdrop)\n\n\t\tthis.movedNodes = [...nodes]\n\t\tthis.movedNodes.forEach(n => root.appendChild(n))\n\n\t\troot.triggerOpen()\n\n\t\tthis.animateIndicator(true)\n\t\tthis.open = true\n\t}\n\n\tasync handleClose() {\n\t\tif (this.inline) {\n\t\t\tthis.animateIndicator(false)\n\t\t\tthis.open = false\n\t\t\treturn\n\t\t}\n\n\t\tconst root = this.root\n\t\tconst summary = this.summaryRef.value\n\t\tif (!root || !summary) return\n\n\t\tconst summaryRect = summary.getBoundingClientRect()\n\t\tthis.animateIndicator(false)\n\n\t\tawait root.triggerClose(summaryRect)\n\n\t\tthis.movedNodes.forEach(n => this.appendChild(n))\n\t\tthis.movedNodes = []\n\t\tthis.open = false\n\t}\n\n\tprivate animateIndicator(isOpen: boolean) {\n\t\tif (reducedMotion$.value) return\n\n\t\tconst indicator = this.shadowRoot?.querySelector('.indicator') as HTMLElement | null\n\t\tif (!indicator) return\n\n\t\tthis.currentIndicatorAnim?.cancel()\n\t\tthis.currentIndicatorAnim = indicator.animate(\n\t\t\t[\n\t\t\t\t{ transform: `rotate(${isOpen ? '0deg' : `${this.indicatorRotate}deg`})` },\n\t\t\t\t{ transform: `rotate(${isOpen ? `${this.indicatorRotate}deg` : '0deg'})` },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t}\n\n\trender() {\n\t\tconst summaryClasses = this.classMap({\n\t\t\t[this.summaryPadding]: true,\n\t\t\t'select-none relative flex items-center gap-2 rounded-xl transition-all duration-150': true,\n\t\t\t'hover:brightness-[0.92] active:brightness-[0.85] cursor-pointer group': true,\n\t\t\t'flex-row-reverse': true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div class=\"w-full rounded-xl\">\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.summaryRef)}\n\t\t\t\t\tclass=${summaryClasses}\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\t@click=${this.handleSummaryClick}\n\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<span class=\"indicator flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100 will-change-transform\">\n\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\n\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: nothing}\n\n\t\t\t\t\t<span class=\"flex-1 font-medium text-base min-w-0\">\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t${this.inline\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<div class=\"inline-grid\" ?data-open=${this.open}>\n\t\t\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`\n\t\t\t\t\t: html`\n\t\t\t\t\t\t<div style=${styleMap(this.open ? {} : { display: 'none' })}>\n\t\t\t\t\t\t\t<slot ${ref(this.contentSlotRef)}></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-expand': SchmancyExpand\n\t}\n}\n"],"mappings":"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"}

package/dist/expand.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./expand-mlP_3XWz.cjs`);exports.SCHMANCY_EXPAND_REQUEST_CLOSE=e.t,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./expand-CUF163mg.cjs`);exports.SCHMANCY_EXPAND_REQUEST_CLOSE=e.t,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return e.n}});

package/dist/expand.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./expand-DvTb-UPR.js";
+import { n as e, t } from "./expand-BYsSEtp6.js";
 export { t as SCHMANCY_EXPAND_REQUEST_CLOSE, e as SchmancyExpandRoot };

package/dist/fab.cjs

@@ -1,7 +1,8 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`);require(`./mixins-DxHpyMHA.cjs`);const t=require(`./magnetic-DKtc4umC.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/if-defined.js`),a=require(`lit/directives/when.js`);var o=class extends e.t{constructor(...e){super(...e),this.variant=`surface`,this.size=`medium`,this.label=``,this.extended=!1,this.lowered=!1}static{this.styles=[r.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);const t=require(`./magnetic-DKtc4umC.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/if-defined.js`),a=require(`lit/directives/when.js`);var o=class extends e.t{constructor(...e){super(...e),this.variant=`surface`,this.size=`medium`,this.label=``,this.extended=!1,this.lowered=!1}static{this.styles=[r.css`
 			:host {
 				/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */
 				display: inline-flex;
+				flex-shrink: 0;
 				position: relative;
 				touch-action: manipulation;
 				overflow: hidden;

package/dist/fab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fab.cjs","names":[],"sources":["../src/fab/fab.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { magnetic } from '../directives/magnetic'\n\nexport type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary'\nexport type FabSize = 'small' | 'medium' | 'large'\n\n/**\n * Material 3 Floating Action Button.\n *\n * Mirrors the `md-fab` reference implementation\n * (github.com/material-components/material-web) and the M3 spec\n * (m3.material.io/components/floating-action-button): four colour\n * variants, three container sizes, an extended form (set `label`),\n * and a `lowered` elevation register. Per M3 guidance a FAB is never\n * disabled, so there is no `disabled` property.\n *\n * Sizing, shape, icon size and elevation are M3 design tokens expressed\n * as `:host` rules (the same token-driven model as `md-fab`'s SCSS);\n * colour roles and the state layer are schmancy theme utilities. The\n * host shrink-wraps the inner button and clips its rounded shape.\n *\n * @element schmancy-fab\n * @slot - The icon (typically `<schmancy-icon>`).\n * @csspart base - The underlying native `<button>`.\n */\n@customElement('schmancy-fab')\nexport class SchmancyFab extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\t/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tposition: relative;\n\t\t\t\ttouch-action: manipulation;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-3);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-4);\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow 280ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\t\t\t\ttransform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t}\n\t\t\t/* M3 small FAB — 12dp shape */\n\t\t\t:host([size='small']) {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t\t/* M3 large FAB — 28dp shape, 36dp icon */\n\t\t\t:host([size='large']) {\n\t\t\t\tborder-radius: 28px;\n\t\t\t\t--_icon: 36px;\n\t\t\t}\n\t\t\t/* Extended FAB always uses the 16dp shape / 24dp icon */\n\t\t\t:host([extended]) {\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t}\n\t\t\t/* M3 lowered register — resting level 1, hover level 2 */\n\t\t\t:host([lowered]) {\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-1);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-2);\n\t\t\t}\n\t\t\t:host(:hover) {\n\t\t\t\tbox-shadow: var(--_elevation-hover);\n\t\t\t}\n\t\t\t:host(:active) {\n\t\t\t\t/* M3 pressed elevation == resting; schmancy spring press */\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransform: scale(0.96);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\t\t\t::slotted(*) {\n\t\t\t\tfont-size: var(--_icon);\n\t\t\t\twidth: var(--_icon);\n\t\t\t\theight: var(--_icon);\n\t\t\t}\n\t\t\t:host([extended]) ::slotted(*) {\n\t\t\t\tmargin-inline-end: 12px;\n\t\t\t}\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\t:host(:active) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t:host *,\n\t\t\t* {\n\t\t\t\ttouch-action: manipulation;\n\t\t\t}\n\t\t`,\n\t]\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate ariaLabelValue!: string\n\n\t/**\n\t * Colour variant. M3 maps each to a container + on-container role.\n\t * @attr\n\t * @default 'surface'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: FabVariant = 'surface'\n\n\t/**\n\t * Container size. Ignored while extended (extended is always 56dp tall).\n\t * @attr\n\t * @default 'medium'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic size: FabSize = 'medium'\n\n\t/**\n\t * Extended-FAB label. A non-empty value switches the FAB to its\n\t * extended form (icon + text), exactly as `md-fab` derives extended\n\t * from a truthy label.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic label = ''\n\n\t/**\n\t * Reflected mirror of \"label is non-empty\" so `:host([extended])`\n\t * can drive the extended geometry. Synced from `label`; read it,\n\t * don't set it.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic extended = false\n\n\t/**\n\t * Lowers the FAB's elevation register (M3 lowered FAB).\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic lowered = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this.ariaLabelValue\n\t\tthis.ariaLabelValue = value\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this.ariaLabelValue\n\t}\n\n\t/** Sets focus on the FAB. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the FAB. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected willUpdate(changed: Map<string, unknown>) {\n\t\tif (changed.has('label')) this.extended = this.label.length > 0\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'relative z-0 flex items-center justify-center overflow-hidden border-0 cursor-pointer outline-hidden focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-secondary-default':\n\t\t\t\ttrue,\n\t\t\t// M3 container — fixed square per size, content-width when extended\n\t\t\t'size-10': !this.extended && this.size === 'small',\n\t\t\t'size-14': !this.extended && this.size === 'medium',\n\t\t\t'size-24': !this.extended && this.size === 'large',\n\t\t\t'h-14 ps-4 pe-5 gap-3 text-sm font-medium leading-5': this.extended,\n\t\t\t// M3 container + on-container colour roles per variant\n\t\t\t'bg-surface-containerHigh text-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-container text-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-container text-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 z-0 opacity-0 transition-opacity duration-150 hover:opacity-8 focus-visible:opacity-10 active:opacity-10':\n\t\t\t\ttrue,\n\t\t\t'bg-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\t${magnetic({ strength: 3, radius: 60 })}\n\t\t\t\tpart=\"base\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t>\n\t\t\t\t<div class=\"${this.classMap(stateLayerClasses)}\"></div>\n\t\t\t\t<slot aria-hidden=${ifDefined(this.ariaLabel || this.label ? 'true' : undefined)}></slot>\n\t\t\t\t${when(this.extended, () => html`<span class=\"relative z-0\">${this.label}</span>`)}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-fab': SchmancyFab\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"fab.cjs","names":[],"sources":["../src/fab/fab.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { magnetic } from '../directives/magnetic'\n\nexport type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary'\nexport type FabSize = 'small' | 'medium' | 'large'\n\n/**\n * Material 3 Floating Action Button.\n *\n * Mirrors the `md-fab` reference implementation\n * (github.com/material-components/material-web) and the M3 spec\n * (m3.material.io/components/floating-action-button): four colour\n * variants, three container sizes, an extended form (set `label`),\n * and a `lowered` elevation register. Per M3 guidance a FAB is never\n * disabled, so there is no `disabled` property.\n *\n * Sizing, shape, icon size and elevation are M3 design tokens expressed\n * as `:host` rules (the same token-driven model as `md-fab`'s SCSS);\n * colour roles and the state layer are schmancy theme utilities. The\n * host shrink-wraps the inner button and clips its rounded shape.\n *\n * @element schmancy-fab\n * @slot - The icon (typically `<schmancy-icon>`).\n * @csspart base - The underlying native `<button>`.\n */\n@customElement('schmancy-fab')\nexport class SchmancyFab extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\t/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tposition: relative;\n\t\t\t\ttouch-action: manipulation;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-3);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-4);\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow 280ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\t\t\t\ttransform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t}\n\t\t\t/* M3 small FAB — 12dp shape */\n\t\t\t:host([size='small']) {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t\t/* M3 large FAB — 28dp shape, 36dp icon */\n\t\t\t:host([size='large']) {\n\t\t\t\tborder-radius: 28px;\n\t\t\t\t--_icon: 36px;\n\t\t\t}\n\t\t\t/* Extended FAB always uses the 16dp shape / 24dp icon */\n\t\t\t:host([extended]) {\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t}\n\t\t\t/* M3 lowered register — resting level 1, hover level 2 */\n\t\t\t:host([lowered]) {\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-1);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-2);\n\t\t\t}\n\t\t\t:host(:hover) {\n\t\t\t\tbox-shadow: var(--_elevation-hover);\n\t\t\t}\n\t\t\t:host(:active) {\n\t\t\t\t/* M3 pressed elevation == resting; schmancy spring press */\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransform: scale(0.96);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\t\t\t::slotted(*) {\n\t\t\t\tfont-size: var(--_icon);\n\t\t\t\twidth: var(--_icon);\n\t\t\t\theight: var(--_icon);\n\t\t\t}\n\t\t\t:host([extended]) ::slotted(*) {\n\t\t\t\tmargin-inline-end: 12px;\n\t\t\t}\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\t:host(:active) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t:host *,\n\t\t\t* {\n\t\t\t\ttouch-action: manipulation;\n\t\t\t}\n\t\t`,\n\t]\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate ariaLabelValue!: string\n\n\t/**\n\t * Colour variant. M3 maps each to a container + on-container role.\n\t * @attr\n\t * @default 'surface'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: FabVariant = 'surface'\n\n\t/**\n\t * Container size. Ignored while extended (extended is always 56dp tall).\n\t * @attr\n\t * @default 'medium'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic size: FabSize = 'medium'\n\n\t/**\n\t * Extended-FAB label. A non-empty value switches the FAB to its\n\t * extended form (icon + text), exactly as `md-fab` derives extended\n\t * from a truthy label.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic label = ''\n\n\t/**\n\t * Reflected mirror of \"label is non-empty\" so `:host([extended])`\n\t * can drive the extended geometry. Synced from `label`; read it,\n\t * don't set it.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic extended = false\n\n\t/**\n\t * Lowers the FAB's elevation register (M3 lowered FAB).\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic lowered = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this.ariaLabelValue\n\t\tthis.ariaLabelValue = value\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this.ariaLabelValue\n\t}\n\n\t/** Sets focus on the FAB. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the FAB. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected willUpdate(changed: Map<string, unknown>) {\n\t\tif (changed.has('label')) this.extended = this.label.length > 0\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'relative z-0 flex items-center justify-center overflow-hidden border-0 cursor-pointer outline-hidden focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-secondary-default':\n\t\t\t\ttrue,\n\t\t\t// M3 container — fixed square per size, content-width when extended\n\t\t\t'size-10': !this.extended && this.size === 'small',\n\t\t\t'size-14': !this.extended && this.size === 'medium',\n\t\t\t'size-24': !this.extended && this.size === 'large',\n\t\t\t'h-14 ps-4 pe-5 gap-3 text-sm font-medium leading-5': this.extended,\n\t\t\t// M3 container + on-container colour roles per variant\n\t\t\t'bg-surface-containerHigh text-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-container text-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-container text-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 z-0 opacity-0 transition-opacity duration-150 hover:opacity-8 focus-visible:opacity-10 active:opacity-10':\n\t\t\t\ttrue,\n\t\t\t'bg-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\t${magnetic({ strength: 3, radius: 60 })}\n\t\t\t\tpart=\"base\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t>\n\t\t\t\t<div class=\"${this.classMap(stateLayerClasses)}\"></div>\n\t\t\t\t<slot aria-hidden=${ifDefined(this.ariaLabel || this.label ? 'true' : undefined)}></slot>\n\t\t\t\t${when(this.extended, () => html`<span class=\"relative z-0\">${this.label}</span>`)}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-fab': SchmancyFab\n\t}\n}\n"],"mappings":"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"}

package/dist/fab.js

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import "./mixins-De1zjyhy.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import "./mixins-DGBI7YPO.js";
 import { t as n } from "./magnetic-DaOOv5Dz.js";
 import { customElement as r, property as i, query as a } from "lit/decorators.js";
 import { LitElement as o, css as s, html as c } from "lit";
@@ -14,6 +14,7 @@ var d = class extends e {
 			:host {
 				/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */
 				display: inline-flex;
+				flex-shrink: 0;
 				position: relative;
 				touch-action: manipulation;
 				overflow: hidden;

package/dist/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","names":[],"sources":["../src/fab/fab.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { magnetic } from '../directives/magnetic'\n\nexport type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary'\nexport type FabSize = 'small' | 'medium' | 'large'\n\n/**\n * Material 3 Floating Action Button.\n *\n * Mirrors the `md-fab` reference implementation\n * (github.com/material-components/material-web) and the M3 spec\n * (m3.material.io/components/floating-action-button): four colour\n * variants, three container sizes, an extended form (set `label`),\n * and a `lowered` elevation register. Per M3 guidance a FAB is never\n * disabled, so there is no `disabled` property.\n *\n * Sizing, shape, icon size and elevation are M3 design tokens expressed\n * as `:host` rules (the same token-driven model as `md-fab`'s SCSS);\n * colour roles and the state layer are schmancy theme utilities. The\n * host shrink-wraps the inner button and clips its rounded shape.\n *\n * @element schmancy-fab\n * @slot - The icon (typically `<schmancy-icon>`).\n * @csspart base - The underlying native `<button>`.\n */\n@customElement('schmancy-fab')\nexport class SchmancyFab extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\t/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tposition: relative;\n\t\t\t\ttouch-action: manipulation;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-3);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-4);\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow 280ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\t\t\t\ttransform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t}\n\t\t\t/* M3 small FAB — 12dp shape */\n\t\t\t:host([size='small']) {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t\t/* M3 large FAB — 28dp shape, 36dp icon */\n\t\t\t:host([size='large']) {\n\t\t\t\tborder-radius: 28px;\n\t\t\t\t--_icon: 36px;\n\t\t\t}\n\t\t\t/* Extended FAB always uses the 16dp shape / 24dp icon */\n\t\t\t:host([extended]) {\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t}\n\t\t\t/* M3 lowered register — resting level 1, hover level 2 */\n\t\t\t:host([lowered]) {\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-1);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-2);\n\t\t\t}\n\t\t\t:host(:hover) {\n\t\t\t\tbox-shadow: var(--_elevation-hover);\n\t\t\t}\n\t\t\t:host(:active) {\n\t\t\t\t/* M3 pressed elevation == resting; schmancy spring press */\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransform: scale(0.96);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\t\t\t::slotted(*) {\n\t\t\t\tfont-size: var(--_icon);\n\t\t\t\twidth: var(--_icon);\n\t\t\t\theight: var(--_icon);\n\t\t\t}\n\t\t\t:host([extended]) ::slotted(*) {\n\t\t\t\tmargin-inline-end: 12px;\n\t\t\t}\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\t:host(:active) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t:host *,\n\t\t\t* {\n\t\t\t\ttouch-action: manipulation;\n\t\t\t}\n\t\t`,\n\t]\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate ariaLabelValue!: string\n\n\t/**\n\t * Colour variant. M3 maps each to a container + on-container role.\n\t * @attr\n\t * @default 'surface'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: FabVariant = 'surface'\n\n\t/**\n\t * Container size. Ignored while extended (extended is always 56dp tall).\n\t * @attr\n\t * @default 'medium'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic size: FabSize = 'medium'\n\n\t/**\n\t * Extended-FAB label. A non-empty value switches the FAB to its\n\t * extended form (icon + text), exactly as `md-fab` derives extended\n\t * from a truthy label.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic label = ''\n\n\t/**\n\t * Reflected mirror of \"label is non-empty\" so `:host([extended])`\n\t * can drive the extended geometry. Synced from `label`; read it,\n\t * don't set it.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic extended = false\n\n\t/**\n\t * Lowers the FAB's elevation register (M3 lowered FAB).\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic lowered = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this.ariaLabelValue\n\t\tthis.ariaLabelValue = value\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this.ariaLabelValue\n\t}\n\n\t/** Sets focus on the FAB. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the FAB. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected willUpdate(changed: Map<string, unknown>) {\n\t\tif (changed.has('label')) this.extended = this.label.length > 0\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'relative z-0 flex items-center justify-center overflow-hidden border-0 cursor-pointer outline-hidden focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-secondary-default':\n\t\t\t\ttrue,\n\t\t\t// M3 container — fixed square per size, content-width when extended\n\t\t\t'size-10': !this.extended && this.size === 'small',\n\t\t\t'size-14': !this.extended && this.size === 'medium',\n\t\t\t'size-24': !this.extended && this.size === 'large',\n\t\t\t'h-14 ps-4 pe-5 gap-3 text-sm font-medium leading-5': this.extended,\n\t\t\t// M3 container + on-container colour roles per variant\n\t\t\t'bg-surface-containerHigh text-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-container text-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-container text-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 z-0 opacity-0 transition-opacity duration-150 hover:opacity-8 focus-visible:opacity-10 active:opacity-10':\n\t\t\t\ttrue,\n\t\t\t'bg-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\t${magnetic({ strength: 3, radius: 60 })}\n\t\t\t\tpart=\"base\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t>\n\t\t\t\t<div class=\"${this.classMap(stateLayerClasses)}\"></div>\n\t\t\t\t<slot aria-hidden=${ifDefined(this.ariaLabel || this.label ? 'true' : undefined)}></slot>\n\t\t\t\t${when(this.extended, () => html`<span class=\"relative z-0\">${this.label}</span>`)}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-fab': SchmancyFab\n\t}\n}\n"],"mappings":";;;;;;;AA8BO,IAAA,IAAA,cAA0B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,UAsFH,WAAA,KAAA,OAQN,UAAA,KAAA,QASR,IAAA,KAAA,WAAA,CASG,GAAA,KAAA,UAAA,CAQD;CAAA;CAAA;EAAA,KAAA,SAvHD,CACf,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAmEiC;GAAA,GACjC,EAAW;GACd,MAAM;GACN,gBAAA,CAAgB;EAAA;CAAA;CAkDjB,IAAA,UAA8B,GAAA;EAC7B,IAAM,IAAS,KAAK;EACpB,KAAK,iBAAiB,GAClB,KAAK,aAAa,YAAA,KACrB,KAAK,gBAAgB,YAAA,GAEtB,KAAK,cAAc,aAAa,CAAA;CACjC;CAEA,IAAA,YACoB;EACnB,OAAO,KAAK;CACb;CAGA,MAAsB,GAAA;EACrB,KAAK,cAAc,MAAM,CAAA;CAC1B;CAGA,OAAA;EACC,KAAK,cAAc,KAAA;CACpB;CAEA,WAAqB,GAAA;EAChB,EAAQ,IAAI,OAAA,MAAU,KAAK,WAAW,KAAK,MAAM,SAAS;CAC/D;CAEA,SAAA;EACC,IAAM,IAAU;GACf,qNAAA,CACC;GAED,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,sDAAsD,KAAK;GAE3D,iDAAiD,KAAK,YAAY;GAClE,iDAAiD,KAAK,YAAY;GAClE,qDAAqD,KAAK,YAAY;GACtE,mDAAmD,KAAK,YAAY;EAAZ,GAGnD,IAAoB;GACzB,6HAAA,CACC;GACD,sBAAsB,KAAK,YAAY;GACvC,0BAA0B,KAAK,YAAY;GAC3C,4BAA4B,KAAK,YAAY;GAC7C,2BAA2B,KAAK,YAAY;EAAZ;EAGjC,OAAO,CAAI;;MAEP,EAAS;GAAE,UAAU;GAAG,QAAQ;EAAA,CAAA,EAAA;;;iBAGrB,EAAU,KAAK,SAAA,EAAA;aACnB,KAAK,SAAS,CAAA,EAAA;;kBAET,KAAK,SAAS,CAAA,EAAA;wBACR,EAAU,KAAK,aAAa,KAAK,QAAQ,SAAA,KAAS,CAAA,EAAA;MACpE,EAAK,KAAK,gBAAgB,CAAI,8BAA8B,KAAK,MAAA,QAAA,EAAA;;;CAGtE;AAAA;AAAA,EAAA,CAjHC,EAAM,mBAAA,CAAiB,CAAA,CAAA,GAAI,EAAA,WAAA,iBAAA,KAAA,CAAA,GAAA,EAAA,CAU3B,EAAS;CAAE,SAAA,CAAS;CAAM,MAAM;AAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAQxC,EAAS;CAAE,SAAA,CAAS;CAAM,MAAM;AAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CASxC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CASzB,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,EAAA,CAQzC,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAYzC,EAAS,EAAE,WAAW,aAAA,CAAA,CAAA,GAAc,EAAA,WAAA,aAAA,IAAA,GAAA,IAAA,EAAA,CApIrC,EAAc,cAAA,CAAA,GAAc,CAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"fab.js","names":[],"sources":["../src/fab/fab.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { magnetic } from '../directives/magnetic'\n\nexport type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary'\nexport type FabSize = 'small' | 'medium' | 'large'\n\n/**\n * Material 3 Floating Action Button.\n *\n * Mirrors the `md-fab` reference implementation\n * (github.com/material-components/material-web) and the M3 spec\n * (m3.material.io/components/floating-action-button): four colour\n * variants, three container sizes, an extended form (set `label`),\n * and a `lowered` elevation register. Per M3 guidance a FAB is never\n * disabled, so there is no `disabled` property.\n *\n * Sizing, shape, icon size and elevation are M3 design tokens expressed\n * as `:host` rules (the same token-driven model as `md-fab`'s SCSS);\n * colour roles and the state layer are schmancy theme utilities. The\n * host shrink-wraps the inner button and clips its rounded shape.\n *\n * @element schmancy-fab\n * @slot - The icon (typically `<schmancy-icon>`).\n * @csspart base - The underlying native `<button>`.\n */\n@customElement('schmancy-fab')\nexport class SchmancyFab extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\t/* M3 FAB (medium) — 16dp shape, 24dp icon, resting level 3 */\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tposition: relative;\n\t\t\t\ttouch-action: manipulation;\n\t\t\t\toverflow: hidden;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-3);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-4);\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow 280ms cubic-bezier(0.34, 1.56, 0.64, 1),\n\t\t\t\t\ttransform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t}\n\t\t\t/* M3 small FAB — 12dp shape */\n\t\t\t:host([size='small']) {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t\t/* M3 large FAB — 28dp shape, 36dp icon */\n\t\t\t:host([size='large']) {\n\t\t\t\tborder-radius: 28px;\n\t\t\t\t--_icon: 36px;\n\t\t\t}\n\t\t\t/* Extended FAB always uses the 16dp shape / 24dp icon */\n\t\t\t:host([extended]) {\n\t\t\t\tborder-radius: 16px;\n\t\t\t\t--_icon: 24px;\n\t\t\t}\n\t\t\t/* M3 lowered register — resting level 1, hover level 2 */\n\t\t\t:host([lowered]) {\n\t\t\t\t--_elevation: var(--schmancy-sys-elevation-1);\n\t\t\t\t--_elevation-hover: var(--schmancy-sys-elevation-2);\n\t\t\t}\n\t\t\t:host(:hover) {\n\t\t\t\tbox-shadow: var(--_elevation-hover);\n\t\t\t}\n\t\t\t:host(:active) {\n\t\t\t\t/* M3 pressed elevation == resting; schmancy spring press */\n\t\t\t\tbox-shadow: var(--_elevation);\n\t\t\t\ttransform: scale(0.96);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\t\t\t::slotted(*) {\n\t\t\t\tfont-size: var(--_icon);\n\t\t\t\twidth: var(--_icon);\n\t\t\t\theight: var(--_icon);\n\t\t\t}\n\t\t\t:host([extended]) ::slotted(*) {\n\t\t\t\tmargin-inline-end: 12px;\n\t\t\t}\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\t:host(:active) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t:host *,\n\t\t\t* {\n\t\t\t\ttouch-action: manipulation;\n\t\t\t}\n\t\t`,\n\t]\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate ariaLabelValue!: string\n\n\t/**\n\t * Colour variant. M3 maps each to a container + on-container role.\n\t * @attr\n\t * @default 'surface'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: FabVariant = 'surface'\n\n\t/**\n\t * Container size. Ignored while extended (extended is always 56dp tall).\n\t * @attr\n\t * @default 'medium'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic size: FabSize = 'medium'\n\n\t/**\n\t * Extended-FAB label. A non-empty value switches the FAB to its\n\t * extended form (icon + text), exactly as `md-fab` derives extended\n\t * from a truthy label.\n\t * @attr\n\t */\n\t@property({ type: String })\n\tpublic label = ''\n\n\t/**\n\t * Reflected mirror of \"label is non-empty\" so `:host([extended])`\n\t * can drive the extended geometry. Synced from `label`; read it,\n\t * don't set it.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic extended = false\n\n\t/**\n\t * Lowers the FAB's elevation register (M3 lowered FAB).\n\t * @attr\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic lowered = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this.ariaLabelValue\n\t\tthis.ariaLabelValue = value\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this.ariaLabelValue\n\t}\n\n\t/** Sets focus on the FAB. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the FAB. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected willUpdate(changed: Map<string, unknown>) {\n\t\tif (changed.has('label')) this.extended = this.label.length > 0\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'relative z-0 flex items-center justify-center overflow-hidden border-0 cursor-pointer outline-hidden focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-secondary-default':\n\t\t\t\ttrue,\n\t\t\t// M3 container — fixed square per size, content-width when extended\n\t\t\t'size-10': !this.extended && this.size === 'small',\n\t\t\t'size-14': !this.extended && this.size === 'medium',\n\t\t\t'size-24': !this.extended && this.size === 'large',\n\t\t\t'h-14 ps-4 pe-5 gap-3 text-sm font-medium leading-5': this.extended,\n\t\t\t// M3 container + on-container colour roles per variant\n\t\t\t'bg-surface-containerHigh text-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-container text-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-container text-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 z-0 opacity-0 transition-opacity duration-150 hover:opacity-8 focus-visible:opacity-10 active:opacity-10':\n\t\t\t\ttrue,\n\t\t\t'bg-primary-default': this.variant === 'surface',\n\t\t\t'bg-primary-onContainer': this.variant === 'primary',\n\t\t\t'bg-secondary-onContainer': this.variant === 'secondary',\n\t\t\t'bg-tertiary-onContainer': this.variant === 'tertiary',\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\t${magnetic({ strength: 3, radius: 60 })}\n\t\t\t\tpart=\"base\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t>\n\t\t\t\t<div class=\"${this.classMap(stateLayerClasses)}\"></div>\n\t\t\t\t<slot aria-hidden=${ifDefined(this.ariaLabel || this.label ? 'true' : undefined)}></slot>\n\t\t\t\t${when(this.extended, () => html`<span class=\"relative z-0\">${this.label}</span>`)}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-fab': SchmancyFab\n\t}\n}\n"],"mappings":";;;;;;;AA8BO,IAAA,IAAA,cAA0B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,UAuFH,WAAA,KAAA,OAQN,UAAA,KAAA,QASR,IAAA,KAAA,WAAA,CASG,GAAA,KAAA,UAAA,CAQD;CAAA;CAAA;EAAA,KAAA,SAxHD,CACf,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoEiC;GAAA,GACjC,EAAW;GACd,MAAM;GACN,gBAAA,CAAgB;EAAA;CAAA;CAkDjB,IAAA,UAA8B,GAAA;EAC7B,IAAM,IAAS,KAAK;EACpB,KAAK,iBAAiB,GAClB,KAAK,aAAa,YAAA,KACrB,KAAK,gBAAgB,YAAA,GAEtB,KAAK,cAAc,aAAa,CAAA;CACjC;CAEA,IAAA,YACoB;EACnB,OAAO,KAAK;CACb;CAGA,MAAsB,GAAA;EACrB,KAAK,cAAc,MAAM,CAAA;CAC1B;CAGA,OAAA;EACC,KAAK,cAAc,KAAA;CACpB;CAEA,WAAqB,GAAA;EAChB,EAAQ,IAAI,OAAA,MAAU,KAAK,WAAW,KAAK,MAAM,SAAS;CAC/D;CAEA,SAAA;EACC,IAAM,IAAU;GACf,qNAAA,CACC;GAED,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,WAAA,CAAY,KAAK,YAAY,KAAK,SAAS;GAC3C,sDAAsD,KAAK;GAE3D,iDAAiD,KAAK,YAAY;GAClE,iDAAiD,KAAK,YAAY;GAClE,qDAAqD,KAAK,YAAY;GACtE,mDAAmD,KAAK,YAAY;EAAZ,GAGnD,IAAoB;GACzB,6HAAA,CACC;GACD,sBAAsB,KAAK,YAAY;GACvC,0BAA0B,KAAK,YAAY;GAC3C,4BAA4B,KAAK,YAAY;GAC7C,2BAA2B,KAAK,YAAY;EAAZ;EAGjC,OAAO,CAAI;;MAEP,EAAS;GAAE,UAAU;GAAG,QAAQ;EAAA,CAAA,EAAA;;;iBAGrB,EAAU,KAAK,SAAA,EAAA;aACnB,KAAK,SAAS,CAAA,EAAA;;kBAET,KAAK,SAAS,CAAA,EAAA;wBACR,EAAU,KAAK,aAAa,KAAK,QAAQ,SAAA,KAAS,CAAA,EAAA;MACpE,EAAK,KAAK,gBAAgB,CAAI,8BAA8B,KAAK,MAAA,QAAA,EAAA;;;CAGtE;AAAA;AAAA,EAAA,CAjHC,EAAM,mBAAA,CAAiB,CAAA,CAAA,GAAI,EAAA,WAAA,iBAAA,KAAA,CAAA,GAAA,EAAA,CAU3B,EAAS;CAAE,SAAA,CAAS;CAAM,MAAM;AAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAQxC,EAAS;CAAE,SAAA,CAAS;CAAM,MAAM;AAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CASxC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CASzB,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,EAAA,CAQzC,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAYzC,EAAS,EAAE,WAAW,aAAA,CAAA,CAAA,GAAc,EAAA,WAAA,aAAA,IAAA,GAAA,IAAA,EAAA,CArIrC,EAAc,cAAA,CAAA,GAAc,CAAA;AAAA,SAAA,KAAA"}

package/dist/{float-C-Ko0Le3.js → float-Cgllk_H9.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./SchmancyElement-CDT2q1lA.js";
-import { t } from "./window-ConcHirJ.js";
+import { u as e } from "./SchmancyElement-BNnyBOwk.js";
+import { t } from "./window-BDVyrBnk.js";
 import { customElement as n } from "lit/decorators.js";
 var r = class extends t {}, i = r = e([n("schmancy-float")], r);
 export { i as t };

package/dist/{float-C-Ko0Le3.js.map → float-Cgllk_H9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"float-C-Ko0Le3.js","names":[],"sources":["../src/float/float.ts"],"sourcesContent":["/**\n * Backward compatibility alias — schmancy-float is now schmancy-window.\n *\n * Existing consumers using <schmancy-float> continue to work.\n * New code should use <schmancy-window> directly.\n */\n\nimport { customElement } from 'lit/decorators.js'\nimport SchmancyWindow from '../window/window.js'\n\n@customElement('schmancy-float')\nexport default class SchmancyFloat extends SchmancyWindow {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-float': SchmancyFloat\n\t}\n}\n"],"mappings":";;;AAWe,IAAA,IAAA,cAA4B,EAAA,CAAA,GAAA,IAAA,IAAA,EAAA,CAD1C,EAAc,gBAAA,CAAA,GAAgB,CAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"float-Cgllk_H9.js","names":[],"sources":["../src/float/float.ts"],"sourcesContent":["/**\n * Backward compatibility alias — schmancy-float is now schmancy-window.\n *\n * Existing consumers using <schmancy-float> continue to work.\n * New code should use <schmancy-window> directly.\n */\n\nimport { customElement } from 'lit/decorators.js'\nimport SchmancyWindow from '../window/window.js'\n\n@customElement('schmancy-float')\nexport default class SchmancyFloat extends SchmancyWindow {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-float': SchmancyFloat\n\t}\n}\n"],"mappings":";;;AAWe,IAAA,IAAA,cAA4B,EAAA,CAAA,GAAA,IAAA,IAAA,EAAA,CAD1C,EAAc,gBAAA,CAAA,GAAgB,CAAA;AAAA,SAAA,KAAA"}

package/dist/{float-C17xgMT1.cjs → float-OvqX0nqG.cjs}

@@ -1 +1 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`),t=require(`./window-BSAemI9J.cjs`);let n=require(`lit/decorators.js`);var r=class extends t.t{},i=r=e.u([(0,n.customElement)(`schmancy-float`)],r);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`),t=require(`./window-BbBYjm7R.cjs`);let n=require(`lit/decorators.js`);var r=class extends t.t{},i=r=e.u([(0,n.customElement)(`schmancy-float`)],r);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/{float-C17xgMT1.cjs.map → float-OvqX0nqG.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"float-C17xgMT1.cjs","names":[],"sources":["../src/float/float.ts"],"sourcesContent":["/**\n * Backward compatibility alias — schmancy-float is now schmancy-window.\n *\n * Existing consumers using <schmancy-float> continue to work.\n * New code should use <schmancy-window> directly.\n */\n\nimport { customElement } from 'lit/decorators.js'\nimport SchmancyWindow from '../window/window.js'\n\n@customElement('schmancy-float')\nexport default class SchmancyFloat extends SchmancyWindow {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-float': SchmancyFloat\n\t}\n}\n"],"mappings":"wJAWe,IAAA,EAAA,cAA4B,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAD5B,gBAAA,CAAA,EAAgB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"float-OvqX0nqG.cjs","names":[],"sources":["../src/float/float.ts"],"sourcesContent":["/**\n * Backward compatibility alias — schmancy-float is now schmancy-window.\n *\n * Existing consumers using <schmancy-float> continue to work.\n * New code should use <schmancy-window> directly.\n */\n\nimport { customElement } from 'lit/decorators.js'\nimport SchmancyWindow from '../window/window.js'\n\n@customElement('schmancy-float')\nexport default class SchmancyFloat extends SchmancyWindow {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-float': SchmancyFloat\n\t}\n}\n"],"mappings":"wJAWe,IAAA,EAAA,cAA4B,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAD5B,gBAAA,CAAA,EAAgB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}

package/dist/float.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./float-C17xgMT1.cjs`);exports.SchmancyFloat=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./float-OvqX0nqG.cjs`);exports.SchmancyFloat=e.t;

package/dist/float.js

@@ -1,2 +1,2 @@
-import { t as e } from "./float-C-Ko0Le3.js";
+import { t as e } from "./float-Cgllk_H9.js";
 export { e as SchmancyFloat };

package/dist/form-4GKROq2P.cjs

@@ -0,0 +1,27 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`),t=require(`./mixins-fIpzhVMd.cjs`),n=require(`./state-BxDNox-2.cjs`);let r=require(`rxjs`),i=require(`lit/decorators.js`),a=require(`lit`);var o=n.a(`schmancy/form-submit`).memory({status:`idle`,error:null,submitCount:0}),s=e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`SCHMANCY-BUTTON`),c=class extends e.t{constructor(...e){super(...e),this.novalidate=!0,this.fields=new Set,this.submitting=!1,this.liveStatus=`idle`,this.liveError=``,this.internals=(()=>{try{return this.attachInternals()}catch{return}})()}static{this.styles=a.css`
+		:host { display: block; }
+	`}static{this.tagName=`schmancy-form`}connectedCallback(){super.connectedCallback(),this.parentElement?.closest(`schmancy-form`)||((0,r.fromEvent)(this,t.r).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>this.fields.add(e.detail)),(0,r.fromEvent)(this,`click`).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>this.maybeRequestSubmit(e)),(0,r.fromEvent)(this,`keydown`).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>{if(e.key!==`Enter`||e.shiftKey)return;let t=e.target;t?.tagName!==`TEXTAREA`&&(t?.isContentEditable||this.maybeRequestSubmit(e))}))}maybeRequestSubmit(e){if(e.type===`click`){let t=e.composedPath();if(t.find(e=>s(e)&&e.getAttribute(`type`)===`reset`))return e.preventDefault(),void(this.shadowRoot?.querySelector(`form`))?.reset();if(!t.find(e=>s(e)&&e.getAttribute(`type`)===`submit`))return;e.preventDefault()}(this.shadowRoot?.querySelector(`form`))?.requestSubmit()}get activeFields(){return[...this.fields].filter(e=>e.isConnected)}async onSubmit(e){if(e.preventDefault(),e.stopPropagation(),this.submitting)return;this.activeFields.filter(e=>e.isValidating).length>0&&(this.broadcastStatus(`submitting`),await new Promise(e=>{let t=()=>{this.activeFields.every(e=>!e.isValidating)?e():requestAnimationFrame(t)};t()})),this.activeFields.forEach(e=>e.markSubmitted());let t=this.activeFields.every(e=>e.checkValidity()),n=o.value;if(!t)return o.set({...n,status:`error`,error:{message:`Validation failed`}}),this.broadcastStatus(`error`,`Validation failed. Please correct the highlighted fields.`),void this.activeFields.find(e=>e.error)?.focus();this.submitting=!0,o.set({...n,status:`submitting`,error:null,submitCount:n.submitCount+1}),this.broadcastStatus(`submitting`);let r=new FormData;for(let e of this.activeFields)for(let[t,n]of e.toFormEntries())r.append(t,n);let i=Object.fromEntries(r),a=this.schema?this.schema.parse(i):i,s=[];this.dispatchEvent(new CustomEvent(`submit`,{detail:{data:a,formData:r,until:e=>s.push(e)}}));try{await Promise.all(s),o.set({...o.value,status:`success`,error:null}),this.broadcastStatus(`success`)}catch(e){let t=e instanceof Error?e.message:String(e);o.set({...o.value,status:`error`,error:{message:t}}),this.broadcastStatus(`error`,t)}finally{this.submitting=!1}}onReset(e){e.stopPropagation(),this.activeFields.forEach(e=>e.resetForm()),o.set({status:`idle`,error:null,submitCount:0}),this.broadcastStatus(`idle`),this.dispatchEvent(new CustomEvent(`reset`))}broadcastStatus(e,t){this.liveStatus=e,this.liveError=t??``;let n=this.internals?.states;if(n){for(let e of[`submitting`,`success`,`error`,`idle`])n.delete(e);n.add(e)}e===`submitting`?this.setAttribute(`aria-busy`,`true`):this.removeAttribute(`aria-busy`),this.dispatchEvent(new CustomEvent(`formstate`,{detail:{...o.value},bubbles:!0,composed:!0}))}setFieldError(e,t){let n=this.activeFields.find(t=>t.name===e);return!!n&&(n.setCustomValidity(t),n.markSubmitted(),!0)}setFormError(e,t){o.set({...o.value,status:`error`,error:{message:e,code:t}}),this.broadcastStatus(`error`,e)}clearSubmitted(){this.activeFields.forEach(e=>e.clearSubmitted()),o.set({...o.value,status:`idle`,error:null}),this.broadcastStatus(`idle`)}submit(){let e=this.shadowRoot?.querySelector(`form`);return!!e&&(e.requestSubmit(),!0)}reset(){(this.shadowRoot?.querySelector(`form`))?.reset()}reportValidity(){return this.activeFields.every(e=>e.reportValidity())}checkValidity(){return this.activeFields.every(e=>e.checkValidity())}getFormData(){let e=new FormData;for(let t of this.activeFields)for(let[n,r]of t.toFormEntries())e.append(n,r);return e}render(){return a.html`
+			<schmancy-context .provides=${[o]}>
+				<form
+					?novalidate=${this.novalidate}
+					@submit=${this.onSubmit}
+					@reset=${this.onReset}
+				>
+					<slot></slot>
+				</form>
+				<!--
+					Form-level live region — assistive tech announces server-side
+					form errors (validation summary, network failure, server reject)
+					here. Visually hidden via the .sr-only convention; consumers
+					render their own visible banner from formSubmitState if they
+					want one. Empty content while idle/submitting/success — only
+					error states populate the region. WCAG 4.1.3 (Status Messages).
+				-->
+				<div
+					role="status"
+					aria-live="assertive"
+					aria-atomic="true"
+					class="sr-only"
+				>${this.liveStatus===`error`?this.liveError:``}</div>
+			</schmancy-context>
+		`}};e.u([(0,i.property)({attribute:!1})],c.prototype,`schema`,void 0),e.u([(0,i.property)({type:Boolean})],c.prototype,`novalidate`,void 0),e.u([(0,i.state)()],c.prototype,`liveStatus`,void 0),e.u([(0,i.state)()],c.prototype,`liveError`,void 0);var l=c=e.u([(0,i.customElement)(`schmancy-form`)],c);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/form-4GKROq2P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-4GKROq2P.cjs","names":[],"sources":["../src/form/form-state.ts","../src/form/form.ts"],"sourcesContent":["/**\n * Form-level submit state — consumed by `<schmancy-form>` and any descendant\n * (e.g. `<schmancy-button type=\"submit\">` to drive its loading/aria-busy).\n *\n * `<schmancy-form>` wraps its render output in `<schmancy-context\n * .provides=${[formSubmitState]}>` so each instance gets an isolated copy\n * via the schmancy state library's resolveContextual mechanism. Reads of\n * `formSubmitState.value` and writes via `formSubmitState.set(...)` inside\n * the form's subtree resolve to the per-form copy automatically — no\n * `@lit/context` plumbing in user code.\n */\n\nimport { state } from '../state'\n\nexport type FormError = {\n\tmessage: string\n\tcode?: string\n}\n\nexport type FormSubmitState = {\n\tstatus: 'idle' | 'submitting' | 'success' | 'error'\n\terror: FormError | null\n\t/** Increments on every submit attempt — RHF parity. */\n\tsubmitCount: number\n}\n\nexport const formSubmitState = state<FormSubmitState>('schmancy/form-submit').memory({\n\tstatus: 'idle',\n\terror: null,\n\tsubmitCount: 0,\n})\n","/**\n * `<schmancy-form>` — schmancy form owner with isolated submit state.\n *\n * Architecture:\n * - Extends `SchmancyElement` (shadow DOM, RxJS + `disconnecting` conventions).\n * - Renders content inside `<schmancy-context .provides=${[formSubmitState]}>`\n *   so each form instance gets an isolated copy of the submit state via the\n *   schmancy state library — no `@lit/context` plumbing in user code.\n * - Inner `<form novalidate>` is the native-semantics trigger for Enter-key\n *   submit and `type=submit` button activation.\n * - Fields self-register via `FIELD_CONNECT_EVENT` (composed event from\n *   `FormFieldMixin.connectedCallback`). Stale refs (from disconnected\n *   fields) are filtered by `isConnected` at iteration time.\n *\n * Schema seam — pass any `{ parse(input): T }` object (zod, valibot, ArkType,\n * etc.) via the `schema` property to get typed `submit` event detail.\n */\n\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\nimport { SchmancyElement } from '../../mixins'\nimport { FIELD_CONNECT_EVENT, type IFormFieldMixin } from '../../mixins/formField.mixin'\nimport { formSubmitState, type FormSubmitState, type FormError } from './form-state'\n\n/** Structural type matching zod, valibot, ArkType, etc. — any schema with `.parse()`. */\nexport interface ParseSchema<T = unknown> {\n\tparse(input: unknown): T\n}\n\nconst isButton = (node: EventTarget): node is HTMLElement => {\n\tif (!(node instanceof HTMLElement)) return false\n\treturn node.tagName === 'BUTTON' || node.tagName === 'SCHMANCY-BUTTON'\n}\n\n/** Submit event detail. `data` is typed when `schema` is set. */\nexport type SchmancyFormSubmitDetail<T = Record<string, FormDataEntryValue>> = {\n\tdata: T\n\tformData: FormData\n\t/**\n\t * Register a promise that gates the form's success/error state. If unused,\n\t * the form synchronously flips to `success` after dispatch. If used,\n\t * `success`/`error` reflect the promise's outcome.\n\t */\n\tuntil(p: Promise<unknown>): void\n}\n\n@customElement('schmancy-form')\nexport default class SchmancyForm<TSchema extends ParseSchema | undefined = undefined>\n\textends SchmancyElement {\n\tstatic styles = css`\n\t\t:host { display: block; }\n\t`\n\n\tpublic static readonly tagName: string = 'schmancy-form'\n\n\t/**\n\t * Optional schema for parsing FormData on submit. Anything with a\n\t * `.parse(input)` method works (zod, valibot, ArkType). When set, the\n\t * `submit` event's `detail.data` is typed `z.infer<TSchema>`.\n\t */\n\t@property({ attribute: false })\n\tschema?: TSchema\n\n\t/** Skip built-in browser constraint validation. Mirrors `<form novalidate>`. */\n\t@property({ type: Boolean })\n\tnovalidate: boolean = true\n\n\tprivate fields = new Set<IFormFieldMixin>()\n\tprivate submitting = false\n\n\t/**\n\t * Local mirror of the submit-state status — drives the inline live region\n\t * synchronously. Independent of the schmancy-state library's resolution\n\t * chain (which has known cross-await fallback semantics) so the AT-facing\n\t * announcement is always correct for this form instance.\n\t */\n\t@state() private liveStatus: 'idle' | 'submitting' | 'success' | 'error' = 'idle'\n\t@state() private liveError: string = ''\n\tprivate internals: ElementInternals | undefined = (() => {\n\t\ttry {\n\t\t\treturn this.attachInternals()\n\t\t} catch {\n\t\t\treturn undefined\n\t\t}\n\t})()\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Forbid nested <schmancy-form>.\n\t\tif (this.parentElement?.closest('schmancy-form')) {\n\t\t\tconsole.error('[schmancy-form] nested <schmancy-form> is not supported')\n\t\t\treturn\n\t\t}\n\n\t\t// Field registry — composed event from FormFieldMixin.connectedCallback.\n\t\tfromEvent<CustomEvent<IFormFieldMixin>>(this, FIELD_CONNECT_EVENT)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => this.fields.add(e.detail))\n\n\t\t// Submit-trigger interception — slotted descendants live in light DOM\n\t\t// while the inner <form> is in shadow DOM, so native form-association\n\t\t// across the shadow boundary doesn't work for `<button type=submit>`.\n\t\t// Capture clicks on type=submit buttons (native + schmancy-button) and\n\t\t// Enter keys on registered fields, then call the inner form's\n\t\t// requestSubmit() which fires the same native submit event handler\n\t\t// chain that a directly-associated button would have triggered.\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => this.maybeRequestSubmit(e))\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.key !== 'Enter' || e.shiftKey) return\n\t\t\t\t// Skip Enter inside <textarea> (newline) and contenteditable.\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\tif (target?.tagName === 'TEXTAREA') return\n\t\t\t\tif (target?.isContentEditable) return\n\t\t\t\tthis.maybeRequestSubmit(e)\n\t\t\t})\n\t}\n\n\tprivate maybeRequestSubmit(e: Event): void {\n\t\t// On click: trigger only when the target is a type=submit button.\n\t\t// On keydown(Enter): always trigger if focus is on a registered field.\n\t\t// type=reset is handled separately in maybeReset.\n\t\tif (e.type === 'click') {\n\t\t\tconst path = e.composedPath()\n\t\t\tconst resetBtn = path.find(\n\t\t\t\tnode => isButton(node) && node.getAttribute('type') === 'reset',\n\t\t\t)\n\t\t\tif (resetBtn) {\n\t\t\t\te.preventDefault()\n\t\t\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\t\t\tform?.reset()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst submitBtn = path.find(\n\t\t\t\tnode => isButton(node) && node.getAttribute('type') === 'submit',\n\t\t\t)\n\t\t\tif (!submitBtn) return\n\t\t\te.preventDefault()\n\t\t}\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tform?.requestSubmit()\n\t}\n\n\t/** Active fields — drops stale refs from disconnected nodes. */\n\tprivate get activeFields(): IFormFieldMixin[] {\n\t\treturn [...this.fields].filter(f => f.isConnected)\n\t}\n\n\tprivate async onSubmit(e: SubmitEvent): Promise<void> {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t\tif (this.submitting) return\n\n\t\t// If any field has an async validator pending, wait for them all to\n\t\t// settle before deciding validity. This is the hard-block model: the\n\t\t// user clicks submit, the form holds (aria-busy=\"true\"), waits for\n\t\t// validators, then proceeds with the truth they reported.\n\t\tconst pendingValidators = this.activeFields.filter(f => f.isValidating)\n\t\tif (pendingValidators.length > 0) {\n\t\t\tthis.broadcastStatus('submitting')\n\t\t\tawait new Promise<void>(resolve => {\n\t\t\t\tconst tick = () => {\n\t\t\t\t\tif (this.activeFields.every(f => !f.isValidating)) resolve()\n\t\t\t\t\telse requestAnimationFrame(tick)\n\t\t\t\t}\n\t\t\t\ttick()\n\t\t\t})\n\t\t}\n\n\t\t// Phase 4 — submit forces error display on every field.\n\t\tthis.activeFields.forEach(f => f.markSubmitted())\n\n\t\t// Validate; success path entered ONLY if all valid.\n\t\tconst allValid = this.activeFields.every(f => f.checkValidity())\n\t\tconst fs = formSubmitState.value\n\t\tif (!allValid) {\n\t\t\tformSubmitState.set({\n\t\t\t\t...fs,\n\t\t\t\tstatus: 'error',\n\t\t\t\terror: { message: 'Validation failed' },\n\t\t\t})\n\t\t\tthis.broadcastStatus('error', 'Validation failed. Please correct the highlighted fields.')\n\t\t\tconst firstInvalid = this.activeFields.find(f => f.error) as unknown as\n\t\t\t\t| HTMLElement\n\t\t\t\t| undefined\n\t\t\tfirstInvalid?.focus()\n\t\t\treturn\n\t\t}\n\n\t\tthis.submitting = true\n\t\tformSubmitState.set({\n\t\t\t...fs,\n\t\t\tstatus: 'submitting',\n\t\t\terror: null,\n\t\t\tsubmitCount: fs.submitCount + 1,\n\t\t})\n\t\tthis.broadcastStatus('submitting')\n\n\t\t// Build payload from the registered fields' contracted toFormEntries().\n\t\tconst formData = new FormData()\n\t\tfor (const field of this.activeFields) {\n\t\t\tfor (const [k, v] of field.toFormEntries()) formData.append(k, v)\n\t\t}\n\t\tconst raw = Object.fromEntries(formData)\n\t\tconst data = this.schema ? this.schema.parse(raw) : raw\n\n\t\t// Awaitable submit — consumers register promises via e.detail.until(p).\n\t\tconst pending: Promise<unknown>[] = []\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyFormSubmitDetail<unknown>>('submit', {\n\t\t\t\tdetail: {\n\t\t\t\t\tdata,\n\t\t\t\t\tformData,\n\t\t\t\t\tuntil: (p: Promise<unknown>) => pending.push(p),\n\t\t\t\t},\n\t\t\t}),\n\t\t)\n\n\t\ttry {\n\t\t\tawait Promise.all(pending)\n\t\t\tformSubmitState.set({\n\t\t\t\t...formSubmitState.value,\n\t\t\t\tstatus: 'success',\n\t\t\t\terror: null,\n\t\t\t})\n\t\t\tthis.broadcastStatus('success')\n\t\t} catch (err) {\n\t\t\tconst message = err instanceof Error ? err.message : String(err)\n\t\t\tformSubmitState.set({\n\t\t\t\t...formSubmitState.value,\n\t\t\t\tstatus: 'error',\n\t\t\t\terror: { message },\n\t\t\t})\n\t\t\tthis.broadcastStatus('error', message)\n\t\t} finally {\n\t\t\tthis.submitting = false\n\t\t}\n\t}\n\n\tprivate onReset(e: Event): void {\n\t\te.stopPropagation()\n\t\tthis.activeFields.forEach(f => f.resetForm())\n\t\tformSubmitState.set({ status: 'idle', error: null, submitCount: 0 })\n\t\tthis.broadcastStatus('idle')\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate broadcastStatus(status: FormSubmitState['status'], errorMessage?: string): void {\n\t\tthis.liveStatus = status\n\t\tthis.liveError = errorMessage ?? ''\n\t\tconst states = this.internals?.states\n\t\tif (states) {\n\t\t\tfor (const s of ['submitting', 'success', 'error', 'idle']) states.delete(s)\n\t\t\tstates.add(status)\n\t\t}\n\t\t// aria-busy on the host while submitting (WCAG 2.2 AA — disabled buttons\n\t\t// drop from tab order; keep them focusable, signal busy via aria).\n\t\tif (status === 'submitting') this.setAttribute('aria-busy', 'true')\n\t\telse this.removeAttribute('aria-busy')\n\t\t// Public formstate event — external state stores subscribe without\n\t\t// having to consume formSubmitState directly.\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<FormSubmitState>('formstate', {\n\t\t\t\tdetail: { ...formSubmitState.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Server-side error mapping (RHF `setError(name, ...)`-equivalent).\n\t * Sets `setCustomValidity(message)` on the matching field and ensures the\n\t * error displays by marking it submitted.\n\t */\n\tpublic setFieldError(name: string, message: string): boolean {\n\t\tconst field = this.activeFields.find(f => f.name === name)\n\t\tif (!field) return false\n\t\tfield.setCustomValidity(message)\n\t\tfield.markSubmitted()\n\t\treturn true\n\t}\n\n\t/**\n\t * Top-of-form error (RHF `setError('root.serverError', ...)`-equivalent).\n\t * Flips form status to 'error' with a structured `FormError`.\n\t */\n\tpublic setFormError(message: string, code?: string): void {\n\t\tformSubmitState.set({\n\t\t\t...formSubmitState.value,\n\t\t\tstatus: 'error',\n\t\t\terror: { message, code } as FormError,\n\t\t})\n\t\tthis.broadcastStatus('error', message)\n\t}\n\n\t/**\n\t * Clear the `submitted` flag on every registered field without resetting\n\t * their values. Wizard pattern: stepping back from a later step should not\n\t * leave the earlier step's fields in aggressive \"show all errors\" mode\n\t * (which `submitted = true` triggers via the `shouldShowError()` gate).\n\t *\n\t * Pristine fields with `validateOn: 'dirty'` go quiet again. Fields the\n\t * user actually dirtied keep showing their errors (correct UX — those are\n\t * still genuine mistakes the user can see).\n\t */\n\tpublic clearSubmitted(): void {\n\t\tthis.activeFields.forEach(f => f.clearSubmitted())\n\t\tformSubmitState.set({\n\t\t\t...formSubmitState.value,\n\t\t\tstatus: 'idle',\n\t\t\terror: null,\n\t\t})\n\t\tthis.broadcastStatus('idle')\n\t}\n\n\t/** Programmatically submit via the native submitter pipeline. */\n\tpublic submit(): boolean {\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tif (!form) return false\n\t\tform.requestSubmit()\n\t\treturn true\n\t}\n\n\t/** Programmatically reset via native `form.reset()`. */\n\tpublic reset(): void {\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tform?.reset()\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\treturn this.activeFields.every(f => f.reportValidity())\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\treturn this.activeFields.every(f => f.checkValidity())\n\t}\n\n\t/** Snapshot of current form values from the registered fields. */\n\tpublic getFormData(): FormData {\n\t\tconst formData = new FormData()\n\t\tfor (const field of this.activeFields) {\n\t\t\tfor (const [k, v] of field.toFormEntries()) formData.append(k, v)\n\t\t}\n\t\treturn formData\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-context .provides=${[formSubmitState]}>\n\t\t\t\t<form\n\t\t\t\t\t?novalidate=${this.novalidate}\n\t\t\t\t\t@submit=${this.onSubmit}\n\t\t\t\t\t@reset=${this.onReset}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</form>\n\t\t\t\t<!--\n\t\t\t\t\tForm-level live region — assistive tech announces server-side\n\t\t\t\t\tform errors (validation summary, network failure, server reject)\n\t\t\t\t\there. Visually hidden via the .sr-only convention; consumers\n\t\t\t\t\trender their own visible banner from formSubmitState if they\n\t\t\t\t\twant one. Empty content while idle/submitting/success — only\n\t\t\t\t\terror states populate the region. WCAG 4.1.3 (Status Messages).\n\t\t\t\t-->\n\t\t\t\t<div\n\t\t\t\t\trole=\"status\"\n\t\t\t\t\taria-live=\"assertive\"\n\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\tclass=\"sr-only\"\n\t\t\t\t>${this.liveStatus === 'error' ? this.liveError : ''}</div>\n\t\t\t</schmancy-context>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n\n// Retained type surfaces — kept exported because downstream code may import\n// them as documentation. The new implementation no longer uses them\n// internally.\n\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n\tcheckValidity?: () => boolean\n}\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<SchmancyFormSubmitDetail<unknown>>\n\treset: CustomEvent\n\tformstate: CustomEvent<FormSubmitState>\n}\n"],"mappings":"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"}

package/dist/{form-DA0hUu2h.js → form-DxaV_Ose.js}

@@ -1,6 +1,6 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import { r as n } from "./mixins-De1zjyhy.js";
-import { s as r } from "./state-DscWQpoM.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import { r as n } from "./mixins-DGBI7YPO.js";
+import { s as r } from "./state-CnZCDMT0.js";
 import { fromEvent as i, takeUntil as a } from "rxjs";
 import { customElement as o, property as s, state as c } from "lit/decorators.js";
 import { css as l, html as u } from "lit";
@@ -10,7 +10,7 @@ var d = r("schmancy/form-submit").memory({
 	submitCount: 0
 }), f = (e) => e instanceof HTMLElement && (e.tagName === "BUTTON" || e.tagName === "SCHMANCY-BUTTON"), p = class extends e {
 	constructor(...e) {
-		super(...e), this.novalidate = !0, this._fields = /* @__PURE__ */ new Set(), this._submitting = !1, this._liveStatus = "idle", this._liveError = "", this._internals = (() => {
+		super(...e), this.novalidate = !0, this.fields = /* @__PURE__ */ new Set(), this.submitting = !1, this.liveStatus = "idle", this.liveError = "", this.internals = (() => {
 			try {
 				return this.attachInternals();
 			} catch {
@@ -27,13 +27,13 @@ var d = r("schmancy/form-submit").memory({
 		this.tagName = "schmancy-form";
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.parentElement?.closest("schmancy-form") || (i(this, n).pipe(a(this.disconnecting)).subscribe((e) => this._fields.add(e.detail)), i(this, "click").pipe(a(this.disconnecting)).subscribe((e) => this._maybeRequestSubmit(e)), i(this, "keydown").pipe(a(this.disconnecting)).subscribe((e) => {
+		super.connectedCallback(), this.parentElement?.closest("schmancy-form") || (i(this, n).pipe(a(this.disconnecting)).subscribe((e) => this.fields.add(e.detail)), i(this, "click").pipe(a(this.disconnecting)).subscribe((e) => this.maybeRequestSubmit(e)), i(this, "keydown").pipe(a(this.disconnecting)).subscribe((e) => {
 			if (e.key !== "Enter" || e.shiftKey) return;
 			let t = e.target;
-			t?.tagName !== "TEXTAREA" && (t?.isContentEditable || this._maybeRequestSubmit(e));
+			t?.tagName !== "TEXTAREA" && (t?.isContentEditable || this.maybeRequestSubmit(e));
 		}));
 	}
-	_maybeRequestSubmit(e) {
+	maybeRequestSubmit(e) {
 		if (e.type === "click") {
 			let t = e.composedPath();
 			if (t.find((e) => f(e) && e.getAttribute("type") === "reset")) return e.preventDefault(), void (this.shadowRoot?.querySelector("form"))?.reset();
@@ -42,31 +42,31 @@ var d = r("schmancy/form-submit").memory({
 		}
 		(this.shadowRoot?.querySelector("form"))?.requestSubmit();
 	}
-	get _activeFields() {
-		return [...this._fields].filter((e) => e.isConnected);
+	get activeFields() {
+		return [...this.fields].filter((e) => e.isConnected);
 	}
-	async _onSubmit(e) {
-		if (e.preventDefault(), e.stopPropagation(), this._submitting) return;
-		this._activeFields.filter((e) => e.isValidating).length > 0 && (this._broadcastStatus("submitting"), await new Promise((e) => {
+	async onSubmit(e) {
+		if (e.preventDefault(), e.stopPropagation(), this.submitting) return;
+		this.activeFields.filter((e) => e.isValidating).length > 0 && (this.broadcastStatus("submitting"), await new Promise((e) => {
 			let t = () => {
-				this._activeFields.every((e) => !e.isValidating) ? e() : requestAnimationFrame(t);
+				this.activeFields.every((e) => !e.isValidating) ? e() : requestAnimationFrame(t);
 			};
 			t();
-		})), this._activeFields.forEach((e) => e.markSubmitted());
-		let t = this._activeFields.every((e) => e.checkValidity()), n = d.value;
+		})), this.activeFields.forEach((e) => e.markSubmitted());
+		let t = this.activeFields.every((e) => e.checkValidity()), n = d.value;
 		if (!t) return d.set({
 			...n,
 			status: "error",
 			error: { message: "Validation failed" }
-		}), this._broadcastStatus("error", "Validation failed. Please correct the highlighted fields."), void this._activeFields.find((e) => e.error)?.focus();
-		this._submitting = !0, d.set({
+		}), this.broadcastStatus("error", "Validation failed. Please correct the highlighted fields."), void this.activeFields.find((e) => e.error)?.focus();
+		this.submitting = !0, d.set({
 			...n,
 			status: "submitting",
 			error: null,
 			submitCount: n.submitCount + 1
-		}), this._broadcastStatus("submitting");
+		}), this.broadcastStatus("submitting");
 		let r = new FormData();
-		for (let e of this._activeFields) for (let [t, n] of e.toFormEntries()) r.append(t, n);
+		for (let e of this.activeFields) for (let [t, n] of e.toFormEntries()) r.append(t, n);
 		let i = Object.fromEntries(r), a = this.schema ? this.schema.parse(i) : i, o = [];
 		this.dispatchEvent(new CustomEvent("submit", { detail: {
 			data: a,
@@ -78,28 +78,28 @@ var d = r("schmancy/form-submit").memory({
 				...d.value,
 				status: "success",
 				error: null
-			}), this._broadcastStatus("success");
+			}), this.broadcastStatus("success");
 		} catch (e) {
 			let t = e instanceof Error ? e.message : String(e);
 			d.set({
 				...d.value,
 				status: "error",
 				error: { message: t }
-			}), this._broadcastStatus("error", t);
+			}), this.broadcastStatus("error", t);
 		} finally {
-			this._submitting = !1;
+			this.submitting = !1;
 		}
 	}
-	_onReset(e) {
-		e.stopPropagation(), this._activeFields.forEach((e) => e.resetForm()), d.set({
+	onReset(e) {
+		e.stopPropagation(), this.activeFields.forEach((e) => e.resetForm()), d.set({
 			status: "idle",
 			error: null,
 			submitCount: 0
-		}), this._broadcastStatus("idle"), this.dispatchEvent(new CustomEvent("reset"));
+		}), this.broadcastStatus("idle"), this.dispatchEvent(new CustomEvent("reset"));
 	}
-	_broadcastStatus(e, t) {
-		this._liveStatus = e, this._liveError = t ?? "";
-		let n = this._internals?.states;
+	broadcastStatus(e, t) {
+		this.liveStatus = e, this.liveError = t ?? "";
+		let n = this.internals?.states;
 		if (n) {
 			for (let e of [
 				"submitting",
@@ -116,7 +116,7 @@ var d = r("schmancy/form-submit").memory({
 		}));
 	}
 	setFieldError(e, t) {
-		let n = this._activeFields.find((t) => t.name === e);
+		let n = this.activeFields.find((t) => t.name === e);
 		return !!n && (n.setCustomValidity(t), n.markSubmitted(), !0);
 	}
 	setFormError(e, t) {
@@ -127,14 +127,14 @@ var d = r("schmancy/form-submit").memory({
 				message: e,
 				code: t
 			}
-		}), this._broadcastStatus("error", e);
+		}), this.broadcastStatus("error", e);
 	}
 	clearSubmitted() {
-		this._activeFields.forEach((e) => e.clearSubmitted()), d.set({
+		this.activeFields.forEach((e) => e.clearSubmitted()), d.set({
 			...d.value,
 			status: "idle",
 			error: null
-		}), this._broadcastStatus("idle");
+		}), this.broadcastStatus("idle");
 	}
 	submit() {
 		let e = this.shadowRoot?.querySelector("form");
@@ -144,14 +144,14 @@ var d = r("schmancy/form-submit").memory({
 		(this.shadowRoot?.querySelector("form"))?.reset();
 	}
 	reportValidity() {
-		return this._activeFields.every((e) => e.reportValidity());
+		return this.activeFields.every((e) => e.reportValidity());
 	}
 	checkValidity() {
-		return this._activeFields.every((e) => e.checkValidity());
+		return this.activeFields.every((e) => e.checkValidity());
 	}
 	getFormData() {
 		let e = new FormData();
-		for (let t of this._activeFields) for (let [n, r] of t.toFormEntries()) e.append(n, r);
+		for (let t of this.activeFields) for (let [n, r] of t.toFormEntries()) e.append(n, r);
 		return e;
 	}
 	render() {
@@ -159,8 +159,8 @@ var d = r("schmancy/form-submit").memory({
 			<schmancy-context .provides=${[d]}>
 				<form
 					?novalidate=${this.novalidate}
-					@submit=${this._onSubmit}
-					@reset=${this._onReset}
+					@submit=${this.onSubmit}
+					@reset=${this.onReset}
 				>
 					<slot></slot>
 				</form>
@@ -177,11 +177,11 @@ var d = r("schmancy/form-submit").memory({
 					aria-live="assertive"
 					aria-atomic="true"
 					class="sr-only"
-				>${this._liveStatus === "error" ? this._liveError : ""}</div>
+				>${this.liveStatus === "error" ? this.liveError : ""}</div>
 			</schmancy-context>
 		`;
 	}
 };
-t([s({ attribute: !1 })], p.prototype, "schema", void 0), t([s({ type: Boolean })], p.prototype, "novalidate", void 0), t([c()], p.prototype, "_liveStatus", void 0), t([c()], p.prototype, "_liveError", void 0);
+t([s({ attribute: !1 })], p.prototype, "schema", void 0), t([s({ type: Boolean })], p.prototype, "novalidate", void 0), t([c()], p.prototype, "liveStatus", void 0), t([c()], p.prototype, "liveError", void 0);
 var m = p = t([o("schmancy-form")], p);
 export { d as n, m as t };

package/dist/form-DxaV_Ose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-DxaV_Ose.js","names":[],"sources":["../src/form/form-state.ts","../src/form/form.ts"],"sourcesContent":["/**\n * Form-level submit state — consumed by `<schmancy-form>` and any descendant\n * (e.g. `<schmancy-button type=\"submit\">` to drive its loading/aria-busy).\n *\n * `<schmancy-form>` wraps its render output in `<schmancy-context\n * .provides=${[formSubmitState]}>` so each instance gets an isolated copy\n * via the schmancy state library's resolveContextual mechanism. Reads of\n * `formSubmitState.value` and writes via `formSubmitState.set(...)` inside\n * the form's subtree resolve to the per-form copy automatically — no\n * `@lit/context` plumbing in user code.\n */\n\nimport { state } from '../state'\n\nexport type FormError = {\n\tmessage: string\n\tcode?: string\n}\n\nexport type FormSubmitState = {\n\tstatus: 'idle' | 'submitting' | 'success' | 'error'\n\terror: FormError | null\n\t/** Increments on every submit attempt — RHF parity. */\n\tsubmitCount: number\n}\n\nexport const formSubmitState = state<FormSubmitState>('schmancy/form-submit').memory({\n\tstatus: 'idle',\n\terror: null,\n\tsubmitCount: 0,\n})\n","/**\n * `<schmancy-form>` — schmancy form owner with isolated submit state.\n *\n * Architecture:\n * - Extends `SchmancyElement` (shadow DOM, RxJS + `disconnecting` conventions).\n * - Renders content inside `<schmancy-context .provides=${[formSubmitState]}>`\n *   so each form instance gets an isolated copy of the submit state via the\n *   schmancy state library — no `@lit/context` plumbing in user code.\n * - Inner `<form novalidate>` is the native-semantics trigger for Enter-key\n *   submit and `type=submit` button activation.\n * - Fields self-register via `FIELD_CONNECT_EVENT` (composed event from\n *   `FormFieldMixin.connectedCallback`). Stale refs (from disconnected\n *   fields) are filtered by `isConnected` at iteration time.\n *\n * Schema seam — pass any `{ parse(input): T }` object (zod, valibot, ArkType,\n * etc.) via the `schema` property to get typed `submit` event detail.\n */\n\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\nimport { SchmancyElement } from '../../mixins'\nimport { FIELD_CONNECT_EVENT, type IFormFieldMixin } from '../../mixins/formField.mixin'\nimport { formSubmitState, type FormSubmitState, type FormError } from './form-state'\n\n/** Structural type matching zod, valibot, ArkType, etc. — any schema with `.parse()`. */\nexport interface ParseSchema<T = unknown> {\n\tparse(input: unknown): T\n}\n\nconst isButton = (node: EventTarget): node is HTMLElement => {\n\tif (!(node instanceof HTMLElement)) return false\n\treturn node.tagName === 'BUTTON' || node.tagName === 'SCHMANCY-BUTTON'\n}\n\n/** Submit event detail. `data` is typed when `schema` is set. */\nexport type SchmancyFormSubmitDetail<T = Record<string, FormDataEntryValue>> = {\n\tdata: T\n\tformData: FormData\n\t/**\n\t * Register a promise that gates the form's success/error state. If unused,\n\t * the form synchronously flips to `success` after dispatch. If used,\n\t * `success`/`error` reflect the promise's outcome.\n\t */\n\tuntil(p: Promise<unknown>): void\n}\n\n@customElement('schmancy-form')\nexport default class SchmancyForm<TSchema extends ParseSchema | undefined = undefined>\n\textends SchmancyElement {\n\tstatic styles = css`\n\t\t:host { display: block; }\n\t`\n\n\tpublic static readonly tagName: string = 'schmancy-form'\n\n\t/**\n\t * Optional schema for parsing FormData on submit. Anything with a\n\t * `.parse(input)` method works (zod, valibot, ArkType). When set, the\n\t * `submit` event's `detail.data` is typed `z.infer<TSchema>`.\n\t */\n\t@property({ attribute: false })\n\tschema?: TSchema\n\n\t/** Skip built-in browser constraint validation. Mirrors `<form novalidate>`. */\n\t@property({ type: Boolean })\n\tnovalidate: boolean = true\n\n\tprivate fields = new Set<IFormFieldMixin>()\n\tprivate submitting = false\n\n\t/**\n\t * Local mirror of the submit-state status — drives the inline live region\n\t * synchronously. Independent of the schmancy-state library's resolution\n\t * chain (which has known cross-await fallback semantics) so the AT-facing\n\t * announcement is always correct for this form instance.\n\t */\n\t@state() private liveStatus: 'idle' | 'submitting' | 'success' | 'error' = 'idle'\n\t@state() private liveError: string = ''\n\tprivate internals: ElementInternals | undefined = (() => {\n\t\ttry {\n\t\t\treturn this.attachInternals()\n\t\t} catch {\n\t\t\treturn undefined\n\t\t}\n\t})()\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Forbid nested <schmancy-form>.\n\t\tif (this.parentElement?.closest('schmancy-form')) {\n\t\t\tconsole.error('[schmancy-form] nested <schmancy-form> is not supported')\n\t\t\treturn\n\t\t}\n\n\t\t// Field registry — composed event from FormFieldMixin.connectedCallback.\n\t\tfromEvent<CustomEvent<IFormFieldMixin>>(this, FIELD_CONNECT_EVENT)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => this.fields.add(e.detail))\n\n\t\t// Submit-trigger interception — slotted descendants live in light DOM\n\t\t// while the inner <form> is in shadow DOM, so native form-association\n\t\t// across the shadow boundary doesn't work for `<button type=submit>`.\n\t\t// Capture clicks on type=submit buttons (native + schmancy-button) and\n\t\t// Enter keys on registered fields, then call the inner form's\n\t\t// requestSubmit() which fires the same native submit event handler\n\t\t// chain that a directly-associated button would have triggered.\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => this.maybeRequestSubmit(e))\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.key !== 'Enter' || e.shiftKey) return\n\t\t\t\t// Skip Enter inside <textarea> (newline) and contenteditable.\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\tif (target?.tagName === 'TEXTAREA') return\n\t\t\t\tif (target?.isContentEditable) return\n\t\t\t\tthis.maybeRequestSubmit(e)\n\t\t\t})\n\t}\n\n\tprivate maybeRequestSubmit(e: Event): void {\n\t\t// On click: trigger only when the target is a type=submit button.\n\t\t// On keydown(Enter): always trigger if focus is on a registered field.\n\t\t// type=reset is handled separately in maybeReset.\n\t\tif (e.type === 'click') {\n\t\t\tconst path = e.composedPath()\n\t\t\tconst resetBtn = path.find(\n\t\t\t\tnode => isButton(node) && node.getAttribute('type') === 'reset',\n\t\t\t)\n\t\t\tif (resetBtn) {\n\t\t\t\te.preventDefault()\n\t\t\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\t\t\tform?.reset()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst submitBtn = path.find(\n\t\t\t\tnode => isButton(node) && node.getAttribute('type') === 'submit',\n\t\t\t)\n\t\t\tif (!submitBtn) return\n\t\t\te.preventDefault()\n\t\t}\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tform?.requestSubmit()\n\t}\n\n\t/** Active fields — drops stale refs from disconnected nodes. */\n\tprivate get activeFields(): IFormFieldMixin[] {\n\t\treturn [...this.fields].filter(f => f.isConnected)\n\t}\n\n\tprivate async onSubmit(e: SubmitEvent): Promise<void> {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t\tif (this.submitting) return\n\n\t\t// If any field has an async validator pending, wait for them all to\n\t\t// settle before deciding validity. This is the hard-block model: the\n\t\t// user clicks submit, the form holds (aria-busy=\"true\"), waits for\n\t\t// validators, then proceeds with the truth they reported.\n\t\tconst pendingValidators = this.activeFields.filter(f => f.isValidating)\n\t\tif (pendingValidators.length > 0) {\n\t\t\tthis.broadcastStatus('submitting')\n\t\t\tawait new Promise<void>(resolve => {\n\t\t\t\tconst tick = () => {\n\t\t\t\t\tif (this.activeFields.every(f => !f.isValidating)) resolve()\n\t\t\t\t\telse requestAnimationFrame(tick)\n\t\t\t\t}\n\t\t\t\ttick()\n\t\t\t})\n\t\t}\n\n\t\t// Phase 4 — submit forces error display on every field.\n\t\tthis.activeFields.forEach(f => f.markSubmitted())\n\n\t\t// Validate; success path entered ONLY if all valid.\n\t\tconst allValid = this.activeFields.every(f => f.checkValidity())\n\t\tconst fs = formSubmitState.value\n\t\tif (!allValid) {\n\t\t\tformSubmitState.set({\n\t\t\t\t...fs,\n\t\t\t\tstatus: 'error',\n\t\t\t\terror: { message: 'Validation failed' },\n\t\t\t})\n\t\t\tthis.broadcastStatus('error', 'Validation failed. Please correct the highlighted fields.')\n\t\t\tconst firstInvalid = this.activeFields.find(f => f.error) as unknown as\n\t\t\t\t| HTMLElement\n\t\t\t\t| undefined\n\t\t\tfirstInvalid?.focus()\n\t\t\treturn\n\t\t}\n\n\t\tthis.submitting = true\n\t\tformSubmitState.set({\n\t\t\t...fs,\n\t\t\tstatus: 'submitting',\n\t\t\terror: null,\n\t\t\tsubmitCount: fs.submitCount + 1,\n\t\t})\n\t\tthis.broadcastStatus('submitting')\n\n\t\t// Build payload from the registered fields' contracted toFormEntries().\n\t\tconst formData = new FormData()\n\t\tfor (const field of this.activeFields) {\n\t\t\tfor (const [k, v] of field.toFormEntries()) formData.append(k, v)\n\t\t}\n\t\tconst raw = Object.fromEntries(formData)\n\t\tconst data = this.schema ? this.schema.parse(raw) : raw\n\n\t\t// Awaitable submit — consumers register promises via e.detail.until(p).\n\t\tconst pending: Promise<unknown>[] = []\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyFormSubmitDetail<unknown>>('submit', {\n\t\t\t\tdetail: {\n\t\t\t\t\tdata,\n\t\t\t\t\tformData,\n\t\t\t\t\tuntil: (p: Promise<unknown>) => pending.push(p),\n\t\t\t\t},\n\t\t\t}),\n\t\t)\n\n\t\ttry {\n\t\t\tawait Promise.all(pending)\n\t\t\tformSubmitState.set({\n\t\t\t\t...formSubmitState.value,\n\t\t\t\tstatus: 'success',\n\t\t\t\terror: null,\n\t\t\t})\n\t\t\tthis.broadcastStatus('success')\n\t\t} catch (err) {\n\t\t\tconst message = err instanceof Error ? err.message : String(err)\n\t\t\tformSubmitState.set({\n\t\t\t\t...formSubmitState.value,\n\t\t\t\tstatus: 'error',\n\t\t\t\terror: { message },\n\t\t\t})\n\t\t\tthis.broadcastStatus('error', message)\n\t\t} finally {\n\t\t\tthis.submitting = false\n\t\t}\n\t}\n\n\tprivate onReset(e: Event): void {\n\t\te.stopPropagation()\n\t\tthis.activeFields.forEach(f => f.resetForm())\n\t\tformSubmitState.set({ status: 'idle', error: null, submitCount: 0 })\n\t\tthis.broadcastStatus('idle')\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate broadcastStatus(status: FormSubmitState['status'], errorMessage?: string): void {\n\t\tthis.liveStatus = status\n\t\tthis.liveError = errorMessage ?? ''\n\t\tconst states = this.internals?.states\n\t\tif (states) {\n\t\t\tfor (const s of ['submitting', 'success', 'error', 'idle']) states.delete(s)\n\t\t\tstates.add(status)\n\t\t}\n\t\t// aria-busy on the host while submitting (WCAG 2.2 AA — disabled buttons\n\t\t// drop from tab order; keep them focusable, signal busy via aria).\n\t\tif (status === 'submitting') this.setAttribute('aria-busy', 'true')\n\t\telse this.removeAttribute('aria-busy')\n\t\t// Public formstate event — external state stores subscribe without\n\t\t// having to consume formSubmitState directly.\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<FormSubmitState>('formstate', {\n\t\t\t\tdetail: { ...formSubmitState.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Server-side error mapping (RHF `setError(name, ...)`-equivalent).\n\t * Sets `setCustomValidity(message)` on the matching field and ensures the\n\t * error displays by marking it submitted.\n\t */\n\tpublic setFieldError(name: string, message: string): boolean {\n\t\tconst field = this.activeFields.find(f => f.name === name)\n\t\tif (!field) return false\n\t\tfield.setCustomValidity(message)\n\t\tfield.markSubmitted()\n\t\treturn true\n\t}\n\n\t/**\n\t * Top-of-form error (RHF `setError('root.serverError', ...)`-equivalent).\n\t * Flips form status to 'error' with a structured `FormError`.\n\t */\n\tpublic setFormError(message: string, code?: string): void {\n\t\tformSubmitState.set({\n\t\t\t...formSubmitState.value,\n\t\t\tstatus: 'error',\n\t\t\terror: { message, code } as FormError,\n\t\t})\n\t\tthis.broadcastStatus('error', message)\n\t}\n\n\t/**\n\t * Clear the `submitted` flag on every registered field without resetting\n\t * their values. Wizard pattern: stepping back from a later step should not\n\t * leave the earlier step's fields in aggressive \"show all errors\" mode\n\t * (which `submitted = true` triggers via the `shouldShowError()` gate).\n\t *\n\t * Pristine fields with `validateOn: 'dirty'` go quiet again. Fields the\n\t * user actually dirtied keep showing their errors (correct UX — those are\n\t * still genuine mistakes the user can see).\n\t */\n\tpublic clearSubmitted(): void {\n\t\tthis.activeFields.forEach(f => f.clearSubmitted())\n\t\tformSubmitState.set({\n\t\t\t...formSubmitState.value,\n\t\t\tstatus: 'idle',\n\t\t\terror: null,\n\t\t})\n\t\tthis.broadcastStatus('idle')\n\t}\n\n\t/** Programmatically submit via the native submitter pipeline. */\n\tpublic submit(): boolean {\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tif (!form) return false\n\t\tform.requestSubmit()\n\t\treturn true\n\t}\n\n\t/** Programmatically reset via native `form.reset()`. */\n\tpublic reset(): void {\n\t\tconst form = this.shadowRoot?.querySelector('form')\n\t\tform?.reset()\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\treturn this.activeFields.every(f => f.reportValidity())\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\treturn this.activeFields.every(f => f.checkValidity())\n\t}\n\n\t/** Snapshot of current form values from the registered fields. */\n\tpublic getFormData(): FormData {\n\t\tconst formData = new FormData()\n\t\tfor (const field of this.activeFields) {\n\t\t\tfor (const [k, v] of field.toFormEntries()) formData.append(k, v)\n\t\t}\n\t\treturn formData\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-context .provides=${[formSubmitState]}>\n\t\t\t\t<form\n\t\t\t\t\t?novalidate=${this.novalidate}\n\t\t\t\t\t@submit=${this.onSubmit}\n\t\t\t\t\t@reset=${this.onReset}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</form>\n\t\t\t\t<!--\n\t\t\t\t\tForm-level live region — assistive tech announces server-side\n\t\t\t\t\tform errors (validation summary, network failure, server reject)\n\t\t\t\t\there. Visually hidden via the .sr-only convention; consumers\n\t\t\t\t\trender their own visible banner from formSubmitState if they\n\t\t\t\t\twant one. Empty content while idle/submitting/success — only\n\t\t\t\t\terror states populate the region. WCAG 4.1.3 (Status Messages).\n\t\t\t\t-->\n\t\t\t\t<div\n\t\t\t\t\trole=\"status\"\n\t\t\t\t\taria-live=\"assertive\"\n\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\tclass=\"sr-only\"\n\t\t\t\t>${this.liveStatus === 'error' ? this.liveError : ''}</div>\n\t\t\t</schmancy-context>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n\n// Retained type surfaces — kept exported because downstream code may import\n// them as documentation. The new implementation no longer uses them\n// internally.\n\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n\tcheckValidity?: () => boolean\n}\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<SchmancyFormSubmitDetail<unknown>>\n\treset: CustomEvent\n\tformstate: CustomEvent<FormSubmitState>\n}\n"],"mappings":";;;;;;AA0BA,IAAa,IAAkB,EAAuB,sBAAA,EAAwB,OAAO;CACpF,QAAQ;CACR,OAAO;CACP,aAAa;AAAA,CAAA,GCCR,KAAY,MACX,aAAgB,gBACf,EAAK,YAAY,YAAY,EAAK,YAAY,oBAgBvC,IAAA,cACN,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,aAAA,CAiBc,GAAA,KAAA,yBAEL,IAAI,IAAA,GAAA,KAAA,aAAA,CACA,GAAA,KAAA,aAQsD,QAAA,KAAA,YACtC,IAAA,KAAA,mBAAA;GAEpC,IAAA;IACC,OAAO,KAAK,gBAAA;GACb,QAAA;IACC;GACD;EACD,GAAA;CAAA;CAAA;EAAA,KAAA,SAnCgB,CAAG;;;;;iBAIsB;CAAA;CAiCzC,oBAAA;EACC,MAAM,kBAAA,GAGF,KAAK,eAAe,QAAQ,eAAA,MAMhC,EAAwC,MAAM,CAAA,EAC5C,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAK,KAAK,OAAO,IAAI,EAAE,MAAA,CAAA,GASnC,EAAsB,MAAM,OAAA,EAC1B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAK,KAAK,mBAAmB,CAAA,CAAA,GACzC,EAAyB,MAAM,SAAA,EAC7B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAA;GACV,IAAI,EAAE,QAAQ,WAAW,EAAE,UAAU;GAErC,IAAM,IAAS,EAAE;GACO,AAApB,GAAQ,YAAY,eACpB,GAAQ,qBACZ,KAAK,mBAAmB,CAAA;EAAA,CAAA;CAE3B;CAEA,mBAA2B,GAAA;EAI1B,IAAI,EAAE,SAAS,SAAS;GACvB,IAAM,IAAO,EAAE,aAAA;GAIf,IAHiB,EAAK,MACrB,MAAQ,EAAS,CAAA,KAAS,EAAK,aAAa,MAAA,MAAY,OAAZ,GAM5C,OAHA,EAAE,eAAA,GAAA,MACW,KAAK,YAAY,cAAc,MAAA,IACtC,MAAA;GAMP,IAAA,CAHkB,EAAK,MACtB,MAAQ,EAAS,CAAA,KAAS,EAAK,aAAa,MAAA,MAAY,QAAZ,GAE7B;GAChB,EAAE,eAAA;EACH;EAAA,CACa,KAAK,YAAY,cAAc,MAAA,IACtC,cAAA;CACP;CAGA,IAAA,eAAY;EACX,OAAO,CAAA,GAAI,KAAK,MAAA,EAAQ,QAAO,MAAK,EAAE,WAAA;CACvC;CAEA,MAAA,SAAuB,GAAA;EAGtB,IAFA,EAAE,eAAA,GACF,EAAE,gBAAA,GACE,KAAK,YAAY;EAMK,KAAK,aAAa,QAAO,MAAK,EAAE,YAAA,EACpC,SAAS,MAC9B,KAAK,gBAAgB,YAAA,GAAA,MACf,IAAI,SAAc,MAAA;GACvB,IAAM,UAAA;IACD,KAAK,aAAa,OAAM,MAAA,CAAM,EAAE,YAAA,IAAe,EAAA,IAC9C,sBAAsB,CAAA;GAAA;GAE5B,EAAA;EAAA,CAAA,IAKF,KAAK,aAAa,SAAQ,MAAK,EAAE,cAAA,CAAA;EAGjC,IAAM,IAAW,KAAK,aAAa,OAAM,MAAK,EAAE,cAAA,CAAA,GAC1C,IAAK,EAAgB;EAC3B,IAAA,CAAK,GAWJ,OAVA,EAAgB,IAAI;GAAA,GAChB;GACH,QAAQ;GACR,OAAO,EAAE,SAAS,oBAAA;EAAA,CAAA,GAEnB,KAAK,gBAAgB,SAAS,2DAAA,GAAA,KAI9B,KAH0B,aAAa,MAAK,MAAK,EAAE,KAAA,GAGrC,MAAA;EAIf,KAAK,aAAA,CAAa,GAClB,EAAgB,IAAI;GAAA,GAChB;GACH,QAAQ;GACR,OAAO;GACP,aAAa,EAAG,cAAc;EAAA,CAAA,GAE/B,KAAK,gBAAgB,YAAA;EAGrB,IAAM,IAAW,IAAI,SAAA;EACrB,KAAK,IAAM,KAAS,KAAK,cACxB,KAAK,IAAA,CAAO,GAAG,MAAM,EAAM,cAAA,GAAiB,EAAS,OAAO,GAAG,CAAA;EAEhE,IAAM,IAAM,OAAO,YAAY,CAAA,GACzB,IAAO,KAAK,SAAS,KAAK,OAAO,MAAM,CAAA,IAAO,GAG9C,IAA8B,CAAA;EACpC,KAAK,cACJ,IAAI,YAA+C,UAAU,EAC5D,QAAQ;GACP,MAAA;GACA,UAAA;GACA,QAAQ,MAAwB,EAAQ,KAAK,CAAA;EAAA,EAAA,CAAA,CAAA;EAKhD,IAAA;GAAA,MACO,QAAQ,IAAI,CAAA,GAClB,EAAgB,IAAI;IAAA,GAChB,EAAgB;IACnB,QAAQ;IACR,OAAO;GAAA,CAAA,GAER,KAAK,gBAAgB,SAAA;EACtB,SAAS,GAAA;GACR,IAAM,IAAU,aAAe,QAAQ,EAAI,UAAU,OAAO,CAAA;GAC5D,EAAgB,IAAI;IAAA,GAChB,EAAgB;IACnB,QAAQ;IACR,OAAO,EAAE,SAAA,EAAA;GAAA,CAAA,GAEV,KAAK,gBAAgB,SAAS,CAAA;EAC/B,UAAA;GACC,KAAK,aAAA,CAAa;EACnB;CACD;CAEA,QAAgB,GAAA;EACf,EAAE,gBAAA,GACF,KAAK,aAAa,SAAQ,MAAK,EAAE,UAAA,CAAA,GACjC,EAAgB,IAAI;GAAE,QAAQ;GAAQ,OAAO;GAAM,aAAa;EAAA,CAAA,GAChE,KAAK,gBAAgB,MAAA,GACrB,KAAK,cAAc,IAAI,YAAY,OAAA,CAAA;CACpC;CAEA,gBAAwB,GAAmC,GAAA;EAC1D,KAAK,aAAa,GAClB,KAAK,YAAY,KAAgB;EACjC,IAAM,IAAS,KAAK,WAAW;EAC/B,IAAI,GAAQ;GACX,KAAK,IAAM,KAAK;IAAC;IAAc;IAAW;IAAS;GAAA,GAAS,EAAO,OAAO,CAAA;GAC1E,EAAO,IAAI,CAAA;EACZ;EAGe,AAAX,MAAW,eAAc,KAAK,aAAa,aAAa,MAAA,IACvD,KAAK,gBAAgB,WAAA,GAG1B,KAAK,cACJ,IAAI,YAA6B,aAAa;GAC7C,QAAQ,EAAA,GAAK,EAAgB,MAAA;GAC7B,SAAA,CAAS;GACT,UAAA,CAAU;EAAA,CAAA,CAAA;CAGb;CAOA,cAAqB,GAAc,GAAA;EAClC,IAAM,IAAQ,KAAK,aAAa,MAAK,MAAK,EAAE,SAAS,CAAA;EACrD,OAAA,CAAA,CAAK,MACL,EAAM,kBAAkB,CAAA,GACxB,EAAM,cAAA,GAAA,CACC;CACR;CAMA,aAAoB,GAAiB,GAAA;EACpC,EAAgB,IAAI;GAAA,GAChB,EAAgB;GACnB,QAAQ;GACR,OAAO;IAAE,SAAA;IAAS,MAAA;GAAA;EAAA,CAAA,GAEnB,KAAK,gBAAgB,SAAS,CAAA;CAC/B;CAYA,iBAAA;EACC,KAAK,aAAa,SAAQ,MAAK,EAAE,eAAA,CAAA,GACjC,EAAgB,IAAI;GAAA,GAChB,EAAgB;GACnB,QAAQ;GACR,OAAO;EAAA,CAAA,GAER,KAAK,gBAAgB,MAAA;CACtB;CAGA,SAAA;EACC,IAAM,IAAO,KAAK,YAAY,cAAc,MAAA;EAC5C,OAAA,CAAA,CAAK,MACL,EAAK,cAAA,GAAA,CACE;CACR;CAGA,QAAA;EAAA,CACc,KAAK,YAAY,cAAc,MAAA,IACtC,MAAA;CACP;CAEA,iBAAA;EACC,OAAO,KAAK,aAAa,OAAM,MAAK,EAAE,eAAA,CAAA;CACvC;CAEA,gBAAA;EACC,OAAO,KAAK,aAAa,OAAM,MAAK,EAAE,cAAA,CAAA;CACvC;CAGA,cAAA;EACC,IAAM,IAAW,IAAI,SAAA;EACrB,KAAK,IAAM,KAAS,KAAK,cACxB,KAAK,IAAA,CAAO,GAAG,MAAM,EAAM,cAAA,GAAiB,EAAS,OAAO,GAAG,CAAA;EAEhE,OAAO;CACR;CAEA,SAAA;EACC,OAAO,CAAI;iCACoB,CAAC,CAAA,EAAA;;mBAEf,KAAK,WAAA;eACT,KAAK,SAAA;cACN,KAAK,QAAA;;;;;;;;;;;;;;;;;OAiBZ,KAAK,eAAe,UAAU,KAAK,YAAY,GAAA;;;CAGrD;AAAA;AAAA,EAAA,CA7TC,EAAS,EAAE,WAAA,CAAW,EAAA,CAAA,CAAA,GAAO,EAAA,WAAA,UAAA,KAAA,CAAA,GAAA,EAAA,CAI7B,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,cAAA,KAAA,CAAA,GAAA,EAAA,CAY1B,EAAA,CAAA,GAAM,EAAA,WAAA,cAAA,KAAA,CAAA,GAAA,EAAA,CACN,EAAA,CAAA,GAAM,EAAA,WAAA,aAAA,KAAA,CAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA/BP,EAAc,eAAA,CAAA,GAAe,CAAA;AAAA,SAAA,KAAA,GAAA,KAAA"}