agnosticui-core 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/components/Timeline/react/ReactTimeline.d.ts

@@ -1,14 +1,28 @@
 import { default as React } from 'react';
-import { AgTimeline as AgTimelineWC, AgTimelineItem as AgTimelineItemWC, AgTimelineProps, AgTimelineItemProps } from '../core/Timeline.js';
+import { AgTimeline as AgTimelineWC, AgTimelineItem as AgTimelineItemWC } from '../core/Timeline.js';
 
-export declare const ReactTimeline: import('@lit/react').ReactWebComponent<AgTimelineWC, {
-    onSlotChange: string;
-}>;
-export declare const ReactTimelineItem: import('@lit/react').ReactWebComponent<AgTimelineItemWC, {}>;
-export type ReactTimelineProps = AgTimelineProps & {
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'ag-timeline-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export interface ReactTimelineProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'monochrome' | '';
+    compact?: boolean;
+    ariaLabel?: string;
+    responsive?: boolean;
     children?: React.ReactNode;
-};
-export type ReactTimelineItemProps = AgTimelineItemProps & {
+}
+export declare const ReactTimeline: import('@lit/react').ReactWebComponent<AgTimelineWC, {}>;
+export interface ReactTimelineItemProps {
+    start?: React.ReactNode;
+    marker?: React.ReactNode;
+    end?: React.ReactNode;
     children?: React.ReactNode;
-};
+}
+export declare const ReactTimelineItem: React.FC<ReactTimelineItemProps>;
+export declare const ReactTimelineItemWC: import('@lit/react').ReactWebComponent<AgTimelineItemWC, {}>;
 //# sourceMappingURL=ReactTimeline.d.ts.map

package/dist/components/Timeline/react/ReactTimeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactTimeline.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/react/ReactTimeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,UAAU,IAAI,YAAY,EAC1B,cAAc,IAAI,gBAAgB,EACnC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,eAAO,MAAM,aAAa;;EAOxB,CAAC;AAGH,eAAO,MAAM,iBAAiB,8DAI5B,CAAC;AAGH,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,mBAAmB,GAAG;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"ReactTimeline.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/react/ReactTimeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGrG,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC;SAC7F;KACF;CACF;AAGD,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,aAAa,0DAIxB,CAAC;AAGH,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAS9D,CAAC;AAGF,eAAO,MAAM,mBAAmB,8DAI9B,CAAC"}

package/dist/components/Timeline/react/ReactTimeline.js

@@ -1,20 +1,24 @@
-import e from "react";
-import { o as t } from "../../../create-component-BPMDMe-q.js";
+import { j as e } from "../../../jsx-runtime-BzflLqGi.js";
+import a from "react";
+import { o as l } from "../../../create-component-BPMDMe-q.js";
 import "../core/Timeline.js";
