@mhmo91/schmancy 0.10.42 → 0.10.43

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\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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"}
+{"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': true,\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': true,\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-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.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";

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\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"}
+{"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': true,\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': true,\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,CAAqN;GAErN,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,CAA6H;GAC7H,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,CA/GC,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-DkGyWSWy.cjs → float-BPQlDyai.cjs}

@@ -1 +1 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`),t=require(`./window-CmB9XZzT.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-CeKrBW2j.cjs`),t=require(`./window-Br1OmpL-.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-DkGyWSWy.cjs.map → float-BPQlDyai.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"float-DkGyWSWy.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-BPQlDyai.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-zn3DgXBT.js → float-BQcxj3i_.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./SchmancyElement-OG71FtNv.js";
-import { t } from "./window-C76zstbV.js";
+import { u as e } from "./SchmancyElement-Ob9yGkiG.js";
+import { t } from "./window-CCmN4but.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-zn3DgXBT.js.map → float-BQcxj3i_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"float-zn3DgXBT.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-BQcxj3i_.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.cjs

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

package/dist/float.js

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

package/dist/{form-DowzVsgI.cjs → form-CoWFnClb.cjs}

@@ -1,12 +1,10 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`),t=require(`./mixins-BoMURWag.cjs`),n=require(`./state-CumAEPQH.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; }
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`),t=require(`./mixins-Cjn20BQH.cjs`),n=require(`./state-BWQiqN6I.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}
-				>
+				<form ?novalidate=${this.novalidate} @submit=${this.onSubmit} @reset=${this.onReset}>
 					<slot></slot>
 				</form>
 				<!--
@@ -17,11 +15,8 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`
 					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>
+				<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-CoWFnClb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CoWFnClb.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> extends SchmancyElement {\n\tstatic styles = css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\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(node => isButton(node) && node.getAttribute('type') === 'reset')\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(node => isButton(node) && node.getAttribute('type') === 'submit')\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 HTMLElement | 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 ?novalidate=${this.novalidate} @submit=${this.onSubmit} @reset=${this.onReset}>\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 role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"sr-only\">\n\t\t\t\t\t${this.liveStatus === 'error' ? this.liveError : ''}\n\t\t\t\t</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-tG7LwDm4.js → form-hC2LvCHX.js}

@@ -1,6 +1,6 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import { r as n } from "./mixins-bCEXbwJV.js";
-import { s as r } from "./state-DMd_FUeA.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import { r as n } from "./mixins-q4KAL8Xr.js";
+import { s as r } from "./state-DBA_gzJO.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";
@@ -20,7 +20,9 @@ var d = r("schmancy/form-submit").memory({
 	}
 	static {
 		this.styles = l`
-		:host { display: block; }
+		:host {
+			display: block;
+		}
 	`;
 	}
 	static {
@@ -157,11 +159,7 @@ var d = r("schmancy/form-submit").memory({
 	render() {
 		return u`
 			<schmancy-context .provides=${[d]}>
-				<form
-					?novalidate=${this.novalidate}
-					@submit=${this.onSubmit}
-					@reset=${this.onReset}
-				>
+				<form ?novalidate=${this.novalidate} @submit=${this.onSubmit} @reset=${this.onReset}>
 					<slot></slot>
 				</form>
 				<!--
