@mhmo91/schmancy 0.7.7 → 0.8.3

package/dist/{form-cWJBcwc6.cjs → form-Zq7g2JS8.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("lit/decorators.js"),p=require("./tailwind.mixin-JFXu3GSo.cjs"),l=require("lit");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(e,t,s,a)=>{for(var n,o=a>1?void 0:a?g(t,s):t,r=e.length-1;r>=0;r--)(n=e[r])&&(o=(a?n(t,s,o):n(o))||o);return a&&o&&y(t,s,o),o};let i=class extends p.TailwindElement(){constructor(){super(),this.$disconnecting=new c.Subject,this.novalidate=!1,c.merge(c.fromEvent(this,"click").pipe(c.tap(e=>{e.target.type?.toLowerCase()==="submit"&&this.handleSubmitRequest(e)})),c.fromEvent(this,"keydown").pipe(c.tap(e=>{e.code!=="Enter"&&e.key!=="Enter"||this.handleSubmitRequest(e)}))).pipe(c.takeUntil(this.$disconnecting)).subscribe()}static registerFormControl(e){const t=this.formControlRegistry.findIndex(s=>s.tagName===e.tagName);t>=0?this.formControlRegistry[t]={...this.formControlRegistry[t],...e}:this.formControlRegistry.push(e)}static hasValue(e){return this.formControlRegistry.find(s=>s.tagName===e)?.hasValue||!1}static hasChecked(e){return this.formControlRegistry.find(s=>s.tagName===e)?.hasChecked||!1}static canSubmit(e){return this.formControlRegistry.find(s=>s.tagName===e)?.canSubmit||!1}disconnectedCallback(){super.disconnectedCallback(),this.$disconnecting.next(null),this.$disconnecting.complete()}submit(){const e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{const t=e.tagName.toLowerCase();if(t==="select"){const s=e;for(let a=0;a<s.options.length;a++){const n=s.options[a];n.selected=n.defaultSelected}}else t==="input"&&(e.type==="checkbox"||e.type==="radio")||t!=="input"&&i.hasChecked(t)?e.checked=e.hasAttribute("checked"):t==="schmancy-input"||t==="schmancy-rating"||t==="schmancy-mask-input"||t==="schmancy-date-time-input"?e.value=e.getAttribute("value"):i.hasValue(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){const e=this.shadowRoot?.querySelector("slot"),t=e?.assignedElements({flatten:!0}),s=[];return t?.forEach(a=>{a.disabled||s.push(a);const n=Array.from(a.getElementsByTagName("*")).filter(o=>!o.disabled);s.push(...n)}),s}getFormData(){const e=new FormData;return this.getFormElements().forEach(t=>{if(!t.name)return;const s=t.tagName.toLowerCase();if(s==="select")for(let a=0;a<t.options.length;a++){const n=t.options[a];n.selected&&e.append(t.name,n.value)}else i.hasChecked(s)&&t.checked?e.append(t.name,t.value||"on"):i.hasValue(s)&&t.type!=="checkbox"&&t.type!=="radio"&&t.type!=="submit"&&e.append(t.name,t.value||"")}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity=="function"&&e.reportValidity()===!1)}handleSubmitRequest(e){const t=e.target,s=t.tagName.toLowerCase();return i.canSubmit(s)?this.submit():t.type?.toLowerCase()==="reset"&&this.reset(),!0}render(){return l.html`<slot></slot>`}};i.tagName="sch-form",i.formControlRegistry=[{tagName:"input",hasValue:!0,hasChecked:!0,canSubmit:!0},{tagName:"textarea",hasValue:!0},{tagName:"select",hasValue:!0},{tagName:"button",canSubmit:!0},{tagName:"radio",hasChecked:!0},{tagName:"schmancy-input",hasValue:!0,canSubmit:!0},{tagName:"schmancy-mask-input",hasValue:!0},{tagName:"schmancy-button",canSubmit:!0},{tagName:"schmancy-icon-button",canSubmit:!0},{tagName:"schmancy-radio",hasChecked:!0},{tagName:"schmancy-switch",hasChecked:!0},{tagName:"schmancy-checkbox",hasValue:!0,hasChecked:!0},{tagName:"schmancy-radio-group",hasChecked:!0},{tagName:"schmancy-autocomplete",hasValue:!0,hasChecked:!0},{tagName:"schmancy-select",hasValue:!0,hasChecked:!0},{tagName:"schmancy-combo",hasValue:!0},{tagName:"schmancy-date-time-input",hasValue:!0},{tagName:"schmancy-rating",hasValue:!0}],i.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},u([m.property({type:Boolean,reflect:!0})],i.prototype,"novalidate",2),i=u([m.customElement("sch-form")],i);var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,d=(e,t,s,a)=>{for(var n,o=a>1?void 0:a?f(t,s):t,r=e.length-1;r>=0;r--)(n=e[r])&&(o=(a?n(t,s,o):n(o))||o);return a&&o&&b(t,s,o),o};let h=class extends p.TailwindElement(){constructor(){super(),this.$disconnecting=new c.Subject,this._controlsWithChecked=["input","radio","schmancy-radio","schmancy-switch","schmancy-checkbox","schmancy-radio-group","schmancy-autocomplete","schmancy-select"],this._controlsWithValue=["input","schmancy-input","schmancy-mask-input","textarea","schmancy-rating","schmancy-select","schmancy-combo","schmancy-date-time-input","schmancy-autocomplete","schmancy-checkbox","schmancy-select"],this._controlsThatSubmit=["button","schmancy-input","schmancy-button","schmancy-icon-button"],this.novalidate=!1,c.merge(c.fromEvent(this,"click").pipe(c.tap(e=>{e.target.type?.toLowerCase()==="submit"&&this.handleSubmitRequest(e)})),c.fromEvent(this,"keydown").pipe(c.tap(e=>{e.code!=="Enter"&&e.key!=="Enter"||this.handleSubmitRequest(e)}))).pipe(c.takeUntil(this.$disconnecting)).subscribe()}submit(){const e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{const t=e.tagName.toLowerCase();if(t==="select")for(let s=0;s<e.options.length;s++){const a=e.options[s];a.selected=a.defaultSelected}else t==="input"&&(e.type==="checkbox"||e.type=="radio")||t!=="input"&&this._controlsWithChecked.includes(t)?e.checked=e.hasAttribute("checked"):t==="schmancy-input"||t==="schmancy-rating"||t==="schmancy-mask-input"||t==="schmancy-date-time-input"?e.value=e.getAttribute("value"):this._controlsWithValue.includes(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){const e=this.shadowRoot?.querySelector("slot"),t=e?.assignedElements({flatten:!0}),s=[];return t?.forEach(a=>{a.disabled||s.push(a);const n=Array.from(a.getElementsByTagName("*")).filter(o=>!o.disabled);s.push(...n)}),s}getFormData(){const e=new FormData;return this.getFormElements().forEach(t=>{const s=t.tagName.toLowerCase();if(s==="select")for(let a=0;a<t.options.length;a++){const n=t.options[a];n.selected&&e.append(t.name,n.value)}else this._controlsWithChecked.includes(s)&&t.checked?e.append(t.name,t.value||"on"):this._controlsWithValue.includes(s)&&t.type!=="checkbox"&&t.type!=="radio"&&t.type!=="submit"&&e.append(t.name,t.value)}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity=="function"&&e.reportValidity()===!1)}handleSubmitRequest(e){const t=e.target;return this._controlsThatSubmit.includes(t.tagName.toLowerCase())?this.submit():t.type?.toLowerCase()==="reset"&&this.reset(),!0}render(){return l.html`<slot></slot>`}};h.tagName="schmancy-form",h.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},d([m.property({type:Boolean,reflect:!0})],h.prototype,"novalidate",2),h=d([m.customElement("schmancy-form")],h);
-//# sourceMappingURL=form-cWJBcwc6.cjs.map
+"use strict";const c=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("lit/decorators.js"),p=require("./tailwind.mixin-UijsBrYW.cjs"),l=require("lit");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(e,t,s,a)=>{for(var n,o=a>1?void 0:a?g(t,s):t,r=e.length-1;r>=0;r--)(n=e[r])&&(o=(a?n(t,s,o):n(o))||o);return a&&o&&y(t,s,o),o};let i=class extends p.TailwindElement(){constructor(){super(),this.$disconnecting=new c.Subject,this.novalidate=!1,c.merge(c.fromEvent(this,"click").pipe(c.tap(e=>{e.target.type?.toLowerCase()==="submit"&&this.handleSubmitRequest(e)})),c.fromEvent(this,"keydown").pipe(c.tap(e=>{e.code!=="Enter"&&e.key!=="Enter"||this.handleSubmitRequest(e)}))).pipe(c.takeUntil(this.$disconnecting)).subscribe()}static registerFormControl(e){const t=this.formControlRegistry.findIndex(s=>s.tagName===e.tagName);t>=0?this.formControlRegistry[t]={...this.formControlRegistry[t],...e}:this.formControlRegistry.push(e)}static hasValue(e){return this.formControlRegistry.find(s=>s.tagName===e)?.hasValue||!1}static hasChecked(e){return this.formControlRegistry.find(s=>s.tagName===e)?.hasChecked||!1}static canSubmit(e){return this.formControlRegistry.find(s=>s.tagName===e)?.canSubmit||!1}disconnectedCallback(){super.disconnectedCallback(),this.$disconnecting.next(null),this.$disconnecting.complete()}submit(){const e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{const t=e.tagName.toLowerCase();if(t==="select"){const s=e;for(let a=0;a<s.options.length;a++){const n=s.options[a];n.selected=n.defaultSelected}}else t==="input"&&(e.type==="checkbox"||e.type==="radio")||t!=="input"&&i.hasChecked(t)?e.checked=e.hasAttribute("checked"):t==="schmancy-input"||t==="schmancy-rating"||t==="schmancy-mask-input"||t==="schmancy-date-time-input"?e.value=e.getAttribute("value"):i.hasValue(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){const e=this.shadowRoot?.querySelector("slot"),t=e?.assignedElements({flatten:!0}),s=[];return t?.forEach(a=>{a.disabled||s.push(a);const n=Array.from(a.getElementsByTagName("*")).filter(o=>!o.disabled);s.push(...n)}),s}getFormData(){const e=new FormData;return this.getFormElements().forEach(t=>{if(!t.name)return;const s=t.tagName.toLowerCase();if(s==="select")for(let a=0;a<t.options.length;a++){const n=t.options[a];n.selected&&e.append(t.name,n.value)}else i.hasChecked(s)&&t.checked?e.append(t.name,t.value||"on"):i.hasValue(s)&&t.type!=="checkbox"&&t.type!=="radio"&&t.type!=="submit"&&e.append(t.name,t.value||"")}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity=="function"&&e.reportValidity()===!1)}handleSubmitRequest(e){const t=e.target,s=t.tagName.toLowerCase();return i.canSubmit(s)?this.submit():t.type?.toLowerCase()==="reset"&&this.reset(),!0}render(){return l.html`<slot></slot>`}};i.tagName="sch-form",i.formControlRegistry=[{tagName:"input",hasValue:!0,hasChecked:!0,canSubmit:!0},{tagName:"textarea",hasValue:!0},{tagName:"select",hasValue:!0},{tagName:"button",canSubmit:!0},{tagName:"radio",hasChecked:!0},{tagName:"schmancy-input",hasValue:!0,canSubmit:!0},{tagName:"schmancy-mask-input",hasValue:!0},{tagName:"schmancy-button",canSubmit:!0},{tagName:"schmancy-icon-button",canSubmit:!0},{tagName:"schmancy-radio",hasChecked:!0},{tagName:"schmancy-switch",hasChecked:!0},{tagName:"schmancy-checkbox",hasValue:!0,hasChecked:!0},{tagName:"schmancy-radio-group",hasChecked:!0},{tagName:"schmancy-autocomplete",hasValue:!0,hasChecked:!0},{tagName:"schmancy-select",hasValue:!0,hasChecked:!0},{tagName:"schmancy-combo",hasValue:!0},{tagName:"schmancy-date-time-input",hasValue:!0},{tagName:"schmancy-rating",hasValue:!0}],i.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},u([m.property({type:Boolean,reflect:!0})],i.prototype,"novalidate",2),i=u([m.customElement("sch-form")],i);var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,d=(e,t,s,a)=>{for(var n,o=a>1?void 0:a?f(t,s):t,r=e.length-1;r>=0;r--)(n=e[r])&&(o=(a?n(t,s,o):n(o))||o);return a&&o&&b(t,s,o),o};let h=class extends p.TailwindElement(){constructor(){super(),this.$disconnecting=new c.Subject,this._controlsWithChecked=["input","radio","schmancy-radio","schmancy-switch","schmancy-checkbox","schmancy-radio-group","schmancy-autocomplete","schmancy-select"],this._controlsWithValue=["input","schmancy-input","schmancy-mask-input","textarea","schmancy-rating","schmancy-select","schmancy-combo","schmancy-date-time-input","schmancy-autocomplete","schmancy-checkbox","schmancy-select"],this._controlsThatSubmit=["button","schmancy-input","schmancy-button","schmancy-icon-button"],this.novalidate=!1,c.merge(c.fromEvent(this,"click").pipe(c.tap(e=>{e.target.type?.toLowerCase()==="submit"&&this.handleSubmitRequest(e)})),c.fromEvent(this,"keydown").pipe(c.tap(e=>{e.code!=="Enter"&&e.key!=="Enter"||this.handleSubmitRequest(e)}))).pipe(c.takeUntil(this.$disconnecting)).subscribe()}submit(){const e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{const t=e.tagName.toLowerCase();if(t==="select")for(let s=0;s<e.options.length;s++){const a=e.options[s];a.selected=a.defaultSelected}else t==="input"&&(e.type==="checkbox"||e.type=="radio")||t!=="input"&&this._controlsWithChecked.includes(t)?e.checked=e.hasAttribute("checked"):t==="schmancy-input"||t==="schmancy-rating"||t==="schmancy-mask-input"||t==="schmancy-date-time-input"?e.value=e.getAttribute("value"):this._controlsWithValue.includes(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){const e=this.shadowRoot?.querySelector("slot"),t=e?.assignedElements({flatten:!0}),s=[];return t?.forEach(a=>{a.disabled||s.push(a);const n=Array.from(a.getElementsByTagName("*")).filter(o=>!o.disabled);s.push(...n)}),s}getFormData(){const e=new FormData;return this.getFormElements().forEach(t=>{const s=t.tagName.toLowerCase();if(s==="select")for(let a=0;a<t.options.length;a++){const n=t.options[a];n.selected&&e.append(t.name,n.value)}else this._controlsWithChecked.includes(s)&&t.checked?e.append(t.name,t.value||"on"):this._controlsWithValue.includes(s)&&t.type!=="checkbox"&&t.type!=="radio"&&t.type!=="submit"&&e.append(t.name,t.value)}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity=="function"&&e.reportValidity()===!1)}handleSubmitRequest(e){const t=e.target;return this._controlsThatSubmit.includes(t.tagName.toLowerCase())?this.submit():t.type?.toLowerCase()==="reset"&&this.reset(),!0}render(){return l.html`<slot></slot>`}};h.tagName="schmancy-form",h.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},d([m.property({type:Boolean,reflect:!0})],h.prototype,"novalidate",2),h=d([m.customElement("schmancy-form")],h);
+//# sourceMappingURL=form-Zq7g2JS8.cjs.map

package/dist/{form-cWJBcwc6.cjs.map → form-Zq7g2JS8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"form-cWJBcwc6.cjs","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\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}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","constructor","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","find","hasValue","hasChecked","canSubmit","disconnectedCallback","next","complete","submit","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","reset","render","html","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":"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"}
+{"version":3,"file":"form-Zq7g2JS8.cjs","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\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}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","constructor","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","find","hasValue","hasChecked","canSubmit","disconnectedCallback","next","complete","submit","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","reset","render","html","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":"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"}

package/dist/form.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./form-cWJBcwc6.cjs");
+"use strict";require("./form-Zq7g2JS8.cjs");
 //# sourceMappingURL=form.cjs.map

package/dist/form.js

@@ -1,2 +1,2 @@
-import "./form-tpyd1nsT.js";
+import "./form-BtRK9bnp.js";
 //# sourceMappingURL=form.js.map

package/dist/{formField.mixin-Mx5CwYUh.js → formField.mixin-2jSL7WF_.js}

@@ -1,5 +1,5 @@
 import { property as i } from "lit/decorators.js";
-import { T as n } from "./tailwind.mixin-wLaKUxf1.js";
+import { T as n } from "./tailwind.mixin-Ddt05Frc.js";
 var h = Object.defineProperty, r = (s, e, a, p) => {
   for (var t, o = void 0, l = s.length - 1; l >= 0; l--) (t = s[l]) && (o = t(e, a, o) || o);
   return o && h(e, a, o), o;
@@ -45,4 +45,4 @@ export {
   d as F,
   c as S
 };
-//# sourceMappingURL=formField.mixin-Mx5CwYUh.js.map
+//# sourceMappingURL=formField.mixin-2jSL7WF_.js.map

package/dist/{formField.mixin-Mx5CwYUh.js.map → formField.mixin-2jSL7WF_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formField.mixin-Mx5CwYUh.js","sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["FormFieldMixin","superClass","FormFieldMixinClass","args","super","this","name","value","label","required","disabled","readonly","error","validationMessage","id","Date","now","Math","floor","random","internals","attachInternals","form","changedProps","willUpdate","has","setFormValue","setValidity","customError","checkValidity","isValid","reportValidity","message","detail","dispatchEvent","CustomEvent","bubbles","composed","formAssociated","_e","__decorateClass","property","type","String","prototype","reflect","Boolean","SchmancyFormField","componentStyle","TailwindElement"],"mappings":"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"}
+{"version":3,"file":"formField.mixin-2jSL7WF_.js","sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["FormFieldMixin","superClass","FormFieldMixinClass","args","super","this","name","value","label","required","disabled","readonly","error","validationMessage","id","Date","now","Math","floor","random","internals","attachInternals","form","changedProps","willUpdate","has","setFormValue","setValidity","customError","checkValidity","isValid","reportValidity","message","detail","dispatchEvent","CustomEvent","bubbles","composed","formAssociated","_e","__decorateClass","property","type","String","prototype","reflect","Boolean","SchmancyFormField","componentStyle","TailwindElement"],"mappings":";;;;;;AA6CO,SAASA,EAAkDC,GAAAA;AACjE,QAAMC,IAAN,MAAMA,UAA4BD,EAAAA;AAAAA,IAmEjC,eAAeE,GAAAA;AACdC,YAAAA,GAASD,CAAAA,GAzDVE,KAAAC,OAAe,IAMfD,KAAAE,QAA0D,IAM1DF,KAAAG,QAAgB,IAMhBH,KAAAI,WAAAA,IAMAJ,KAAAK,WAAAA,IAMAL,KAAAM,eAMAN,KAAAO,QAAAA,IAMAP,KAAAQ,oBAA4B,IAY5BR,KAASS,KAAa,kBAAkBC,KAAKC,IAAAA,CAAAA,IAASC,KAAKC,MAAsB,MAAhBD,KAAKE,OAAAA,CAAAA,CAAAA;AAIrE,UAAA;AACCd,aAAKe,YAAYf,KAAKgB,gBAAAA;AAAAA,MACvB,QAAA;AACChB,aAAKe;MACN;AAAA,IACD;AAAA,IAKA,IAAA,OAAIE;AACH,aAAOjB,KAAKe,WAAWE,QAAQ;AAAA,IAChC;AAAA,IAKU,WAAWC,GAAAA;AACpBnB,YAAMoB,WAAWD,IAGbA,EAAaE,IAAI,YACpBpB,KAAKe,WAAWM,aAAarB,KAAKE,KAAAA,IAI/BgB,EAAaE,IAAI,YAAYF,EAAaE,IAAI,mBAAA,OAC7CpB,KAAKO,SAASP,KAAKQ,oBACtBR,KAAKe,WAAWO,YAAY,EAAEC,aAAAA,MAAqBvB,KAAKQ,iBAAAA,IAExDR,KAAKe,WAAWO,YAAY;IAG/B;AAAA,IAKA,gBAAAE;AACC,aAAA,CAAA,CAAIxB,KAAKK,aAELL,KAAKI,YAAaJ,KAAKE,UAAU,MAAMF,KAAKE,oBAAuBF,KAAKE,UAAU,SACrFF,KAAKO,QAAAA,IACLP,KAAKQ,oBAAoB,0BAAA;AAAA,IAK3B;AAAA,IAKA;AACC,YAAMiB,IAAUzB,KAAKwB,cAAAA;AAIrB,aAHKC,KACJzB,KAAKe,WAAWW,eAAAA,GAEVD;AAAAA,IACR;AAAA,IAKA,kBAAkBE,GAAAA;AACjB3B,WAAKQ,oBAAoBmB,GACzB3B,KAAKO,QAAQoB,MAAY,IACrBA,IACH3B,KAAKe,WAAWO,YAAY,EAAEC,aAAAA,GAAa,GAAQI,KAEnD3B,KAAKe,WAAWO,YAAY;IAE9B;AAAA,IAKA,WAAWM,GAAAA;AACV5B,WAAK6B,cACJ,IAAIC,YAAY,UAAU,EACzBF,QAAAA,GACAG,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAGb;AAAA;AAzJAhC,EAAAA,EAAOiC,iBAAAA;AADR,MAAMpC,IAANqC;AA6JA,SAlJCC,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAVbzC,EAWL0C,WAAA,MAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEI,SAAAA,GAAS,CAAA,CAAA,GAhBhB3C,EAiBL0C,WAAA,OAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GAtBbzC,EAuBL0C,WAAA,OAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASD,SAAAA,GAAS,CAAA,CAAA,GA5B/B3C,EA6BL0C,WAAA,aAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASD,SAAAA,GAAS,CAAA,CAAA,GAlC/B3C,EAmCL0C,WAAA,aAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASD,SAAAA,GAAS,CAAA,CAAA,GAxC/B3C,EAyCL0C,WAAA,UAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASD,SAAAA,GAAS,CAAA,CAAA,GA9C/B3C,EA+CL0C,WAAA,OAAA,GAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GApDbzC,EAqDL0C,WAAA,sBAMAJ,EAAA,CADCC,EAAS,EAAEC,MAAMC,YA1DbzC,EA2DL0C,WAAA,MAAA,GAMSJ,EAAA,CADRC,EAAS,EAAEI,YAAS,CAAA,CAAA,GAhEhB3C,EAiEI0C,WAAA,IAAA,GA4FH1C;AACR;AAaO,SAAS6C,EAAuCC,GAAAA;AACtD,SAAOhD,EAAeiD,EAAgBD,CAAAA,CAAAA;AAIvC;"}

package/dist/{formField.mixin-XlN2pAL0.cjs → formField.mixin-DkN2ufR_.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("lit/decorators.js"),p=require("./tailwind.mixin-JFXu3GSo.cjs");var h=Object.defineProperty,i=(s,e,a,d)=>{for(var t,o=void 0,l=s.length-1;l>=0;l--)(t=s[l])&&(o=t(e,a,o)||o);return o&&h(e,a,o),o};function n(s){const a=class a extends s{constructor(...t){super(...t),this.name="",this.value="",this.label="",this.required=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.validationMessage="",this.id=`schmancy-field-${Date.now()}-${Math.floor(1e3*Math.random())}`;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form??null}willUpdate(t){super.willUpdate(t),t.has("value")&&this.internals?.setFormValue(this.value),(t.has("error")||t.has("validationMessage"))&&(this.error&&this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage):this.internals?.setValidity({}))}checkValidity(){return!!this.disabled||!this.required||this.value!==""&&this.value!==void 0&&this.value!==null||(this.error=!0,this.validationMessage="This field is required",!1)}reportValidity(){const t=this.checkValidity();return t||this.internals?.reportValidity(),t}setCustomValidity(t){this.validationMessage=t,this.error=t!=="",t?this.internals?.setValidity({customError:!0},t):this.internals?.setValidity({})}emitChange(t){this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}};a.formAssociated=!0;let e=a;return i([r.property({type:String})],e.prototype,"name"),i([r.property({reflect:!0})],e.prototype,"value"),i([r.property({type:String})],e.prototype,"label"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"required"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"disabled"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"readonly"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"error"),i([r.property({type:String})],e.prototype,"validationMessage"),i([r.property({type:String})],e.prototype,"hint"),i([r.property({reflect:!0})],e.prototype,"id"),e}exports.FormFieldMixin=n,exports.SchmancyFormField=function(s){return n(p.TailwindElement(s))};
-//# sourceMappingURL=formField.mixin-XlN2pAL0.cjs.map
+"use strict";const r=require("lit/decorators.js"),p=require("./tailwind.mixin-UijsBrYW.cjs");var h=Object.defineProperty,i=(s,e,a,d)=>{for(var t,o=void 0,l=s.length-1;l>=0;l--)(t=s[l])&&(o=t(e,a,o)||o);return o&&h(e,a,o),o};function n(s){const a=class a extends s{constructor(...t){super(...t),this.name="",this.value="",this.label="",this.required=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.validationMessage="",this.id=`schmancy-field-${Date.now()}-${Math.floor(1e3*Math.random())}`;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form??null}willUpdate(t){super.willUpdate(t),t.has("value")&&this.internals?.setFormValue(this.value),(t.has("error")||t.has("validationMessage"))&&(this.error&&this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage):this.internals?.setValidity({}))}checkValidity(){return!!this.disabled||!this.required||this.value!==""&&this.value!==void 0&&this.value!==null||(this.error=!0,this.validationMessage="This field is required",!1)}reportValidity(){const t=this.checkValidity();return t||this.internals?.reportValidity(),t}setCustomValidity(t){this.validationMessage=t,this.error=t!=="",t?this.internals?.setValidity({customError:!0},t):this.internals?.setValidity({})}emitChange(t){this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}};a.formAssociated=!0;let e=a;return i([r.property({type:String})],e.prototype,"name"),i([r.property({reflect:!0})],e.prototype,"value"),i([r.property({type:String})],e.prototype,"label"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"required"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"disabled"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"readonly"),i([r.property({type:Boolean,reflect:!0})],e.prototype,"error"),i([r.property({type:String})],e.prototype,"validationMessage"),i([r.property({type:String})],e.prototype,"hint"),i([r.property({reflect:!0})],e.prototype,"id"),e}exports.FormFieldMixin=n,exports.SchmancyFormField=function(s){return n(p.TailwindElement(s))};
+//# sourceMappingURL=formField.mixin-DkN2ufR_.cjs.map

package/dist/{formField.mixin-XlN2pAL0.cjs.map → formField.mixin-DkN2ufR_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"formField.mixin-XlN2pAL0.cjs","sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["FormFieldMixin","superClass","FormFieldMixinClass","args","super","this","name","value","label","required","disabled","readonly","error","validationMessage","id","Date","now","Math","floor","random","internals","attachInternals","form","changedProps","willUpdate","has","setFormValue","setValidity","customError","checkValidity","isValid","reportValidity","message","detail","dispatchEvent","CustomEvent","bubbles","composed","formAssociated","_i","__decorateClass","property","type","String","prototype","reflect","Boolean","componentStyle","TailwindElement"],"mappings":"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"}
+{"version":3,"file":"formField.mixin-DkN2ufR_.cjs","sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["FormFieldMixin","superClass","FormFieldMixinClass","args","super","this","name","value","label","required","disabled","readonly","error","validationMessage","id","Date","now","Math","floor","random","internals","attachInternals","form","changedProps","willUpdate","has","setFormValue","setValidity","customError","checkValidity","isValid","reportValidity","message","detail","dispatchEvent","CustomEvent","bubbles","composed","formAssociated","_i","__decorateClass","property","type","String","prototype","reflect","Boolean","componentStyle","TailwindElement"],"mappings":"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"}

package/dist/height-CfECBO2j.js

@@ -0,0 +1,44 @@
+import { directive as u, PartType as a } from "lit/directive.js";
+import { AsyncDirective as h } from "lit/async-directive.js";
+import { Subject as l, fromEvent as o, merge as p } from "rxjs";
+import { takeUntil as r, debounceTime as d } from "rxjs/operators";
+let i = null, s = null, n = 0;
+function c() {
+  if (!i) {
+    i = new l();
+    const e = o(window, "resize", { passive: !0 }), t = window.visualViewport ? o(window.visualViewport, "resize", { passive: !0 }) : e;
+    s = p(e, t).pipe(d(16)).subscribe(() => i.next());
+  }
+  return i;
+}
+const b = u(class extends h {
+  constructor() {
+    super(...arguments), this.element = null, this.disconnecting$ = new l();
+  }
+  updateHeight() {
+    if (this.element) {
+      const e = (window.visualViewport?.height ?? window.innerHeight) - this.element.getBoundingClientRect().top - (function() {
+        const t = getComputedStyle(document.documentElement).getPropertyValue("--schmancy-bottom-offset");
+        return t ? parseFloat(t) : 0;
+      })();
+      this.element.style.height = `${Math.max(0, e)}px`;
+    }
+  }
+  render() {
+  }
+  update(e) {
+    if (e.type !== a.ELEMENT) throw new Error("fullHeight directive can only be used on elements");
+    const t = e.element;
+    this.element !== t && (this.element = t, n++, this.updateHeight(), c().pipe(r(this.disconnecting$)).subscribe(() => this.updateHeight()));
+  }
+  disconnected() {
+    this.disconnecting$.next(), n--, n === 0 && s && (s.unsubscribe(), s = null, i = null), this.element = null;
+  }
+  reconnected() {
+    this.element && (n++, this.updateHeight(), c().pipe(r(this.disconnecting$)).subscribe(() => this.updateHeight()));
+  }
+});
+export {
+  b as f
+};
+//# sourceMappingURL=height-CfECBO2j.js.map

package/dist/height-CfECBO2j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"height-CfECBO2j.js","sources":["../src/directives/height.ts"],"sourcesContent":["import { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { Subject, fromEvent, merge } from 'rxjs'\nimport { debounceTime, takeUntil } from 'rxjs/operators'\n\n// Lazy-initialized resize stream (local to this directive)\nlet resize$: Subject<void> | null = null\nlet resizeSub: { unsubscribe: () => void } | null = null\nlet elementCount = 0\n\nfunction getResizeStream(): Subject<void> {\n\tif (!resize$) {\n\t\tresize$ = new Subject<void>()\n\t\tconst windowResize$ = fromEvent(window, 'resize', { passive: true })\n\t\tconst viewportResize$ = window.visualViewport\n\t\t\t? fromEvent(window.visualViewport, 'resize', { passive: true })\n\t\t\t: windowResize$\n\n\t\tresizeSub = merge(windowResize$, viewportResize$)\n\t\t\t.pipe(debounceTime(16))\n\t\t\t.subscribe(() => resize$!.next())\n\t}\n\treturn resize$\n}\n\nfunction cleanup() {\n\tif (elementCount === 0 && resizeSub) {\n\t\tresizeSub.unsubscribe()\n\t\tresizeSub = null\n\t\tresize$ = null\n\t}\n}\n\n/**\n * Get bottom offset from CSS custom property.\n */\nfunction getBottomOffset(): number {\n\tconst value = getComputedStyle(document.documentElement).getPropertyValue('--schmancy-bottom-offset')\n\treturn value ? parseFloat(value) : 0\n}\n\n/**\n * Directive that sets element height to fill remaining viewport space.\n * Uses visualViewport for accurate mobile height (handles keyboard).\n *\n * @example\n * html`<div ${fullHeight()}>Content</div>`\n */\nclass FullHeight extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate updateHeight() {\n\t\tif (this.element) {\n\t\t\tconst viewportHeight = window.visualViewport?.height ?? window.innerHeight\n\t\t\tconst topOffset = this.element.getBoundingClientRect().top\n\t\t\tconst height = viewportHeight - topOffset - getBottomOffset()\n\t\t\tthis.element.style.height = `${Math.max(0, height)}px`\n\t\t}\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: PartInfo) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullHeight directive can only be used on elements')\n\t\t}\n\t\tconst el = (part as any).element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.updateHeight()\n\t\t\tgetResizeStream()\n\t\t\t\t.pipe(takeUntil(this.disconnecting$))\n\t\t\t\t.subscribe(() => this.updateHeight())\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.updateHeight()\n\t\t\tgetResizeStream()\n\t\t\t\t.pipe(takeUntil(this.disconnecting$))\n\t\t\t\t.subscribe(() => this.updateHeight())\n\t\t}\n\t}\n}\n\nexport const fullHeight = directive(FullHeight)\n"],"names":["resize$","resizeSub","elementCount","getResizeStream","Subject","windowResize$","fromEvent","window","passive","viewportResize$","visualViewport","merge","pipe","debounceTime","subscribe","next","fullHeight","directive","AsyncDirective","constructor","super","arguments","this","element","disconnecting$","updateHeight","height","innerHeight","getBoundingClientRect","top","value","getComputedStyle","document","documentElement","getPropertyValue","parseFloat","style","Math","max","render","part","type","PartType","ELEMENT","Error","el","takeUntil","disconnected","unsubscribe","reconnected"],"mappings":";;;;AAMA,IAAIA,IAAgC,MAChCC,IAAgD,MAChDC,IAAe;AAEnB,SAASC;AACR,MAAA,CAAKH,GAAS;AACbA,IAAAA,IAAU,IAAII;AACd,UAAMC,IAAgBC,EAAUC,QAAQ,UAAU,EAAEC,SAAAA,GAAS,CAAA,GACvDC,IAAkBF,OAAOG,iBAC5BJ,EAAUC,OAAOG,gBAAgB,UAAU,EAAEF,SAAAA,GAAS,CAAA,IACtDH;AAEHJ,IAAAA,IAAYU,EAAMN,GAAeI,CAAAA,EAC/BG,KAAKC,EAAa,EAAA,CAAA,EAClBC,UAAU,MAAMd,EAASe,KAAAA,CAAAA;AAAAA,EAC5B;AACA,SAAOf;AACR;AA2EO,MAAMgB,IAAaC,EAlD1B,cAAyBC,EAAAA;AAAAA,EAAzB,cAAAC;AAAAC,UAAAA,GAAAC,YACCC,KAAQC,UAA8B,MACtCD,KAAQE,iBAAiB,IAAIpB;AAAAA,EAAc;AAAA,EAEnC,eAAAqB;AACP,QAAIH,KAAKC,SAAS;AACjB,YAEMG,KAFiBnB,OAAOG,gBAAgBgB,UAAUnB,OAAOoB,eAC7CL,KAAKC,QAAQK,sBAAAA,EAAwBC,OAnB1D,WAAA;AACC,cAAMC,IAAQC,iBAAiBC,SAASC,iBAAiBC,iBAAiB,0BAAA;AAC1E,eAAOJ,IAAQK,WAAWL,KAAS;AAAA,MACpC;AAkBGR,WAAKC,QAAQa,MAAMV,SAAS,GAAGW,KAAKC,IAAI,GAAGZ;IAC5C;AAAA,EACD;AAAA,EAEA,SAAAa;AAAAA,EAEA;AAAA,EAEA,OAAOC,GAAAA;AACN,QAAIA,EAAKC,SAASC,EAASC,QAC1B,OAAM,IAAIC,MAAM,mDAAA;AAEjB,UAAMC,IAAML,EAAajB;AACrBD,SAAKC,YAAYsB,MACpBvB,KAAKC,UAAUsB,GACf3C,KACAoB,KAAKG,aAAAA,GACLtB,IACES,KAAKkC,EAAUxB,KAAKE,cAAAA,CAAAA,EACpBV,UAAU,MAAMQ,KAAKG,aAAAA,CAAAA;AAAAA,EAEzB;AAAA,EAEA,eAAAsB;AACCzB,SAAKE,eAAeT,KAAAA,GACpBb,KAxDGA,MAAiB,KAAKD,MACzBA,EAAU+C,YAAAA,GACV/C,IAAY,MACZD,IAAU,OAuDVsB,KAAKC,UAAU;AAAA,EAChB;AAAA,EAEA,cAAA0B;AACK3B,SAAKC,YACRrB,KACAoB,KAAKG,aAAAA,GACLtB,EAAAA,EACES,KAAKkC,EAAUxB,KAAKE,iBACpBV,UAAU,MAAMQ,KAAKG,aAAAA,CAAAA;AAAAA,EAEzB;AAAA,CAAA;"}

package/dist/height-Z70qJYJK.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("lit/directive.js"),h=require("lit/async-directive.js"),i=require("rxjs"),c=require("rxjs/operators");let n=null,r=null,s=0;function o(){if(!n){n=new i.Subject;const u=i.fromEvent(window,"resize",{passive:!0}),e=window.visualViewport?i.fromEvent(window.visualViewport,"resize",{passive:!0}):u;r=i.merge(u,e).pipe(c.debounceTime(16)).subscribe(()=>n.next())}return n}class d extends h.AsyncDirective{constructor(){super(...arguments),this.element=null,this.disconnecting$=new i.Subject}updateHeight(){if(this.element){const e=(window.visualViewport?.height??window.innerHeight)-this.element.getBoundingClientRect().top-(function(){const t=getComputedStyle(document.documentElement).getPropertyValue("--schmancy-bottom-offset");return t?parseFloat(t):0})();this.element.style.height=`${Math.max(0,e)}px`}}render(){}update(e){if(e.type!==l.PartType.ELEMENT)throw new Error("fullHeight directive can only be used on elements");const t=e.element;this.element!==t&&(this.element=t,s++,this.updateHeight(),o().pipe(c.takeUntil(this.disconnecting$)).subscribe(()=>this.updateHeight()))}disconnected(){this.disconnecting$.next(),s--,s===0&&r&&(r.unsubscribe(),r=null,n=null),this.element=null}reconnected(){this.element&&(s++,this.updateHeight(),o().pipe(c.takeUntil(this.disconnecting$)).subscribe(()=>this.updateHeight()))}}const p=l.directive(d);exports.fullHeight=p;
+//# sourceMappingURL=height-Z70qJYJK.cjs.map

package/dist/height-Z70qJYJK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"height-Z70qJYJK.cjs","sources":["../src/directives/height.ts"],"sourcesContent":["import { directive, PartInfo, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { Subject, fromEvent, merge } from 'rxjs'\nimport { debounceTime, takeUntil } from 'rxjs/operators'\n\n// Lazy-initialized resize stream (local to this directive)\nlet resize$: Subject<void> | null = null\nlet resizeSub: { unsubscribe: () => void } | null = null\nlet elementCount = 0\n\nfunction getResizeStream(): Subject<void> {\n\tif (!resize$) {\n\t\tresize$ = new Subject<void>()\n\t\tconst windowResize$ = fromEvent(window, 'resize', { passive: true })\n\t\tconst viewportResize$ = window.visualViewport\n\t\t\t? fromEvent(window.visualViewport, 'resize', { passive: true })\n\t\t\t: windowResize$\n\n\t\tresizeSub = merge(windowResize$, viewportResize$)\n\t\t\t.pipe(debounceTime(16))\n\t\t\t.subscribe(() => resize$!.next())\n\t}\n\treturn resize$\n}\n\nfunction cleanup() {\n\tif (elementCount === 0 && resizeSub) {\n\t\tresizeSub.unsubscribe()\n\t\tresizeSub = null\n\t\tresize$ = null\n\t}\n}\n\n/**\n * Get bottom offset from CSS custom property.\n */\nfunction getBottomOffset(): number {\n\tconst value = getComputedStyle(document.documentElement).getPropertyValue('--schmancy-bottom-offset')\n\treturn value ? parseFloat(value) : 0\n}\n\n/**\n * Directive that sets element height to fill remaining viewport space.\n * Uses visualViewport for accurate mobile height (handles keyboard).\n *\n * @example\n * html`<div ${fullHeight()}>Content</div>`\n */\nclass FullHeight extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate updateHeight() {\n\t\tif (this.element) {\n\t\t\tconst viewportHeight = window.visualViewport?.height ?? window.innerHeight\n\t\t\tconst topOffset = this.element.getBoundingClientRect().top\n\t\t\tconst height = viewportHeight - topOffset - getBottomOffset()\n\t\t\tthis.element.style.height = `${Math.max(0, height)}px`\n\t\t}\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: PartInfo) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullHeight directive can only be used on elements')\n\t\t}\n\t\tconst el = (part as any).element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.updateHeight()\n\t\t\tgetResizeStream()\n\t\t\t\t.pipe(takeUntil(this.disconnecting$))\n\t\t\t\t.subscribe(() => this.updateHeight())\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.updateHeight()\n\t\t\tgetResizeStream()\n\t\t\t\t.pipe(takeUntil(this.disconnecting$))\n\t\t\t\t.subscribe(() => this.updateHeight())\n\t\t}\n\t}\n}\n\nexport const fullHeight = directive(FullHeight)\n"],"names":["resize$","resizeSub","elementCount","getResizeStream","Subject","windowResize$","fromEvent","window","passive","viewportResize$","visualViewport","merge","pipe","debounceTime","subscribe","next","FullHeight","AsyncDirective","constructor","super","arguments","this","element","disconnecting$","updateHeight","height","innerHeight","getBoundingClientRect","top","value","getComputedStyle","document","documentElement","getPropertyValue","parseFloat","getBottomOffset","style","Math","max","render","part","type","PartType","ELEMENT","Error","el","takeUntil","disconnected","unsubscribe","reconnected","fullHeight","directive"],"mappings":"mIAMA,IAAIA,EAAgC,KAChCC,EAAgD,KAChDC,EAAe,EAEnB,SAASC,GAAAA,CACR,GAAA,CAAKH,EAAS,CACbA,EAAU,IAAII,EAAAA,QACd,MAAMC,EAAgBC,EAAAA,UAAUC,OAAQ,SAAU,CAAEC,QAAAA,KAC9CC,EAAkBF,OAAOG,eAC5BJ,EAAAA,UAAUC,OAAOG,eAAgB,SAAU,CAAEF,QAAAA,EAAS,CAAA,EACtDH,EAEHJ,EAAYU,EAAAA,MAAMN,EAAeI,GAC/BG,KAAKC,EAAAA,aAAa,EAAA,CAAA,EAClBC,UAAU,IAAMd,EAASe,KAAAA,CAAAA,CAC5B,CACA,OAAOf,CACR,CAyBA,MAAMgB,UAAmBC,EAAAA,cAAAA,CAAzB,aAAAC,CAAAC,MAAAA,GAAAC,SAAAA,EACCC,KAAQC,QAA8B,KACtCD,KAAQE,eAAiB,IAAInB,SAAc,CAEnC,cAAAoB,CACP,GAAIH,KAAKC,QAAS,CACjB,MAEMG,GAFiBlB,OAAOG,gBAAgBe,QAAUlB,OAAOmB,aAC7CL,KAAKC,QAAQK,sBAAAA,EAAwBC,KAnB1D,UAAA,CACC,MAAMC,EAAQC,iBAAiBC,SAASC,eAAAA,EAAiBC,iBAAiB,4BAC1E,OAAOJ,EAAQK,WAAWL,CAAAA,EAAS,CACpC,GAiB+CM,EAC5Cd,KAAKC,QAAQc,MAAMX,OAAS,GAAGY,KAAKC,IAAI,EAAGb,MAC5C,CACD,CAEA,QAAAc,CAEA,CAEA,OAAOC,EAAAA,CACN,GAAIA,EAAKC,OAASC,EAAAA,SAASC,QAC1B,MAAM,IAAIC,MAAM,mDAAA,EAEjB,MAAMC,EAAML,EAAalB,QACrBD,KAAKC,UAAYuB,IACpBxB,KAAKC,QAAUuB,EACf3C,IACAmB,KAAKG,aAAAA,EACLrB,EAAAA,EACES,KAAKkC,EAAAA,UAAUzB,KAAKE,iBACpBT,UAAU,IAAMO,KAAKG,aAAAA,CAAAA,EAEzB,CAEA,cAAAuB,CACC1B,KAAKE,eAAeR,OACpBb,IAxDGA,IAAiB,GAAKD,IACzBA,EAAU+C,YAAAA,EACV/C,EAAY,KACZD,EAAU,MAuDVqB,KAAKC,QAAU,IAChB,CAEA,aAAA2B,CACK5B,KAAKC,UACRpB,IACAmB,KAAKG,aAAAA,EACLrB,EAAAA,EACES,KAAKkC,EAAAA,UAAUzB,KAAKE,iBACpBT,UAAU,IAAMO,KAAKG,aAAAA,CAAAA,EAEzB,CAAA,CAGM,MAAM0B,EAAaC,EAAAA,UAAUnC,CAAAA"}

package/dist/{icon-Y2qLOFqe.js → icon-B5qeYrDu.js}

@@ -1,13 +1,13 @@
-import { BehaviorSubject as l, combineLatest as m, takeUntil as y } from "rxjs";
-import { tap as d } from "rxjs/operators";
+import { BehaviorSubject as h, combineLatest as m, takeUntil as p } from "rxjs";
+import { tap as y } from "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as h, customElement as p } from "lit/decorators.js";
-import { T as g } from "./tailwind.mixin-wLaKUxf1.js";
+import { property as l, customElement as d } from "lit/decorators.js";
+import { T as g } from "./tailwind.mixin-Ddt05Frc.js";
 import { css as f, html as u } from "lit";
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (t, i, n, a) => {
-  for (var r, s = a > 1 ? void 0 : a ? w(i, n) : i, c = t.length - 1; c >= 0; c--) (r = t[c]) && (s = (a ? r(i, n, s) : r(s)) || s);
-  return a && s && b(i, n, s), s;
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, r = (t, i, a, s) => {
+  for (var n, o = s > 1 ? void 0 : s ? w(i, a) : i, c = t.length - 1; c >= 0; c--) (n = t[c]) && (o = (s ? n(i, a, o) : n(o)) || o);
+  return s && o && b(i, a, o), o;
 };
 let e = class extends g(f`
 	:host {
@@ -54,7 +54,7 @@ let e = class extends g(f`
 	}
 `) {
   constructor() {
-    super(...arguments), this.fill = 0, this.weight = 400, this.grade = 0, this.variant = "outlined", this.fill$ = new l(this.fill), this.weight$ = new l(this.weight), this.grade$ = new l(this.grade), this.variant$ = new l(this.variant);
+    super(...arguments), this.fill = 0, this.weight = 400, this.grade = 0, this.variant = "outlined", this.size = "md", this.fill$ = new h(this.fill), this.weight$ = new h(this.weight), this.grade$ = new h(this.grade), this.variant$ = new h(this.variant);
   }
   static loadFonts() {
     if (e.fontsLoaded) return;
@@ -62,23 +62,23 @@ let e = class extends g(f`
     t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap", document.head.appendChild(t), e.fontsLoaded = !0;
   }
   connectedCallback() {
-    super.connectedCallback(), e.loadFonts(), this.hasAttribute("aria-label") || this.hasAttribute("aria-labelledby") || this.hasAttribute("aria-hidden") || this.hasAttribute("role") || this.setAttribute("aria-hidden", "true"), m([this.fill$, this.weight$, this.grade$, this.variant$]).pipe(d(([t, i, n, a]) => {
-      this.style.setProperty("--schmancy-icon-fill", String(t)), this.style.setProperty("--schmancy-icon-weight", String(i)), this.style.setProperty("--schmancy-icon-grade", String(n));
-      const r = { outlined: "Material Symbols Outlined", rounded: "Material Symbols Rounded", sharp: "Material Symbols Sharp" }[a] || "Material Symbols Outlined";
-      this.style.setProperty("--schmancy-icon-font", r);
-    }), y(this.disconnecting)).subscribe();
+    super.connectedCallback(), e.loadFonts(), this.hasAttribute("aria-label") || this.hasAttribute("aria-labelledby") || this.hasAttribute("aria-hidden") || this.hasAttribute("role") || this.setAttribute("aria-hidden", "true"), m([this.fill$, this.weight$, this.grade$, this.variant$]).pipe(y(([t, i, a, s]) => {
+      this.style.setProperty("--schmancy-icon-fill", String(t)), this.style.setProperty("--schmancy-icon-weight", String(i)), this.style.setProperty("--schmancy-icon-grade", String(a));
+      const n = { outlined: "Material Symbols Outlined", rounded: "Material Symbols Rounded", sharp: "Material Symbols Sharp" }[s] || "Material Symbols Outlined";
+      this.style.setProperty("--schmancy-icon-font", n);
+    }), p(this.disconnecting)).subscribe();
   }
   updated(t) {
     super.updated(t), t.has("fill") && this.fill$.next(this.fill), t.has("weight") && this.weight$.next(this.weight), t.has("grade") && this.grade$.next(this.grade), t.has("variant") && this.variant$.next(this.variant);
   }
   render() {
-    const t = { outlined: "Material Symbols Outlined", rounded: "Material Symbols Rounded", sharp: "Material Symbols Sharp" }[this.variant] || "Material Symbols Outlined", i = { "--schmancy-icon-fill": this.fill, "--schmancy-icon-weight": this.weight, "--schmancy-icon-grade": this.grade, "--schmancy-icon-font": t };
+    const t = { outlined: "Material Symbols Outlined", rounded: "Material Symbols Rounded", sharp: "Material Symbols Sharp" }[this.variant] || "Material Symbols Outlined", i = e.tokenSizes[this.size], a = i?.size || this.size, s = i?.opsz || 24, n = { "--schmancy-icon-fill": this.fill, "--schmancy-icon-weight": this.weight, "--schmancy-icon-grade": this.grade, "--schmancy-icon-font": t, "--schmancy-icon-size": a, "--schmancy-icon-opsz": s };
     return u`
-			<span class="material-symbols" part="icon" style=${this.styleMap(i)}>
+			<span class="material-symbols" part="icon" style=${this.styleMap(n)}>
 				<slot></slot>
 			</span>
 		`;
   }
 };
-e.fontsLoaded = !1, o([h({ type: Number, reflect: !0 })], e.prototype, "fill", 2), o([h({ type: Number, reflect: !0 })], e.prototype, "weight", 2), o([h({ type: Number, reflect: !0 })], e.prototype, "grade", 2), o([h({ type: String, reflect: !0 })], e.prototype, "variant", 2), e = o([p("schmancy-icon")], e);
-//# sourceMappingURL=icon-Y2qLOFqe.js.map
+e.fontsLoaded = !1, e.tokenSizes = { xxs: { size: "12px", opsz: 20 }, xs: { size: "16px", opsz: 20 }, sm: { size: "20px", opsz: 20 }, md: { size: "24px", opsz: 24 }, lg: { size: "32px", opsz: 40 } }, r([l({ type: Number, reflect: !0 })], e.prototype, "fill", 2), r([l({ type: Number, reflect: !0 })], e.prototype, "weight", 2), r([l({ type: Number, reflect: !0 })], e.prototype, "grade", 2), r([l({ type: String, reflect: !0 })], e.prototype, "variant", 2), r([l({ type: String, reflect: !0 })], e.prototype, "size", 2), e = r([d("schmancy-icon")], e);
+//# sourceMappingURL=icon-B5qeYrDu.js.map

package/dist/icon-B5qeYrDu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-B5qeYrDu.js","sources":["../src/icons/icon.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BehaviorSubject, combineLatest, takeUntil } from 'rxjs'\nimport { tap } from 'rxjs/operators'\n\n/**\n * Icon size tokens - M3 aligned with optical size optimization\n * - xxs: 12px (opsz: 20) - fits in 24px buttons (ultra-compact)\n * - xs: 16px (opsz: 20) - fits in 32px buttons\n * - sm: 20px (opsz: 20) - fits in 40px buttons\n * - md: 24px (opsz: 24) - fits in 48px buttons (default)\n * - lg: 32px (opsz: 40) - fits in 56px buttons\n * - Or custom string like '48px'\n */\nexport type IconSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | string\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with flexible font variation properties\n *\n * @cssprop --schmancy-icon-size - The size of the icon (default: 24px)\n * @cssprop --schmancy-icon-fill - Fill value for icon (0-1)\n * @cssprop --schmancy-icon-weight - Weight value for icon (100-700)\n * @cssprop --schmancy-icon-grade - Grade value for icon (-50-200)\n * @cssprop --schmancy-icon-opsz - Optical size (default: 24)\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends TailwindElement(css`\n\t:host {\n\t\t--schmancy-icon-size: 24px;\n\t\t--schmancy-icon-fill: 0;\n\t\t--schmancy-icon-weight: 400;\n\t\t--schmancy-icon-grade: 0;\n\t\t--schmancy-icon-opsz: 24;\n\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--schmancy-icon-size);\n\t\theight: var(--schmancy-icon-size);\n\t\tfont-size: var(--schmancy-icon-size);\n\t\tcolor: inherit;\n\t\ttransition: font-variation-settings 0.2s ease;\n\t}\n\n\t.material-symbols {\n\t\tfont-family: var(--schmancy-icon-font, 'Material Symbols Outlined');\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-webkit-font-feature-settings: 'liga';\n\t\tfont-feature-settings: 'liga';\n\t\tfont-variation-settings:\n\t\t\t'FILL' var(--schmancy-icon-fill),\n\t\t\t'wght' var(--schmancy-icon-weight),\n\t\t\t'GRAD' var(--schmancy-icon-grade),\n\t\t\t'opsz' var(--schmancy-icon-opsz);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t// Static flag to track if Google Fonts have been loaded\n\tprivate static fontsLoaded = false\n\n\t/**\n\t * Load Material Symbols fonts from Google Fonts CDN\n\t */\n\tprivate static loadFonts(): void {\n\t\tif (SchmancyIcon.fontsLoaded) {\n\t\t\treturn\n\t\t}\n\n\t\tconst link = document.createElement('link')\n\t\tlink.rel = 'stylesheet'\n\t\tlink.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'\n\t\tdocument.head.appendChild(link)\n\n\t\tSchmancyIcon.fontsLoaded = true\n\t}\n\n\t/**\n\t * Fill value for the icon (0-1)\n\t * 0 = outlined, 1 = filled\n\t */\n\t@property({ type: Number, reflect: true })\n\tfill = 0\n\n\t/**\n\t * Weight value for the icon (100-700)\n\t * Controls the thickness of the icon strokes\n\t */\n\t@property({ type: Number, reflect: true })\n\tweight = 400\n\n\t/**\n\t * Grade value for the icon (-50-200)\n\t * Adjusts the visual weight/grade\n\t */\n\t@property({ type: Number, reflect: true })\n\tgrade = 0\n\n\t/**\n\t * Icon variant style\n\t * @values outlined | rounded | sharp\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant: 'outlined' | 'rounded' | 'sharp' = 'outlined'\n\n\t/**\n\t * Size of the icon - M3 aligned tokens or custom string\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Custom: any CSS size string like '48px', '2rem'\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: IconSize = 'md'\n\n\t// M3 aligned token sizes with optimal optical sizes\n\tprivate static readonly tokenSizes: Record<string, { size: string; opsz: number }> = {\n\t\txxs: { size: '12px', opsz: 20 }, // fits in 24px buttons (ultra-compact)\n\t\txs: { size: '16px', opsz: 20 },  // fits in 32px buttons\n\t\tsm: { size: '20px', opsz: 20 },  // fits in 40px buttons\n\t\tmd: { size: '24px', opsz: 24 },  // fits in 48px buttons (default)\n\t\tlg: { size: '32px', opsz: 40 },  // fits in 56px buttons\n\t}\n\n\t// RxJS subjects for reactive property updates\n\tprivate fill$ = new BehaviorSubject(this.fill)\n\tprivate weight$ = new BehaviorSubject(this.weight)\n\tprivate grade$ = new BehaviorSubject(this.grade)\n\tprivate variant$ = new BehaviorSubject(this.variant)\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Load Google Fonts if not already loaded\n\t\tSchmancyIcon.loadFonts()\n\n\t\t// Set accessibility attributes for decorative icons\n\t\tif (!this.hasAttribute('aria-label') &&\n\t\t    !this.hasAttribute('aria-labelledby') &&\n\t\t    !this.hasAttribute('aria-hidden') &&\n\t\t    !this.hasAttribute('role')) {\n\t\t\tthis.setAttribute('aria-hidden', 'true')\n\t\t}\n\n\t\t// Setup reactive CSS variable updates\n\t\tcombineLatest([\n\t\t\tthis.fill$,\n\t\t\tthis.weight$,\n\t\t\tthis.grade$,\n\t\t\tthis.variant$\n\t\t]).pipe(\n\t\t\ttap(([fill, weight, grade, variant]) => {\n\t\t\t\t// Update CSS custom properties for smooth transitions\n\t\t\t\tthis.style.setProperty('--schmancy-icon-fill', String(fill))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-weight', String(weight))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-grade', String(grade))\n\n\t\t\t\t// Update font family based on variant\n\t\t\t\tconst fontFamily = {\n\t\t\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t\t\t}[variant] || 'Material Symbols Outlined'\n\n\t\t\t\tthis.style.setProperty('--schmancy-icon-font', fontFamily)\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update BehaviorSubjects when properties change\n\t\tif (changedProperties.has('fill')) {\n\t\t\tthis.fill$.next(this.fill)\n\t\t}\n\t\tif (changedProperties.has('weight')) {\n\t\t\tthis.weight$.next(this.weight)\n\t\t}\n\t\tif (changedProperties.has('grade')) {\n\t\t\tthis.grade$.next(this.grade)\n\t\t}\n\t\tif (changedProperties.has('variant')) {\n\t\t\tthis.variant$.next(this.variant)\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tconst fontFamily = {\n\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t}[this.variant] || 'Material Symbols Outlined'\n\n\t\t// Resolve size token or use custom value\n\t\tconst sizeConfig = SchmancyIcon.tokenSizes[this.size]\n\t\tconst iconSize = sizeConfig?.size || this.size\n\t\tconst opticalSize = sizeConfig?.opsz || 24\n\n\t\tconst style = {\n\t\t\t'--schmancy-icon-fill': this.fill,\n\t\t\t'--schmancy-icon-weight': this.weight,\n\t\t\t'--schmancy-icon-grade': this.grade,\n\t\t\t'--schmancy-icon-font': fontFamily,\n\t\t\t'--schmancy-icon-size': iconSize,\n\t\t\t'--schmancy-icon-opsz': opticalSize,\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols\" part=\"icon\" style=${this.styleMap(style)}>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}"],"names":["SchmancyIcon","TailwindElement","css","constructor","super","arguments","this","fill","weight","grade","variant","size","fill$","BehaviorSubject","weight$","grade$","variant$","loadFonts","fontsLoaded","link","document","createElement","rel","href","head","appendChild","connectedCallback","hasAttribute","setAttribute","combineLatest","pipe","tap","style","setProperty","String","fontFamily","outlined","rounded","sharp","takeUntil","disconnecting","subscribe","changedProperties","updated","has","next","render","sizeConfig","tokenSizes","iconSize","opticalSize","opsz","html","styleMap","xxs","xs","sm","md","lg","__decorateClass","property","type","Number","reflect","prototype","customElement"],"mappings":"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"}

package/dist/icon-button-BpmGFjaR.cjs

@@ -0,0 +1,70 @@
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const t=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const u=require("./litElement.mixin-BVBdv0GP.cjs"),o=require("lit"),c=require("lit/directives/if-defined.js"),h=require("lit/directives/when.js");var p=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(e,i,r,l)=>{for(var f,s=l>1?void 0:l?v(i,r):i,d=e.length-1;d>=0;d--)(f=e[d])&&(s=(l?f(i,r,s):f(s))||s);return l&&s&&p(i,r,s),s};exports.SchmancyButton=class extends u.$LitElement(o.css`:host{
+		display: inline-block;
+		min-width: fit-content;
+		overflow: hidden;
+		position: relative;
+		touch-action: manipulation;
+	}
+	:host *,
+	* {
+		touch-action: manipulation;
+	}`){constructor(){super(...arguments),this.variant="text",this.width="auto",this.size="md",this.type="button",this.disabled=!1}set ariaLabel(e){const i=this._ariaLabel;this._ariaLabel=e,this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.requestUpdate("ariaLabel",i)}get ariaLabel(){return this._ariaLabel}focus(e){this.nativeElement.focus(e)}blur(){this.nativeElement.blur()}get effectiveColor(){return this.color?this.color:(this.variant==="tonal"?"filled tonal":this.variant)==="filled tonal"?"secondary":"primary"}get imgClasses(){return[{xxs:"w-3 h-3",xs:"w-4 h-4",sm:"w-5 h-5",md:"w-6 h-6",lg:"w-7 h-7"}[this.size],"object-contain"]}firstUpdated(){this.prefixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute("alt")||e.setAttribute("alt","")}),this.suffixImgs?.forEach(e=>{e.classList.add(...this.imgClasses),e.hasAttribute("alt")||e.setAttribute("alt","")})}click(){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}_preventDefault(e){e.preventDefault(),e.stopPropagation()}render(){const e=this.variant==="tonal"?"filled tonal":this.variant,i={"z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden":!0,"h-6":this.size==="xxs","h-8":this.size==="xs","h-10":this.size==="sm","h-12":this.size==="md","h-14":this.size==="lg","py-1 px-2":this.size==="xxs","py-2 px-4":this.size==="xs","py-2.5 px-5":this.size==="sm","py-3 px-6":this.size==="md","py-4 px-7":this.size==="lg","text-[10px] font-medium leading-3":this.size==="xxs","text-xs font-medium leading-4":this.size==="xs","text-sm font-medium leading-5":this.size==="sm"||this.size==="md","text-base font-medium leading-6":this.size==="lg","tracking-[0.1px]":!0,"gap-0.5":this.size==="xxs","gap-1":this.size==="xs","gap-1.5":this.size==="sm","gap-2":this.size==="md","gap-2.5":this.size==="lg","cursor-pointer":!this.disabled,"opacity-[0.38]":this.disabled,"hover:shadow-sm":!this.disabled&&e==="elevated","w-full tex-center":this.width==="full","bg-surface-low shadow-xs":e==="elevated","bg-transparent border-1 border-solid":e==="outlined","border-outline":e==="outlined"&&this.effectiveColor==="primary","border-success-default":e==="outlined"&&this.effectiveColor==="success","border-error-default":e==="outlined"&&this.effectiveColor==="error","border-warning-default":e==="outlined"&&this.effectiveColor==="warning","border-info-default":e==="outlined"&&this.effectiveColor==="info","border-secondary-default":e==="outlined"&&this.effectiveColor==="secondary","border-outline-variant":e==="outlined"&&this.effectiveColor==="neutral","bg-primary-default":e==="filled"&&this.effectiveColor==="primary","bg-secondary-default":e==="filled"&&this.effectiveColor==="secondary","bg-success-default":e==="filled"&&this.effectiveColor==="success","bg-error-default":e==="filled"&&this.effectiveColor==="error","bg-warning-default":e==="filled"&&this.effectiveColor==="warning","bg-info-default":e==="filled"&&this.effectiveColor==="info","bg-surface-containerHighest":e==="filled"&&this.effectiveColor==="neutral","text-primary-on":e==="filled"&&this.effectiveColor==="primary","text-secondary-on":e==="filled"&&this.effectiveColor==="secondary","text-success-on":e==="filled"&&this.effectiveColor==="success","text-error-on":e==="filled"&&this.effectiveColor==="error","text-warning-on":e==="filled"&&this.effectiveColor==="warning","text-info-on":e==="filled"&&this.effectiveColor==="info","text-surface-on":e==="filled"&&this.effectiveColor==="neutral","bg-primary-container":e==="filled tonal"&&this.effectiveColor==="primary","bg-secondary-container":e==="filled tonal"&&this.effectiveColor==="secondary","bg-success-container":e==="filled tonal"&&this.effectiveColor==="success","bg-error-container":e==="filled tonal"&&this.effectiveColor==="error","bg-warning-container":e==="filled tonal"&&this.effectiveColor==="warning","bg-info-container":e==="filled tonal"&&this.effectiveColor==="info","bg-surface-containerLow":e==="filled tonal"&&this.effectiveColor==="neutral","text-primary-onContainer":e==="filled tonal"&&this.effectiveColor==="primary","text-secondary-onContainer":e==="filled tonal"&&this.effectiveColor==="secondary","text-success-onContainer":e==="filled tonal"&&this.effectiveColor==="success","text-error-onContainer":e==="filled tonal"&&this.effectiveColor==="error","text-warning-onContainer":e==="filled tonal"&&this.effectiveColor==="warning","text-info-onContainer":e==="filled tonal"&&this.effectiveColor==="info","text-primary-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="primary","text-secondary-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="secondary","text-success-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="success","text-error-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="error","text-warning-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="warning","text-info-default":(e==="text"||e==="elevated"||e==="outlined")&&this.effectiveColor==="info","text-surface-onVariant":(e==="text"||e==="elevated"||e==="outlined"||e==="filled tonal")&&this.effectiveColor==="neutral"},r={"absolute inset-0 hover:opacity-[0.08] z-0 rounded-full":!0,"focus-visible:opacity-[0.10]":!0,"active:opacity-[0.10]":!0,"hover:bg-primary-on":e==="filled"&&this.effectiveColor==="primary","hover:bg-secondary-on":e==="filled"&&this.effectiveColor==="secondary","hover:bg-success-on":e==="filled"&&this.effectiveColor==="success","hover:bg-error-on":e==="filled"&&this.effectiveColor==="error","hover:bg-warning-on":e==="filled"&&this.effectiveColor==="warning","hover:bg-info-on":e==="filled"&&this.effectiveColor==="info","hover:bg-surface-on":e==="filled"&&this.effectiveColor==="neutral","hover:bg-primary-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="primary","hover:bg-secondary-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="secondary","hover:bg-success-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="success","hover:bg-error-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="error","hover:bg-warning-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="warning","hover:bg-info-default":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="info","hover:bg-surface-onVariant":(e==="outlined"||e==="elevated"||e==="text")&&this.effectiveColor==="neutral","hover:bg-primary-container":e==="filled tonal"&&this.effectiveColor==="primary","hover:bg-secondary-container":e==="filled tonal"&&this.effectiveColor==="secondary","hover:bg-success-container":e==="filled tonal"&&this.effectiveColor==="success","hover:bg-error-container":e==="filled tonal"&&this.effectiveColor==="error","hover:bg-warning-container":e==="filled tonal"&&this.effectiveColor==="warning","hover:bg-info-container":e==="filled tonal"&&this.effectiveColor==="info","hover:bg-surface-containerLow":e==="filled tonal"&&this.effectiveColor==="neutral"};return this.href?o.html`
+				<a
+					part="base"
+					href=${c.ifDefined(this.disabled?void 0:this.href)}
+					aria-label=${c.ifDefined(this.ariaLabel)}
+					class="${this.classMap(i)}"
+					tabindex=${this.disabled?"-1":"0"}
+					aria-disabled=${this.disabled}
+					@click=${this.disabled?this._preventDefault:void 0}
+				>
+					${h.when(!this.disabled,()=>o.html`<div class="${this.classMap(r)}"></div>`)}
+					<slot name="prefix"></slot>
+					<slot></slot>
+					<slot name="suffix"></slot>
+				</a>
+			`:o.html`
+			<button
+				part="base"
+				aria-label=${c.ifDefined(this.ariaLabel)}
+				?disabled=${this.disabled}
+				class="${this.classMap(i)}"
+				type=${c.ifDefined(this.type)}
+				tabindex=${c.ifDefined(this.disabled?"-1":void 0)}
+			>
+				${h.when(!this.disabled,()=>o.html`<div class="${this.classMap(r)}"></div>`)}
+				<slot name="prefix"></slot>
+				<slot></slot>
+				<slot name="suffix"></slot>
+			</button>
+		`}},exports.SchmancyButton.shadowRootOptions={...o.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},a([t.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),a([t.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),a([t.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"color",2),a([t.property()],exports.SchmancyButton.prototype,"width",2),a([t.property({type:String})],exports.SchmancyButton.prototype,"size",2),a([t.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),a([t.property()],exports.SchmancyButton.prototype,"href",2),a([t.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),a([t.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),a([t.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),a([t.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=a([t.customElement("schmancy-button")],exports.SchmancyButton);var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,i,r,l)=>{for(var f,s=l>1?void 0:l?y(i,r):i,d=e.length-1;d>=0;d--)(f=e[d])&&(s=(l?f(i,r,s):f(s))||s);return l&&s&&b(i,r,s),s};exports.SchmnacyIconButton=class extends u.$LitElement(o.css`
+	:host {
+		display: block;
+	}
+`){constructor(){super(...arguments),this.size="md",this.variant="text",this.width="auto",this.type="button",this.disabled=!1,this.text=!1}set ariaLabel(e){const i=this._ariaLabel;this._ariaLabel=e,this.hasAttribute("aria-label")&&this.removeAttribute("aria-label"),this.requestUpdate("ariaLabel",i)}get ariaLabel(){return this._ariaLabel}focus(e){this.nativeElement.focus(e)}blur(){this.nativeElement.blur()}click(){this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))}_preventDefault(e){e.preventDefault(),e.stopPropagation()}firstUpdated(e){}render(){const e=this.variant==="tonal"?"filled tonal":this.variant,i={"z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden":!0,"opacity-[0.38]":this.disabled,"cursor-pointer":!this.disabled,"hover:shadow-xs":!this.disabled&&(e==="outlined"||e==="text"||e==="filled"||e==="filled tonal"),"hover:shadow-sm":!this.disabled&&e==="elevated","w-full text-center":this.width==="full","bg-surface-low text-primary-default shadow-xs":e==="elevated","bg-transparent text-primary-default border-1 border-outline":e==="outlined","bg-primary-default text-primary-on":e==="filled","bg-secondary-container text-secondary-onContainer":e==="filled tonal","text-primary-default":e==="text","p-1.5":this.size==="xxs","p-2":this.size==="xs","p-2.5":this.size==="sm","p-3":this.size==="md","p-4":this.size==="lg","p-5":this.size==="xl"},r={"hover:opacity-[0.08] rounded-full z-0":!0,"hover:bg-primary-on":e==="filled","hover:bg-primary-default":e==="outlined"||e==="elevated"||e==="text","hover:bg-secondary-container":e==="filled tonal"},l=this.size==="xxs"?"12px":this.size==="xs"?"16px":this.size==="sm"?"20px":this.size==="md"||this.size==="lg"?"24px":"40px";return this.href?o.html`
+				<a
+					part="base"
+					href=${c.ifDefined(this.disabled?void 0:this.href)}
+					aria-label=${c.ifDefined(this.ariaLabel)}
+					class="${this.classMap(i)}"
+					tabindex=${this.disabled?"-1":"0"}
+					aria-disabled=${this.disabled}
+					@click=${this.disabled?this._preventDefault:void 0}
+				>
+					${h.when(!this.disabled,()=>o.html`<div class="absolute inset-0 ${this.classMap(r)}"></div>`)}
+					${this.text?o.html`<slot></slot>`:o.html`<schmancy-icon size=${l}><slot></slot></schmancy-icon>`}
+				</a>
+			`:o.html`
+			<button
+				part="base"
+				aria-label=${c.ifDefined(this.ariaLabel)}
+				?disabled=${this.disabled}
+				class="${this.classMap(i)}"
+				type=${c.ifDefined(this.type)}
+				tabindex=${c.ifDefined(this.disabled?"-1":void 0)}
+			>
+				${h.when(!this.disabled,()=>o.html`<div class="absolute inset-0 ${this.classMap(r)}"></div>`)}
+				${this.text?o.html`<slot></slot>`:o.html`<schmancy-icon size=${l}><slot></slot></schmancy-icon>`}
+			</button>
+		`}},exports.SchmnacyIconButton.shadowRootOptions={...o.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([t.query('[part="base"]',!0)],exports.SchmnacyIconButton.prototype,"nativeElement",2),n([t.property({type:String})],exports.SchmnacyIconButton.prototype,"size",2),n([t.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"variant",2),n([t.property()],exports.SchmnacyIconButton.prototype,"width",2),n([t.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"type",2),n([t.property()],exports.SchmnacyIconButton.prototype,"href",2),n([t.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"disabled",2),n([t.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"text",2),n([t.property({attribute:"aria-label"})],exports.SchmnacyIconButton.prototype,"ariaLabel",1),exports.SchmnacyIconButton=n([t.customElement("schmancy-icon-button")],exports.SchmnacyIconButton);
+//# sourceMappingURL=icon-button-BpmGFjaR.cjs.map