@mhmo91/schmancy 0.8.6 → 0.9.3

package/dist/form-BxVM6JTn.js

@@ -1,141 +0,0 @@
-import { Subject as d, merge as p, fromEvent as h, tap as m, takeUntil as y } from "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { property as g, customElement as b } from "lit/decorators.js";
-import { T as f } from "./tailwind.mixin-Bp_PR6yc.js";
-import { html as k, LitElement as C } from "lit";
-var v = Object.defineProperty, E = Object.getOwnPropertyDescriptor, l = (e, t, s, a) => {
-  for (var o, n = a > 1 ? void 0 : a ? E(t, s) : t, i = e.length - 1; i >= 0; i--) (o = e[i]) && (n = (a ? o(t, s, n) : o(n)) || n);
-  return a && n && v(t, s, n), n;
-};
-let c = class extends f() {
-  constructor() {
-    super(), this.$disconnecting = new d(), this.novalidate = !1, p(h(this, "click").pipe(m((e) => {
-      e.target.type?.toLowerCase() === "submit" && this.handleSubmitRequest(e);
-    })), h(this, "keydown").pipe(m((e) => {
-      e.code !== "Enter" && e.key !== "Enter" || this.handleSubmitRequest(e);
-    }))).pipe(y(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 o = s.options[a];
-          o.selected = o.defaultSelected;
-        }
-      } else t === "input" && (e.type === "checkbox" || e.type === "radio") || t !== "input" && c.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") : c.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 o = Array.from(a.getElementsByTagName("*")).filter((n) => !n.disabled);
-      s.push(...o);
-    }), 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 o = t.options[a];
-        o.selected && e.append(t.name, o.value);
-      }
-      else c.hasChecked(s) && t.checked ? e.append(t.name, t.value || "on") : c.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 c.canSubmit(s) ? this.submit() : t.type?.toLowerCase() === "reset" && this.reset(), !0;
-  }
-  render() {
-    return k`<slot></slot>`;
-  }
-};
-c.tagName = "sch-form", c.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 }], c.shadowRootOptions = { ...C.shadowRootOptions, mode: "open", delegatesFocus: !1 }, l([g({ type: Boolean, reflect: !0 })], c.prototype, "novalidate", 2), c = l([b("sch-form")], c);
-var N = Object.defineProperty, w = Object.getOwnPropertyDescriptor, u = (e, t, s, a) => {
-  for (var o, n = a > 1 ? void 0 : a ? w(t, s) : t, i = e.length - 1; i >= 0; i--) (o = e[i]) && (n = (a ? o(t, s, n) : o(n)) || n);
-  return a && n && N(t, s, n), n;
-};
-let r = class extends f() {
-  constructor() {
-    super(), this.$disconnecting = new d(), 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, p(h(this, "click").pipe(m((e) => {
-      e.target.type?.toLowerCase() === "submit" && this.handleSubmitRequest(e);
-    })), h(this, "keydown").pipe(m((e) => {
-      e.code !== "Enter" && e.key !== "Enter" || this.handleSubmitRequest(e);
-    }))).pipe(y(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 o = Array.from(a.getElementsByTagName("*")).filter((n) => !n.disabled);
-      s.push(...o);
-    }), 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 o = t.options[a];
-        o.selected && e.append(t.name, o.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 k`<slot></slot>`;
-  }
-};
-r.tagName = "schmancy-form", r.shadowRootOptions = { ...C.shadowRootOptions, mode: "open", delegatesFocus: !1 }, u([g({ type: Boolean, reflect: !0 })], r.prototype, "novalidate", 2), r = u([b("schmancy-form")], r);
-//# sourceMappingURL=form-BxVM6JTn.js.map

package/dist/form-BxVM6JTn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-BxVM6JTn.js","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","reset","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","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.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/formField.mixin-BCGA7Ea3.js

@@ -1,48 +0,0 @@
-import { property as i } from "lit/decorators.js";
-import { T as n } from "./tailwind.mixin-Bp_PR6yc.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;
-};
-function d(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 r([i({ type: String })], e.prototype, "name"), r([i({ reflect: !0 })], e.prototype, "value"), r([i({ type: String })], e.prototype, "label"), r([i({ type: Boolean, reflect: !0 })], e.prototype, "required"), r([i({ type: Boolean, reflect: !0 })], e.prototype, "disabled"), r([i({ type: Boolean, reflect: !0 })], e.prototype, "readonly"), r([i({ type: Boolean, reflect: !0 })], e.prototype, "error"), r([i({ type: String })], e.prototype, "validationMessage"), r([i({ type: String })], e.prototype, "hint"), r([i({ reflect: !0 })], e.prototype, "id"), e;
-}
-function c(s) {
-  return d(n(s));
-}
-export {
-  d as F,
-  c as S
-};
-//# sourceMappingURL=formField.mixin-BCGA7Ea3.js.map