@@ -172,12 +170,9 @@ var d = r("schmancy/form-submit").memory({
 					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>
+				<div role="status" aria-live="assertive" aria-atomic="true" class="sr-only">
+					${this.liveStatus === "error" ? this.liveError : ""}
+				</div>
 			</schmancy-context>
 		`;
 	}

package/dist/form-hC2LvCHX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-hC2LvCHX.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> extends SchmancyElement {\n\tstatic styles = css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\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(node => isButton(node) && node.getAttribute('type') === 'reset')\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(node => isButton(node) && node.getAttribute('type') === 'submit')\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 HTMLElement | 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 ?novalidate=${this.novalidate} @submit=${this.onSubmit} @reset=${this.onReset}>\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 role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"sr-only\">\n\t\t\t\t\t${this.liveStatus === 'error' ? this.liveError : ''}\n\t\t\t\t</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.cjs

@@ -1,18 +1,17 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`);require(`./mixins-BoMURWag.cjs`),require(`./autocomplete-Dq3BkitV.cjs`);const t=require(`./input-chip-CV91URyU.cjs`),n=require(`./checkbox-DXKdxkXE.cjs`),r=require(`./chips-9eG-96_D.cjs`),i=require(`./date-range-Q2xj5Syc.cjs`),a=require(`./form-DowzVsgI.cjs`),o=require(`./input-DnmC6J1T.cjs`);require(`./input.cjs`);const s=require(`./radio-group-6kCgOgBL.cjs`),c=require(`./range.cjs`),l=require(`./select-MXsF8KsU.cjs`),u=require(`./switch.cjs`);require(`./textarea-BwYwH9fu.cjs`);let d=require(`lit/decorators.js`),f=require(`lit`);var p=class extends e.t{constructor(...e){super(...e),this.bump=0,this.form=null}connectedCallback(){super.connectedCallback(),this.form=this.closest(`schmancy-form`),this.form&&(this.formObserver=new MutationObserver(()=>{this.bump++}),this.formObserver.observe(this.form,{attributes:!0,subtree:!0}),(async()=>{await this.form?.updateComplete;let e=this.form?.shadowRoot?.querySelector(`[role="status"]`);e&&this.formObserver?.observe(e,{childList:!0,characterData:!0,subtree:!0}),this.bump++})())}disconnectedCallback(){this.formObserver?.disconnect(),this.formObserver=void 0,super.disconnectedCallback()}readFormStatus(){return this.form?this.form.matches(`:state(error)`)?`error`:this.form.matches(`:state(submitting)`)?`submitting`:this.form.matches(`:state(success)`)?`success`:`idle`:`idle`}readFormMessage(){return(this.form?.shadowRoot?.querySelector(`[role="status"]`))?.textContent?.trim()??``}readInvalidFields(){if(!this.form)return[];let e=[];for(let t of Array.from(this.form.querySelectorAll(`*`))){if(!(t instanceof HTMLElement))continue;let n=!1;try{n=t.matches(`:state(invalid)`)}catch{continue}if(!n)continue;let r=t;e.push({id:r.id,label:r.label||r.name||`(field)`,message:r.validationMessage||`Invalid value`})}return e}render(){if(this.bump,this.readFormStatus()!==`error`)return f.nothing;let e=this.readFormMessage(),t=this.readInvalidFields(),n=t.length;return f.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`);require(`./mixins-Cjn20BQH.cjs`),require(`./autocomplete-CILzaDB7.cjs`);const t=require(`./input-chip-BUuFJUky.cjs`),n=require(`./checkbox-DZ2Wrz7Y.cjs`),r=require(`./chips-BHBVkxsa.cjs`),i=require(`./date-range-CVAWMdar.cjs`),a=require(`./form-CoWFnClb.cjs`),o=require(`./input-DSfwfhhj.cjs`);require(`./input.cjs`);const s=require(`./radio-group-CaAjg9UV.cjs`),c=require(`./range.cjs`),l=require(`./select-DcLcpPCh.cjs`),u=require(`./switch.cjs`);require(`./textarea-CGgznhd6.cjs`);let d=require(`lit/decorators.js`),f=require(`lit`);var p=class extends e.t{constructor(...e){super(...e),this.bump=0,this.form=null}connectedCallback(){super.connectedCallback(),this.form=this.closest(`schmancy-form`),this.form&&(this.formObserver=new MutationObserver(()=>{this.bump++}),this.formObserver.observe(this.form,{attributes:!0,subtree:!0}),(async()=>{await this.form?.updateComplete;let e=this.form?.shadowRoot?.querySelector(`[role="status"]`);e&&this.formObserver?.observe(e,{childList:!0,characterData:!0,subtree:!0}),this.bump++})())}disconnectedCallback(){this.formObserver?.disconnect(),this.formObserver=void 0,super.disconnectedCallback()}readFormStatus(){return this.form?this.form.matches(`:state(error)`)?`error`:this.form.matches(`:state(submitting)`)?`submitting`:this.form.matches(`:state(success)`)?`success`:`idle`:`idle`}readFormMessage(){return(this.form?.shadowRoot?.querySelector(`[role="status"]`))?.textContent?.trim()??``}readInvalidFields(){if(!this.form)return[];let e=[];for(let t of Array.from(this.form.querySelectorAll(`*`))){if(!(t instanceof HTMLElement))continue;let n=!1;try{n=t.matches(`:state(invalid)`)}catch{continue}if(!n)continue;let r=t;e.push({id:r.id,label:r.label||r.name||`(field)`,message:r.validationMessage||`Invalid value`})}return e}render(){if(this.bump,this.readFormStatus()!==`error`)return f.nothing;let e=this.readFormMessage(),t=this.readInvalidFields(),n=t.length;return f.html`
 			<div role="alert" aria-labelledby="schmancy-form-summary-heading">
 				<h2 id="schmancy-form-summary-heading">${this.heading??(n===0?`There is a problem with this form`:`There ${n===1?`is`:`are`} ${n} problem${n===1?``:`s`} with this form`)}</h2>
 				${e?f.html`<p>${e}</p>`:f.nothing}
 				${n>0?f.html`
-						<ul>
-							${t.map(e=>f.html`
-									<li>
-										<a
-											href="#${e.id}"
-											@click=${t=>this.jumpToField(t,e.id)}
-										>${e.label}: ${e.message}</a>
-									</li>
-								`)}
-						</ul>
-					`:f.nothing}
+							<ul>
+								${t.map(e=>f.html`
+										<li>
+											<a href="#${e.id}" @click=${t=>this.jumpToField(t,e.id)}
+												>${e.label}: ${e.message}</a
+											>
+										</li>
+									`)}
+							</ul>
+						`:f.nothing}
 			</div>
-		`}jumpToField(e,t){e.preventDefault(),(this.form?.querySelector(`#${CSS.escape(t)}`))?.focus()}};e.u([(0,d.property)({type:String})],p.prototype,`heading`,void 0),e.u([(0,d.state)()],p.prototype,`bump`,void 0),p=e.u([(0,d.customElement)(`schmancy-form-summary`)],p),Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return s.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return s.n}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return n.t}}),exports.SchmancyChip=r.n,exports.SchmancyFilterChip=r.n,Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return i.t}}),exports.SchmancyForm=a.t,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return p}}),exports.SchmancyInput=o.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return t.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return c.SchmancyRange}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return u.SchmancySwitch}}),exports.formSubmitState=a.n,exports.validateInitialDateRange=i.n;
+		`}jumpToField(e,t){e.preventDefault(),(this.form?.querySelector(`#${CSS.escape(t)}`))?.focus()}};e.u([(0,d.property)({type:String})],p.prototype,`heading`,void 0),e.u([(0,d.state)()],p.prototype,`bump`,void 0),p=e.u([(0,d.customElement)(`schmancy-form-summary`)],p),Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return s.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return s.n}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return n.t}}),exports.SchmancyChip=r.n,exports.SchmancyFilterChip=r.n,Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return i.t}}),Object.defineProperty(exports,`SchmancyDateRangeDialog`,{enumerable:!0,get:function(){return i.n}}),exports.SchmancyForm=a.t,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return p}}),exports.SchmancyInput=o.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return t.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return c.SchmancyRange}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return u.SchmancySwitch}}),exports.formSubmitState=a.n;