-import { AgTimeline as m, AgTimelineItem as i } from "../core/_Timeline.js";
-const r = t({
+import { AgTimeline as r, AgTimelineItem as o } from "../core/_Timeline.js";
+const x = l({
   tagName: "ag-timeline",
-  elementClass: m,
-  react: e,
-  events: {
-    onSlotChange: "slotchange"
-  }
-}), c = t({
+  elementClass: r,
+  react: a
+}), j = ({ start: t, marker: i, end: m, children: n }) => /* @__PURE__ */ e.jsxs("ag-timeline-item", { children: [
+  t && /* @__PURE__ */ e.jsx("div", { slot: "ag-start", children: t }),
+  i && /* @__PURE__ */ e.jsx("div", { slot: "ag-marker", children: i }),
+  m && /* @__PURE__ */ e.jsx("div", { slot: "ag-end", children: m }),
+  n
+] }), f = l({
   tagName: "ag-timeline-item",
-  elementClass: i,
-  react: e
+  elementClass: o,
+  react: a
 });
 export {
-  r as ReactTimeline,
-  c as ReactTimelineItem
+  x as ReactTimeline,
+  j as ReactTimelineItem,
+  f as ReactTimelineItemWC
 };

package/dist/components/Toggle/core/_Toggle.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import { LabelPosition } from '../../../shared/form-control-utils';
+import { ValidationMessages } from '../../../shared/face-mixin';
 
 export interface ToggleChangeEventDetail {
     checked: boolean;
@@ -23,9 +24,11 @@ export interface ToggleProps {
     helpText?: string;
     name?: string;
     value?: string;
+    validationMessages?: ValidationMessages;
     onClick?: (event: MouseEvent) => void;
     onToggleChange?: (event: ToggleChangeEvent) => void;
 }
+declare const AgToggle_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
 /**
  * AgToggle - Accessible binary toggle/switch component
  *
@@ -41,7 +44,7 @@ export interface ToggleProps {
  * - Size variants with consistent proportions
  * - Form integration support
  */
-export declare class AgToggle extends LitElement implements ToggleProps {
+export declare class AgToggle extends AgToggle_base implements ToggleProps {
     static styles: import('lit').CSSResult[];
     private _toggleId;
     private _labelId;
@@ -100,22 +103,48 @@ export declare class AgToggle extends LitElement implements ToggleProps {
      */
     helpText: string;
     /**
-     * Form integration - name attribute
-     */
-    name: string;
-    /**
-     * Form integration - value when checked
+     * Form integration - value submitted when checked (defaults to 'on' like native checkbox)
      */
     value: string;
     /**
      * Click event callback
      */
     onClick?: (event: MouseEvent) => void;
+    /**
+     * Consumer-supplied validation messages (overrides built-in English fallbacks)
+     */
+    validationMessages: ValidationMessages | undefined;
     /**
      * Toggle change event callback
      */
     onToggleChange?: (event: ToggleChangeEvent) => void;
     constructor();
+    /**
+     * FACE lifecycle: called when the parent form is reset.
+     * Restores checked to false and clears form value and validity.
+     */
+    formResetCallback(): void;
+    /**
+     * Sync validity state to ElementInternals.
+     * Toggle has no inner <input> to delegate to, so required validation
+     * is implemented directly: unchecked + required = valueMissing.
+     */
+    private _syncValidity;
+    /**
+     * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+     *
+     * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+     * freshly-updated _internals.validity.valid value.
+     *
+     * Exposed states:
+     *  :state(checked)  — toggle is on
+     *  :state(disabled) — toggle is disabled
+     *  :state(readonly) — toggle is read-only
+     *  :state(required) — toggle is required
+     *  :state(invalid)  — FACE constraint validation is failing
+     */
+    private _syncStates;
+    updated(changedProperties: Map<string, unknown>): void;
     protected firstUpdated(): void;
     private renderLabel;
     private _handleClick;
@@ -123,4 +152,5 @@ export declare class AgToggle extends LitElement implements ToggleProps {
     private _performToggle;
     render(): import('lit').TemplateResult<1>;
 }
+export {};
 //# sourceMappingURL=_Toggle.d.ts.map

package/dist/components/Toggle/core/_Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/_Toggle.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/_Toggle.ts"],"names":[],"mappings":"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"}

package/dist/components/Toggle/core/_Toggle.js

@@ -1,26 +1,27 @@
-import { LitElement as b, css as u, html as s } from "lit";
-import { n as t } from "../../../property-CemaeiRl.js";
-import { o as p } from "../../../if-defined-C8i28hSj.js";
-import { createFormControlIds as f, isHorizontalLabel as c, buildAriaDescribedBy as m } from "../../../shared/form-control-utils.js";
-import { formControlStyles as y } from "../../../shared/form-control-styles.js";
-var v = Object.defineProperty, i = (d, r, a, l) => {
-  for (var o = void 0, n = d.length - 1, g; n >= 0; n--)
-    (g = d[n]) && (o = g(r, a, o) || o);
-  return o && v(r, a, o), o;
+import { LitElement as b, css as u, html as l } from "lit";
+import { n as i } from "../../../property-CemaeiRl.js";
+import { o as c } from "../../../if-defined-C8i28hSj.js";
+import { createFormControlIds as f, isHorizontalLabel as p, buildAriaDescribedBy as y } from "../../../shared/form-control-utils.js";
+import { formControlStyles as _ } from "../../../shared/form-control-styles.js";
+import { FaceMixin as v } from "../../../shared/face-mixin.js";
+var m = Object.defineProperty, a = (d, t, r, o) => {
+  for (var s = void 0, n = d.length - 1, g; n >= 0; n--)
+    (g = d[n]) && (s = g(t, r, s) || s);
+  return s && m(t, r, s), s;
 };
-const h = class h extends b {
+const h = class h extends v(b) {
   constructor() {
-    super(), this._toggleId = "", this._labelId = "", this._helperId = "", this._errorId = "", this.labelPosition = "top", this._handleClick = (a) => {
-      this.onClick && this.onClick(a), this._performToggle(a);
-    }, this._handleKeydown = (a) => {
-      (a.key === " " || a.key === "Enter") && (a.preventDefault(), this._performToggle(a));
-    }, this._performToggle = (a) => {
+    super(), this._toggleId = "", this._labelId = "", this._helperId = "", this._errorId = "", this.labelPosition = "top", this._handleClick = (r) => {
+      this.onClick && this.onClick(r), this._performToggle(r);
+    }, this._handleKeydown = (r) => {
+      (r.key === " " || r.key === "Enter") && (r.preventDefault(), this._performToggle(r));
+    }, this._performToggle = (r) => {
       if (this.disabled || this.readonly) {
-        a.preventDefault();
+        r.preventDefault();
         return;
       }
-      this.checked = !this.checked;
-      const l = new CustomEvent("toggle-change", {
+      this.checked = !this.checked, this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity(), this._syncStates();
+      const o = new CustomEvent("toggle-change", {
         detail: {
           checked: this.checked,
           name: this.name,
@@ -29,22 +30,61 @@ const h = class h extends b {
         bubbles: !0,
         composed: !0
       });
-      this.dispatchEvent(l), this.onToggleChange && this.onToggleChange(l);
+      this.dispatchEvent(o), this.onToggleChange && this.onToggleChange(o);
     };
-    const r = f("toggle");
-    this._toggleId = r.inputId, this._labelId = r.labelId, this._helperId = r.helperId, this._errorId = r.errorId, this.label = "", this.labelHidden = !1, this.noLabel = !1, this.checked = !1, this.size = "md", this.variant = "default", this.disabled = !1, this.readonly = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.name = "", this.value = "";
+    const t = f("toggle");
+    this._toggleId = t.inputId, this._labelId = t.labelId, this._helperId = t.helperId, this._errorId = t.errorId, this.label = "", this.labelHidden = !1, this.noLabel = !1, this.checked = !1, this.size = "md", this.variant = "default", this.disabled = !1, this.readonly = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.value = "", this.validationMessages = void 0;
+  }
+  // ─── FACE ─────────────────────────────────────────────────────────────────
+  /**
+   * FACE lifecycle: called when the parent form is reset.
+   * Restores checked to false and clears form value and validity.
+   */
+  formResetCallback() {
+    this.checked = !1, this._internals.setFormValue(null), this._internals.setValidity({}), this._syncStates();
+  }
+  /**
+   * Sync validity state to ElementInternals.
+   * Toggle has no inner <input> to delegate to, so required validation
+   * is implemented directly: unchecked + required = valueMissing.
+   */
+  _syncValidity() {
+    this.required && !this.checked ? this._internals.setValidity(
+      { valueMissing: !0 },
+      this.validationMessages?.valueMissing ?? "Please check this field."
+    ) : this._internals.setValidity({});
+  }
+  /**
+   * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+   *
+   * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+   * freshly-updated _internals.validity.valid value.
+   *
+   * Exposed states:
+   *  :state(checked)  — toggle is on
+   *  :state(disabled) — toggle is disabled
+   *  :state(readonly) — toggle is read-only
+   *  :state(required) — toggle is required
+   *  :state(invalid)  — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("checked", this.checked), this._setState("disabled", this.disabled), this._setState("readonly", this.readonly), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
+  }
+  // ─── End FACE ─────────────────────────────────────────────────────────────
+  updated(t) {
+    super.updated(t), (t.has("disabled") || t.has("readonly")) && this._syncStates();
   }
   firstUpdated() {
-    !this.label && !this.noLabel && console.warn("AgToggle: label property is required for accessibility.");
+    this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity(), this._syncStates(), !this.label && !this.noLabel && console.warn("AgToggle: label property is required for accessibility.");
   }
   renderLabel() {
     if (!this.label || this.noLabel) return "";
-    const r = [];
-    return c(this.labelPosition) ? (r.push("ag-form-control__label--horizontal"), r.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && r.push(`ag-form-control__label--${this.labelPosition}`), s`
+    const t = [];
+    return p(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && t.push(`ag-form-control__label--${this.labelPosition}`), l`
       <label
         id=${this._labelId}
         for=${this._toggleId}
-        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${r.join(" ")}"
+        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${t.join(" ")}"
         part="ag-toggle-label"
       >
         ${this.label}
@@ -52,22 +92,22 @@ const h = class h extends b {
     `;
   }
   render() {
-    const r = m({
+    const t = y({
       helperId: this._helperId,
       errorId: this._errorId,
       hasHelper: !!this.helpText && !this.invalid,
       hasError: !!this.invalid && !!this.errorMessage
-    }), a = this.helpText && !this.invalid ? s`<div class="ag-form-control__helper" id="${this._helperId}">
+    }), r = this.helpText && !this.invalid ? l`<div class="ag-form-control__helper" id="${this._helperId}">
           ${this.helpText}
-        </div>` : "", l = this.invalid && this.errorMessage ? s`<div class="ag-form-control__error" id="${this._errorId}">
+        </div>` : "", o = this.invalid && this.errorMessage ? l`<div class="ag-form-control__error" id="${this._errorId}">
           ${this.errorMessage}
-        </div>` : "", o = s`
+        </div>` : "", s = l`
       <button
         id="${this._toggleId}"
         role="switch"
         aria-checked="${this.checked}"
-        aria-labelledby="${p(this.label && !this.noLabel ? this._labelId : void 0)}"
-        aria-describedby="${p(r)}"
+        aria-labelledby="${c(this.label && !this.noLabel ? this._labelId : void 0)}"
+        aria-describedby="${c(t)}"
         ?disabled="${this.disabled}"
         class="ag-toggle ag-toggle--${this.size} ag-toggle--${this.variant}"
         part="ag-toggle-button"
@@ -84,28 +124,28 @@ const h = class h extends b {
         </span>
       </button>
     `;
-    return c(this.labelPosition) ? s`
+    return p(this.labelPosition) ? l`
         <div class="ag-form-control--horizontal">
           ${this.renderLabel()}
-          ${o}
+          ${s}
         </div>
-        ${a}
-        ${l}
-      ` : this.labelPosition === "bottom" ? s`
+        ${r}
+        ${o}
+      ` : this.labelPosition === "bottom" ? l`
+        ${s}
+        ${r}
         ${o}
-        ${a}
-        ${l}
         ${this.renderLabel()}
-      ` : s`
+      ` : l`
       ${this.renderLabel()}
+      ${s}
+      ${r}
       ${o}
-      ${a}
-      ${l}
     `;
   }
 };
 h.styles = [
-  y,
+  _,
   u`
     /* MINIMALIST & THEMEABLE - Styling via --ag-* design tokens */
     :host {
@@ -269,56 +309,56 @@ h.styles = [
   `
 ];
 let e = h;
-i([
-  t({ type: String })
+a([
+  i({ type: String })
 ], e.prototype, "label");
-i([
-  t({ type: String, attribute: "label-position" })
+a([
+  i({ type: String, attribute: "label-position" })
 ], e.prototype, "labelPosition");
-i([
-  t({ type: Boolean, attribute: "label-hidden" })
+a([
+  i({ type: Boolean, attribute: "label-hidden" })
 ], e.prototype, "labelHidden");
-i([
-  t({ type: Boolean, attribute: "no-label" })
+a([
+  i({ type: Boolean, attribute: "no-label" })
 ], e.prototype, "noLabel");
-i([
-  t({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "checked");
-i([
-  t({ type: String, reflect: !0 })
+a([
+  i({ type: String, reflect: !0 })
 ], e.prototype, "size");
-i([
-  t({ type: String, reflect: !0 })
+a([
+  i({ type: String, reflect: !0 })
 ], e.prototype, "variant");
-i([
-  t({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled");
-i([
-  t({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "readonly");
-i([
-  t({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "required");
-i([
-  t({ type: Boolean, reflect: !0 })
+a([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "invalid");
-i([
-  t({ type: String, attribute: "error-message" })
+a([
+  i({ type: String, attribute: "error-message" })
 ], e.prototype, "errorMessage");
-i([
-  t({ type: String, attribute: "help-text" })
+a([
+  i({ type: String, attribute: "help-text" })
 ], e.prototype, "helpText");
-i([
-  t({ type: String })
-], e.prototype, "name");
-i([
-  t({ type: String })
+a([
+  i({ type: String })
 ], e.prototype, "value");
-i([
-  t({ attribute: !1 })
+a([
+  i({ attribute: !1 })
 ], e.prototype, "onClick");
-i([
-  t({ attribute: !1 })
+a([
+  i({ attribute: !1 })
+], e.prototype, "validationMessages");
+a([
+  i({ attribute: !1 })
 ], e.prototype, "onToggleChange");
 export {
   e as AgToggle

package/dist/components/Toggle/vue/VueToggle.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../VueToggle.vue_vue_type_script_setup_true_lang-BxrvAsse.js";
+import { _ as f } from "../../../VueToggle.vue_vue_type_script_setup_true_lang-DLPCBOqZ.js";
 export {
   f as default
 };

package/dist/components/Toggle/vue/VueToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VueToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/vue/VueToggle.vue"],"names":[],"mappings":"AAuBA;AAGA,OAAO,KAAK,EACV,WAAW,EAEX,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AAGxB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,gBAAgB,CAAC;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyH5D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"VueToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/vue/VueToggle.vue"],"names":[],"mappings":"AAwBA;AAGA,OAAO,KAAK,EACV,WAAW,EAEX,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,CAAC;AAGxB,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,gBAAgB,CAAC;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyH5D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Toggle/vue/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../../../VueToggle.vue_vue_type_script_setup_true_lang-BxrvAsse.js";
+import { _ as r, _ as t } from "../../../VueToggle.vue_vue_type_script_setup_true_lang-DLPCBOqZ.js";
 import "../core/Toggle.js";
 export {
   r as VueToggle,

package/dist/shared/face-mixin.d.ts

@@ -0,0 +1,82 @@
+import { LitElement } from 'lit';
+
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * Consumer-supplied validation messages for constraint validation.
+ * Each key maps to the corresponding ValidityState flag.
+ * Provided values override the built-in English fallback strings.
+ */
+export interface ValidationMessages {
+    valueMissing?: string;
+    typeMismatch?: string;
+    patternMismatch?: string;
+    tooLong?: string;
+    tooShort?: string;
+    rangeUnderflow?: string;
+    rangeOverflow?: string;
+    stepMismatch?: string;
+    badInput?: string;
+    customError?: string;
+}
+/**
+ * Sync the validity state of an inner <input> or <textarea> to ElementInternals.
+ *
+ * This is the recommended delegation strategy: let the native input run its own
+ * constraint validation (required, minlength, type="email", pattern, etc.) and
+ * then mirror the result into ElementInternals so the host custom element's
+ * validity reflects the inner element.
+ *
+ * Call this on every `input` and `change` event, and once after `firstUpdated`.
+ *
+ * @param internals - The ElementInternals handle from attachInternals()
+ * @param inputEl   - The inner native input, textarea, or select element
+ */
+export declare function syncInnerInputValidity(internals: ElementInternals, inputEl: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null | undefined): void;
+/**
+ * Type-level declaration of everything FaceMixin adds to a class.
+ *
+ * Using `declare class` (rather than `interface`) is the Lit-recommended approach
+ * for mixins that include protected members — it avoids TS4094 "anonymous class
+ * type may not be private or protected" errors in declaration emit.
+ *
+ * Import this type when you need to declare a FACE-capable component in type position.
+ */
+export declare class FaceMixinInterface {
+    /** Registers this element as form-associated with the browser */
+    static readonly formAssociated: boolean;
+    /** ElementInternals handle — subclasses use this to call setFormValue/setValidity */
+    protected _internals: ElementInternals;
+    /** The name under which this control's value is submitted with the parent form */
+    name: string;
+    /** The parent <form> element, or null */
+    readonly form: HTMLFormElement | null;
+    /** Current ValidityState, updated via _internals.setValidity() */
+    readonly validity: ValidityState;
+    /** Browser-generated or custom validation message */
+    readonly validationMessage: string;
+    /** Whether this element participates in constraint validation */
+    readonly willValidate: boolean;
+    /** Silent validity check; fires 'invalid' event if invalid */
+    checkValidity(): boolean;
+    /** Validity check with browser tooltip if invalid */
+    reportValidity(): boolean;
+    /** FACE lifecycle — called when a fieldset disabled ancestor changes */
+    formDisabledCallback(disabled: boolean): void;
+    /** FACE lifecycle — called on form reset; subclasses should override */
+    formResetCallback(): void;
+    /**
+     * Toggle a custom state in ElementInternals.states (CustomStateSet).
+     * Enables :state() pseudo-class targeting from external CSS.
+     * Guards against environments where states is unavailable.
+     */
+    protected _setState(state: string, active: boolean): void;
+}
+/**
+ * FaceMixin
+ *
+ * Compose onto any LitElement subclass to get full FACE boilerplate.
+ * Subclasses MUST override `formResetCallback()` to restore their own default state.
+ */
+export declare const FaceMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<FaceMixinInterface> & T;
+export {};
+//# sourceMappingURL=face-mixin.d.ts.map

package/dist/shared/face-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-mixin.d.ts","sourceRoot":"","sources":["../../src/shared/face-mixin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,IAAI,GAAG,SAAS,GACrF,IAAI,CAQN;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,iEAAiE;IACjE,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACxC,qFAAqF;IACrF,SAAS,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACvC,kFAAkF;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,QAAQ,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,kEAAkE;IAClE,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,qDAAqD;IACrD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,iEAAiE;IACjE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,8DAA8D;IAC9D,aAAa,IAAI,OAAO;IACxB,qDAAqD;IACrD,cAAc,IAAI,OAAO;IACzB,wEAAwE;IACxE,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAC7C,wEAAwE;IACxE,iBAAiB,IAAI,IAAI;IACzB;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI;CAC1D;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KA6GvC,WAAW,CAAC,kBAAkB,CAAC,GAAG,CACpE,CAAC"}