agnosticui-core 2.0.0-alpha.2

package/dist/components/Toast/core/_Toast.js

@@ -0,0 +1,306 @@
+import { LitElement as d, css as c, nothing as u, html as m } from "lit";
+import { n as s } from "../../../property-CemaeiRl.js";
+import { r as f } from "../../../state-CovhUvdr.js";
+import "../../Alert/core/Alert.js";
+import "../../shared/CloseButton/CloseButton.js";
+var v = Object.defineProperty, e = (l, o, i, n) => {
+  for (var a = void 0, r = l.length - 1, h; r >= 0; r--)
+    (h = l[r]) && (a = h(o, i, a) || a);
+  return a && v(o, i, a), a;
+};
+const p = class p extends d {
+  constructor() {
+    super(), this._isHovered = !1, this._autoDismissTimer = null, this._timerStartTime = null, this._remainingTime = null, this._handleCloseButtonClick = () => {
+      this._clearTimer(), this.open = !1;
+    }, this._handleMouseEnter = () => {
+      this.pauseOnHover && this.autoDismiss && (this._isHovered = !0, this._pauseTimer());
+    }, this._handleMouseLeave = () => {
+      this.pauseOnHover && this.autoDismiss && (this._isHovered = !1, this._resumeTimer());
+    }, this._handleKeydown = (o) => {
+      o.key === "Escape" && this.showCloseButton && (o.preventDefault(), this._handleCloseButtonClick());
+    }, this.open = !1, this.type = "default", this.position = "top-end", this.duration = 5e3, this.autoDismiss = !0, this.showCloseButton = !0, this.pauseOnHover = !0, this.bordered = !1, this.rounded = !0, this.borderedLeft = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._clearTimer();
+  }
+  willUpdate(o) {
+    if (o.has("open")) {
+      const i = o.get("open");
+      if (this.open && !i) {
+        const n = new CustomEvent("toast-open", {
+          bubbles: !0,
+          composed: !0
+        });
+        this.dispatchEvent(n), this.onToastOpen?.(n), this.autoDismiss && this.duration > 0 && this._startTimer();
+      } else if (!this.open && i) {
+        this._clearTimer();
+        const n = new CustomEvent("toast-close", {
+          bubbles: !0,
+          composed: !0
+        });
+        this.dispatchEvent(n), this.onToastClose?.(n);
+      }
+    }
+  }
+  _startTimer() {
+    this._clearTimer(), this._timerStartTime = Date.now(), this._remainingTime = this.duration, this._autoDismissTimer = window.setTimeout(() => {
+      this._handleAutoDismiss();
+    }, this.duration);
+  }
+  _pauseTimer() {
+    if (!this._autoDismissTimer || !this._timerStartTime) return;
+    const o = Date.now() - this._timerStartTime;
+    this._remainingTime = Math.max(0, this.duration - o), this._clearTimer();
+  }
+  _resumeTimer() {
+    !this.autoDismiss || this._remainingTime === null || (this._timerStartTime = Date.now(), this._autoDismissTimer = window.setTimeout(() => {
+      this._handleAutoDismiss();
+    }, this._remainingTime));
+  }
+  _clearTimer() {
+    this._autoDismissTimer && (window.clearTimeout(this._autoDismissTimer), this._autoDismissTimer = null, this._timerStartTime = null);
+  }
+  _handleAutoDismiss() {
+    const o = new CustomEvent("toast-dismiss", {
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(o), this.onToastDismiss?.(o), this.open = !1;
+  }
+  _isUrgentType() {
+    return this.type === "error" || this.type === "danger" || this.type === "warning";
+  }
+  render() {
+    const o = this._isUrgentType() ? "alert" : "status", i = this._isUrgentType() ? "assertive" : "polite";
+    return m`
+      <div
+        class="toast-container"
+        part="ag-toast"
+        role="${o}"
+        aria-live="${i}"
+        aria-atomic="true"
+        @mouseenter=${this._handleMouseEnter}
+        @mouseleave=${this._handleMouseLeave}
+        @keydown=${this._handleKeydown}
+      >
+        <ag-alert
+          part="ag-toast-content"
+          .variant=${this.type}
+          .bordered=${this.bordered}
+          .rounded=${this.rounded}
+          .borderedLeft=${this.borderedLeft}
+        >
+          <div class="toast-inner-layout">
+            <div class="toast-content">
+              <slot></slot>
+            </div>
+            ${this.showCloseButton ? m`
+              <ag-close-button
+                size="sm"
+                .variant=${this.type}
+                label="Dismiss notification"
+                @close-button-click=${this._handleCloseButtonClick}
+              ></ag-close-button>
+            ` : u}
+          </div>
+        </ag-alert>
+      </div>
+    `;
+  }
+};
+p.styles = c`
+    :host {
+      display: block;
+      visibility: hidden;
+      position: fixed;
+      z-index: var(--ag-z-index-toast, 1000);
+      pointer-events: none;
+    }
+
+    :host([open]) {
+      visibility: visible;
+      pointer-events: auto;
+    }
+
+    /* Edge positions - full width/height */
+    :host([position="top"]) {
+      top: var(--ag-space-4);
+      inset-inline: 0;
+      width: 100%;
+    }
+
+    :host([position="bottom"]) {
+      bottom: var(--ag-space-4);
+      inset-inline: 0;
+      width: 100%;
+    }
+
+    :host([position="start"]) {
+      top: 0;
+      inset-inline-start: var(--ag-space-4);
+      bottom: 0;
+      height: 100%;
+    }
+
+    :host([position="end"]) {
+      top: 0;
+      inset-inline-end: var(--ag-space-4);
+      bottom: 0;
+      height: 100%;
+    }
+
+    /* Corner positions - constrained size */
+    :host([position="top-start"]) {
+      top: var(--ag-space-4);
+      inset-inline-start: var(--ag-space-4);
+    }
+
+    :host([position="top-end"]) {
+      top: var(--ag-space-4);
+      inset-inline-end: var(--ag-space-4);
+    }
+
+    :host([position="bottom-start"]) {
+      bottom: var(--ag-space-4);
+      inset-inline-start: var(--ag-space-4);
+    }
+
+    :host([position="bottom-end"]) {
+      bottom: var(--ag-space-4);
+      inset-inline-end: var(--ag-space-4);
+    }
+
+    /* Toast container with animations */
+    .toast-container {
+      position: relative;
+      opacity: 0;
+      transform: translateY(-100%);
+      transition: opacity var(--ag-motion-fast) ease-out,
+                  transform var(--ag-motion-fast) ease-out;
+    }
+
+    :host([open]) .toast-container {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    /* Transform variations based on position */
+    :host([position="bottom"]) .toast-container,
+    :host([position="bottom-start"]) .toast-container,
+    :host([position="bottom-end"]) .toast-container {
+      transform: translateY(100%);
+    }
+
+    :host([position="start"]) .toast-container {
+      transform: translateX(-100%);
+    }
+
+    :host([position="end"]) .toast-container {
+      transform: translateX(100%);
+    }
+
+    /* RTL Support - flip transform directions for start/end positions */
+    :host-context([dir="rtl"]):host([position="start"]) .toast-container {
+      transform: translateX(100%);
+    }
+
+    :host-context([dir="rtl"]):host([position="end"]) .toast-container {
+      transform: translateX(-100%);
+    }
+
+    :host([position="bottom"][open]) .toast-container,
+    :host([position="bottom-start"][open]) .toast-container,
+    :host([position="bottom-end"][open]) .toast-container,
+    :host([position="start"][open]) .toast-container,
+    :host([position="end"][open]) .toast-container {
+      transform: translateX(0) translateY(0);
+    }
+
+    /* Size constraints for corner positions */
+    :host([position="top-start"]) .toast-container,
+    :host([position="top-end"]) .toast-container,
+    :host([position="bottom-start"]) .toast-container,
+    :host([position="bottom-end"]) .toast-container {
+      max-inline-size: 400px;
+      max-block-size: 200px;
+    }
+
+    /* Inner layout for content and close button */
+    .toast-inner-layout {
+      display: flex;
+      align-items: center;
+      gap: var(--ag-space-3);
+    }
+
+    .toast-content {
+      flex: 1;
+      min-width: 0; /* Allows content to shrink and wrap */
+      display: flex;
+      align-items: center;
+      gap: var(--ag-space-2);
+    }
+
+    ag-close-button {
+      flex-shrink: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .toast-container {
+        transition: opacity var(--ag-motion-fast) ease;
+        transform: none !important;
+      }
+
+      :host([open]) .toast-container {
+        transform: none !important;
+      }
+    }
+  `;
+let t = p;
+e([
+  s({ type: Boolean, reflect: !0 })
+], t.prototype, "open");
+e([
+  s({ type: String })
+], t.prototype, "type");
+e([
+  s({ type: String, reflect: !0 })
+], t.prototype, "position");
+e([
+  s({ type: Number })
+], t.prototype, "duration");
+e([
+  s({ type: Boolean })
+], t.prototype, "autoDismiss");
+e([
+  s({ type: Boolean })
+], t.prototype, "showCloseButton");
+e([
+  s({ type: Boolean })
+], t.prototype, "pauseOnHover");
+e([
+  s({ type: Boolean })
+], t.prototype, "bordered");
+e([
+  s({ type: Boolean })
+], t.prototype, "rounded");
+e([
+  s({ type: Boolean })
+], t.prototype, "borderedLeft");
+e([
+  s({ attribute: !1 })
+], t.prototype, "onToastOpen");
+e([
+  s({ attribute: !1 })
+], t.prototype, "onToastClose");
+e([
+  s({ attribute: !1 })
+], t.prototype, "onToastDismiss");
+e([
+  f()
+], t.prototype, "_isHovered");
+export {
+  t as Toast
+};

package/dist/components/Toast/react/ReactToast.d.ts

@@ -0,0 +1,15 @@
+import { EventName } from '@lit/react';
+import { Toast, ToastProps, ToastOpenEvent, ToastCloseEvent, ToastDismissEvent } from '../core/Toast';
+import * as React from 'react';
+export interface ReactToastProps extends ToastProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactToast: import('@lit/react').ReactWebComponent<Toast, {
+    onToastOpen: EventName<ToastOpenEvent>;
+    onToastClose: EventName<ToastCloseEvent>;
+    onToastDismiss: EventName<ToastDismissEvent>;
+}>;
+export type { ToastOpenEvent, ToastCloseEvent, ToastDismissEvent } from '../core/Toast';
+//# sourceMappingURL=ReactToast.d.ts.map

package/dist/components/Toast/react/ReactToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/react/ReactToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,UAAU;iBAKU,SAAS,CAAC,cAAc,CAAC;kBACvB,SAAS,CAAC,eAAe,CAAC;oBACtB,SAAS,CAAC,iBAAiB,CAAC;EAEjE,CAAC;AAGH,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Toast/react/ReactToast.js

@@ -0,0 +1,17 @@
+import * as o from "react";
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import "../core/Toast.js";
+import { Toast as s } from "../core/_Toast.js";
+const r = t({
+  tagName: "ag-toast",
+  elementClass: s,
+  react: o,
+  events: {
+    onToastOpen: "toast-open",
+    onToastClose: "toast-close",
+    onToastDismiss: "toast-dismiss"
+  }
+});
+export {
+  r as ReactToast
+};

package/dist/components/Toast/react/index.d.ts

@@ -0,0 +1,4 @@
+export { ReactToast } from './ReactToast';
+export type { ReactToastProps } from './ReactToast';
+export type { ToastCloseEvent } from '../core/Toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Toast/react/index.js

@@ -0,0 +1,4 @@
+import { ReactToast as a } from "./ReactToast.js";
+export {
+  a as ReactToast
+};

package/dist/components/Toast/vue/VueToast.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueToast.vue_vue_type_script_setup_true_lang-ZC6HDIL9.js";
+export {
+  f as default
+};

package/dist/components/Toast/vue/VueToast.vue.d.ts

@@ -0,0 +1,75 @@
+import { ToastProps, ToastType } from '../core/Toast';
+import { Position } from '../../../utils/positioning';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToastProps>, {
+    open: boolean;
+    type: ToastType;
+    position: Position;
+    duration: number;
+    autoDismiss: boolean;
+    showCloseButton: boolean;
+    pauseOnHover: boolean;
+    bordered: boolean;
+    rounded: boolean;
+    borderedLeft: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toast-open": (event: Event) => void;
+    "toast-close": (event: Event) => void;
+    "toast-dismiss": (event: Event) => void;
+    "update:open": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToastProps>, {
+    open: boolean;
+    type: ToastType;
+    position: Position;
+    duration: number;
+    autoDismiss: boolean;
+    showCloseButton: boolean;
+    pauseOnHover: boolean;
+    bordered: boolean;
+    rounded: boolean;
+    borderedLeft: boolean;
+}>>> & Readonly<{
+    "onToast-open"?: ((event: Event) => any) | undefined;
+    "onToast-close"?: ((event: Event) => any) | undefined;
+    "onToast-dismiss"?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    type: ToastType;
+    duration: number;
+    position: Position;
+    bordered: boolean;
+    rounded: boolean;
+    borderedLeft: boolean;
+    open: boolean;
+    autoDismiss: boolean;
+    showCloseButton: boolean;
+    pauseOnHover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueToast.vue.d.ts.map

package/dist/components/Toast/vue/VueToast.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/vue/VueToast.vue"],"names":[],"mappings":"AAqBA;AAGA,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAwD3D,iBAAS,cAAc;qBAiDO,GAAG;EAKhC;AAaD,QAAA,MAAM,eAAe;;UAjFA,SAAS;cACL,QAAQ;;;;;;;;;;;;;;;UADZ,SAAS;cACL,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;4EAuF/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,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;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Toast/vue/index.d.ts

@@ -0,0 +1,6 @@
+import { default as VueToast } from './VueToast.vue';
+import { ToastProps as VueToastProps } from '../core/Toast';
+
+export { VueToast };
+export type { VueToastProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { _ as e } from "../../../VueToast.vue_vue_type_script_setup_true_lang-ZC6HDIL9.js";
+export {
+  e as VueToast
+};

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

@@ -0,0 +1,9 @@
+import { AgToggle } from './_Toggle.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-toggle': AgToggle;
+    }
+}
+export * from './_Toggle.js';
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/Toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,5 @@
+import { AgToggle as e } from "./_Toggle.js";
+customElements.get("ag-toggle") || customElements.define("ag-toggle", e);
+export {
+  e as AgToggle
+};

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

@@ -0,0 +1,126 @@
+import { LitElement } from 'lit';
+import { LabelPosition } from '../../../shared/form-control-utils';
+
+export interface ToggleChangeEventDetail {
+    checked: boolean;
+    name: string;
+    value: string;
+}
+export type ToggleChangeEvent = CustomEvent<ToggleChangeEventDetail>;
+export interface ToggleProps {
+    label?: string;
+    labelPosition?: LabelPosition;
+    labelHidden?: boolean;
+    noLabel?: boolean;
+    checked?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'default' | 'success' | 'warning' | 'danger' | 'monochrome';
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    helpText?: string;
+    name?: string;
+    value?: string;
+    onClick?: (event: MouseEvent) => void;
+    onToggleChange?: (event: ToggleChangeEvent) => void;
+}
+/**
+ * AgToggle - Accessible binary toggle/switch component
+ *
+ * A semantic button element implementing the WAI-ARIA Switch pattern
+ * for binary on/off state controls with comprehensive accessibility support.
+ *
+ * Features:
+ * - WAI-ARIA Switch pattern compliance with role="switch"
+ * - Semantic <button> element foundation
+ * - Required accessible name via aria-label or aria-labelledby
+ * - Keyboard navigation (Space/Enter activation)
+ * - Minimalist styling via design tokens
+ * - Size variants with consistent proportions
+ * - Form integration support
+ */
+export declare class AgToggle extends LitElement implements ToggleProps {
+    static styles: import('lit').CSSResult[];
+    private _toggleId;
+    private _labelId;
+    private _helperId;
+    private _errorId;
+    /**
+     * Label text for the toggle
+     */
+    label: string;
+    /**
+     * Position of the label relative to the toggle
+     */
+    labelPosition: LabelPosition;
+    /**
+     * Visually hide the label (still accessible to screen readers)
+     */
+    labelHidden: boolean;
+    /**
+     * Remove label completely
+     */
+    noLabel: boolean;
+    /**
+     * Current checked state of the toggle
+     */
+    checked: boolean;
+    /**
+     * Toggle size variant
+     */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Visual variant
+     */
+    variant: 'default' | 'success' | 'warning' | 'danger' | 'monochrome';
+    /**
+     * Disabled state
+     */
+    disabled: boolean;
+    /**
+     * Read-only state - visually interactive but doesn't change
+     */
+    readonly: boolean;
+    /**
+     * Required field indicator
+     */
+    required: boolean;
+    /**
+     * Invalid state for validation feedback
+     */
+    invalid: boolean;
+    /**
+     * Error message text displayed when invalid
+     */
+    errorMessage: string;
+    /**
+     * Helper text displayed below toggle
+     */
+    helpText: string;
+    /**
+     * Form integration - name attribute
+     */
+    name: string;
+    /**
+     * Form integration - value when checked
+     */
+    value: string;
+    /**
+     * Click event callback
+     */
+    onClick?: (event: MouseEvent) => void;
+    /**
+     * Toggle change event callback
+     */
+    onToggleChange?: (event: ToggleChangeEvent) => void;
+    constructor();
+    protected firstUpdated(): void;
+    private renderLabel;
+    private _handleClick;
+    private _handleKeydown;
+    private _performToggle;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/_Toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAI5C,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,QAAS,SAAQ,UAAW,YAAW,WAAW;IAC7D,MAAM,CAAC,MAAM,4BAmKX;IAGF,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEH,aAAa,EAAE,aAAa,CAAS;IAErC;;OAEG;IAEK,WAAW,EAAE,OAAO,CAAC;IAE7B;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE/C;;OAEG;IAEK,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;IAE7E;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,YAAY,EAAE,MAAM,CAAC;IAE7B;;OAEG;IAEK,QAAQ,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEK,IAAI,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEK,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C;;OAEG;IAEK,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;;IA6B5D,SAAS,CAAC,YAAY;IAQtB,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,cAAc,CA0BpB;IAEF,MAAM;CAiFP"}