package/dist/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this.bump++ }\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.cjs","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => {\n\t\t\tthis.bump++\n\t\t}\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#${f.id}\" @click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}

package/dist/form.js

@@ -1,18 +1,18 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
-import "./autocomplete-UNOknYUz.js";
-import { t as n } from "./input-chip-CYI17YOq.js";
-import { t as r } from "./checkbox-7vEPZuGC.js";
-import { n as i, r as a, t as o } from "./chips-DF7akwz7.js";
-import { n as s, t as c } from "./date-range-C13_R3OA.js";
-import { n as l, t as u } from "./form-tG7LwDm4.js";
-import { n as d, t as f } from "./input-cTyDxW9L.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
+import "./autocomplete-DV9RxCun.js";
+import { t as n } from "./input-chip-C3a1fwKB.js";
+import { t as r } from "./checkbox-Bjp7kWuE.js";
+import { n as i, r as a, t as o } from "./chips-DACeW7YL.js";
+import { n as s, t as c } from "./date-range-D2NZU5Yg.js";
+import { n as l, t as u } from "./form-hC2LvCHX.js";
+import { n as d, t as f } from "./input-CPFCSQld.js";
 import "./input.js";
-import { n as p, t as m } from "./radio-group-bZtZHOj_.js";
+import { n as p, t as m } from "./radio-group-Drpl6Pl8.js";
 import { SchmancyRange as h } from "./range.js";