package/dist/formField.mixin-BCGA7Ea3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.mixin-BCGA7Ea3.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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"}

package/dist/formField.mixin-BfJMifU9.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("lit/decorators.js"),p=require("./tailwind.mixin-Cp4PyXok.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-BfJMifU9.cjs.map

package/dist/formField.mixin-BfJMifU9.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.mixin-BfJMifU9.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

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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-DHEXr3c-.cjs

@@ -1,49 +0,0 @@
-"use strict";const o=require("rxjs"),y=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("lit/decorators.js"),d=require("./tailwind.mixin-Cp4PyXok.cjs"),p=require("lit");var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(t,i,a,s)=>{for(var n,r=s>1?void 0:s?g(i,a):i,h=t.length-1;h>=0;h--)(n=t[h])&&(r=(s?n(i,a,r):n(r))||r);return s&&r&&m(i,a,r),r};let e=class extends d.TailwindElement(p.css`
-	:host {
-		--schmancy-icon-size: 24px;
-		--schmancy-icon-fill: 0;
-		--schmancy-icon-weight: 400;
-		--schmancy-icon-grade: 0;
-		--schmancy-icon-opsz: 24;
-
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: var(--schmancy-icon-size);
-		height: var(--schmancy-icon-size);
-		font-size: var(--schmancy-icon-size);
-		color: inherit;
-		transition: font-variation-settings 0.2s ease;
-	}
-
-	.material-symbols {
-		font-family: var(--schmancy-icon-font, 'Material Symbols Outlined');
-		font-weight: normal;
-		font-style: normal;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		-webkit-font-feature-settings: 'liga';
-		font-feature-settings: 'liga';
-		font-variation-settings:
-			'FILL' var(--schmancy-icon-fill),
-			'wght' var(--schmancy-icon-weight),
-			'GRAD' var(--schmancy-icon-grade),
-			'opsz' var(--schmancy-icon-opsz);
-		width: 100%;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-`){constructor(){super(...arguments),this.fill=0,this.weight=400,this.grade=0,this.variant="outlined",this.size="md",this.fill$=new o.BehaviorSubject(this.fill),this.weight$=new o.BehaviorSubject(this.weight),this.grade$=new o.BehaviorSubject(this.grade),this.variant$=new o.BehaviorSubject(this.variant)}static loadFonts(){if(e.fontsLoaded)return;const t=document.createElement("link");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"),o.combineLatest([this.fill$,this.weight$,this.grade$,this.variant$]).pipe(y.tap(([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)}),o.takeUntil(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=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 p.html`
-			<span class="material-symbols" part="icon" style=${this.styleMap(n)}>
-				<slot></slot>
-			</span>
-		`}};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}},c([l.property({type:Number,reflect:!0})],e.prototype,"fill",2),c([l.property({type:Number,reflect:!0})],e.prototype,"weight",2),c([l.property({type:Number,reflect:!0})],e.prototype,"grade",2),c([l.property({type:String,reflect:!0})],e.prototype,"variant",2),c([l.property({type:String,reflect:!0})],e.prototype,"size",2),e=c([l.customElement("schmancy-icon")],e);
-//# sourceMappingURL=icon-DHEXr3c-.cjs.map

package/dist/icon-DHEXr3c-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DHEXr3c-.cjs","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-DYpLoegR.js

@@ -1,84 +0,0 @@
-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 l, customElement as d } from "lit/decorators.js";
-import { T as g } from "./tailwind.mixin-Bp_PR6yc.js";
-import { css as f, html as u } from "lit";
-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 {
-		--schmancy-icon-size: 24px;
-		--schmancy-icon-fill: 0;
-		--schmancy-icon-weight: 400;
-		--schmancy-icon-grade: 0;
-		--schmancy-icon-opsz: 24;
-
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: var(--schmancy-icon-size);
-		height: var(--schmancy-icon-size);
-		font-size: var(--schmancy-icon-size);
-		color: inherit;
-		transition: font-variation-settings 0.2s ease;
-	}
-
-	.material-symbols {
-		font-family: var(--schmancy-icon-font, 'Material Symbols Outlined');
-		font-weight: normal;
-		font-style: normal;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		-webkit-font-feature-settings: 'liga';
-		font-feature-settings: 'liga';
-		font-variation-settings:
-			'FILL' var(--schmancy-icon-fill),
-			'wght' var(--schmancy-icon-weight),
-			'GRAD' var(--schmancy-icon-grade),
-			'opsz' var(--schmancy-icon-opsz);
-		width: 100%;
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-`) {
-  constructor() {
-    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;
-    const t = document.createElement("link");
-    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(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 = 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(n)}>
-				<slot></slot>
-			</span>
-		`;
-  }
-};
-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-DYpLoegR.js.map

package/dist/icon-DYpLoegR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DYpLoegR.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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"}