-import { t as g } from "./select-CU3X-PIa.js";
+import { t as g } from "./select-CTXkrrVZ.js";
 import { SchmancySwitch as _ } from "./switch.js";
-import "./textarea-kkYNk1ET.js";
+import "./textarea-BjDx1w2g.js";
 import { customElement as v, property as y, state as b } from "lit/decorators.js";
 import { html as x, nothing as S } from "lit";
 var C = class extends e {
@@ -73,17 +73,16 @@ var C = class extends e {
 				<h2 id="schmancy-form-summary-heading">${this.heading ?? (n === 0 ? "There is a problem with this form" : `There ${n === 1 ? "is" : "are"} ${n} problem${n === 1 ? "" : "s"} with this form`)}</h2>
 				${e ? x`<p>${e}</p>` : S}
 				${n > 0 ? x`
-						<ul>
-							${t.map((e) => x`
-									<li>
-										<a
-											href="#${e.id}"
-											@click=${(t) => this.jumpToField(t, e.id)}
-										>${e.label}: ${e.message}</a>
-									</li>
-								`)}
-						</ul>
-					` : S}
+							<ul>
+								${t.map((e) => x`
+										<li>
+											<a href="#${e.id}" @click=${(t) => this.jumpToField(t, e.id)}
+												>${e.label}: ${e.message}</a
+											>
+										</li>
+									`)}
+							</ul>
+						` : S}
 			</div>
 		`;
 	}
@@ -92,4 +91,4 @@ var C = class extends e {
 	}
 };
 t([y({ type: String })], C.prototype, "heading", void 0), t([b()], C.prototype, "bump", void 0), C = t([v("schmancy-form-summary")], C);
-export { m as RadioButton, p as RadioGroup, a as SchmancyAssistChip, r as SchmancyCheckbox, i as SchmancyChip, i as SchmancyFilterChip, c as SchmancyDateRange, u as SchmancyForm, C as SchmancyFormSummary, d as SchmancyInput, n as SchmancyInputChip, f as SchmancyInputCompat, h as SchmancyRange, g as SchmancySelect, o as SchmancySuggestionChip, _ as SchmancySwitch, l as formSubmitState, s as validateInitialDateRange };
+export { m as RadioButton, p as RadioGroup, a as SchmancyAssistChip, r as SchmancyCheckbox, i as SchmancyChip, i as SchmancyFilterChip, c as SchmancyDateRange, s as SchmancyDateRangeDialog, u as SchmancyForm, C as SchmancyFormSummary, d as SchmancyInput, n as SchmancyInputChip, f as SchmancyInputCompat, h as SchmancyRange, g as SchmancySelect, o as SchmancySuggestionChip, _ as SchmancySwitch, l as formSubmitState };

package/dist/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this.bump++ }\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.js","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => {\n\t\t\tthis.bump++\n\t\t}\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#${f.id}\" @click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}

package/dist/gravity-6pL6CfIr.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"gravity-6pL6CfIr.cjs","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(options?: GravityOptions) {\n\t\tvoid options\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.animation = undefined\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t).subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":"2OAiCA,IAAM,EAAN,cAA+B,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,YAAA,CAGR,CAAA,CAGtB,OAAO,EAAA,CAGP,CAEA,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,8CAAA,EAMjB,GAHA,KAAK,QAAU,EAAK,QACpB,KAAK,QAAU,EAEX,KAAK,YAAa,OACtB,GAAI,EAAA,EAAe,MAElB,OAAA,KADA,KAAK,YAAA,CAAc,GAIpB,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,GAAS,MAAQ,CAAA,CAAA,EACpD,EAAW,GAAS,UAAY,GAChC,GAAS,GAAS,OAAS,IAAM,GAAS,SAAW,GAE3D,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CAGpB,CAEA,aAAA,CAEC,GADA,KAAK,YAAA,CAAc,EACf,KAAK,SAAA,CAAY,EAAA,EAAe,MAAO,CAC1C,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,KAAK,QAAQ,MAAQ,CAAA,CAAA,EACxD,EAAW,KAAK,QAAQ,UAAY,GACpC,GAAS,KAAK,QAAQ,OAAS,IAAM,KAAK,QAAQ,SAAW,GACnE,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CACpB,CACD,CAEA,QAAgB,EAAc,EAAkB,EAAA,CAC/C,IAAM,EAAS,EAAO,GAAM,EAAA,EAAgB,EAAA,EACtC,EAAW,EAAO,UAAY,EAAI,KAAK,KAAK,CAAA,GAC5C,EAA2B,EAAI,EAAhB,EAErB,KAAK,WAAW,OAAA,EAEhB,KAAK,QAAQ,MAAM,WAAa,qBAChC,KAAK,UAAY,KAAK,QAAQ,QAC7B,CACC,CAAE,QAAS,EAAG,UAAW,eAAe,EAAA,IAAA,EACxC,CAAE,QAAS,EAAG,UAAW,eAAA,CAAA,EAE1B,CACC,SAAA,EACA,MAAA,EACA,OAAQ,EAAO,eACf,KAAM,WAAA,CAAA,GAKR,EAAA,EAAA,MAAK,KAAK,UAAU,QAAA,EAAU,MAAA,EAAA,EAAA,MACxB,CAAA,GAAC,EAAA,EAAA,SAAA,CAEL,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,UAAA,IAAY,EAAA,CAAA,GACjB,EAAA,EAAA,gBACgB,EAAA,KAAA,CAAA,EAChB,UAAA,CACH,CAEA,cAAA,CACC,KAAK,WAAW,OAAA,EAChB,KAAK,UAAA,IAAY,EAClB,CAAA,EAGY,GAAA,EAAA,EAAA,WAAoB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"gravity-6pL6CfIr.cjs","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(options?: GravityOptions) {\n\t\tvoid options\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\t\tthis.animation = undefined\n\t\t\t\t}),\n\t\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":"2OAiCA,IAAM,EAAN,cAA+B,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,YAAA,CAGR,CAAA,CAGtB,OAAO,EAAA,CAGP,CAEA,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,8CAAA,EAMjB,GAHA,KAAK,QAAU,EAAK,QACpB,KAAK,QAAU,EAEX,KAAK,YAAa,OACtB,GAAI,EAAA,EAAe,MAElB,OAAA,KADA,KAAK,YAAA,CAAc,GAIpB,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,GAAS,MAAQ,CAAA,CAAA,EACpD,EAAW,GAAS,UAAY,GAChC,GAAS,GAAS,OAAS,IAAM,GAAS,SAAW,GAE3D,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CAGpB,CAEA,aAAA,CAEC,GADA,KAAK,YAAA,CAAc,EACf,KAAK,SAAA,CAAY,EAAA,EAAe,MAAO,CAC1C,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,KAAK,QAAQ,MAAQ,CAAA,CAAA,EACxD,EAAW,KAAK,QAAQ,UAAY,GACpC,GAAS,KAAK,QAAQ,OAAS,IAAM,KAAK,QAAQ,SAAW,GACnE,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CACpB,CACD,CAEA,QAAgB,EAAc,EAAkB,EAAA,CAC/C,IAAM,EAAS,EAAO,GAAM,EAAA,EAAgB,EAAA,EACtC,EAAW,EAAO,UAAY,EAAI,KAAK,KAAK,CAAA,GAC5C,EAA2B,EAAI,EAAhB,EAErB,KAAK,WAAW,OAAA,EAEhB,KAAK,QAAQ,MAAM,WAAa,qBAChC,KAAK,UAAY,KAAK,QAAQ,QAC7B,CACC,CAAE,QAAS,EAAG,UAAW,eAAe,EAAA,IAAA,EACxC,CAAE,QAAS,EAAG,UAAW,eAAA,CAAA,EAE1B,CACC,SAAA,EACA,MAAA,EACA,OAAQ,EAAO,eACf,KAAM,WAAA,CAAA,GAKR,EAAA,EAAA,MAAK,KAAK,UAAU,QAAA,EAClB,MAAA,EAAA,EAAA,MACK,CAAA,GAAC,EAAA,EAAA,SAAA,CAEL,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,UAAA,IAAY,EAAA,CAAA,GACjB,EAAA,EAAA,gBACgB,EAAA,KAAA,CAAA,EAEjB,UAAA,CACH,CAEA,cAAA,CACC,KAAK,WAAW,OAAA,EAChB,KAAK,UAAA,IAAY,EAClB,CAAA,EAGY,GAAA,EAAA,EAAA,WAAoB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}