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

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts

@@ -0,0 +1,87 @@
+import { LitElement } from 'lit';
+import { ValidationMessages } from '../../../shared/face-mixin';
+import { SelectionButtonTheme, SelectionButtonSize, SelectionButtonShape } from '../../SelectionButton/core/_SelectionButton.js';
+
+export type SelectionButtonType = 'radio' | 'checkbox';
+export type SelectionButtonGroupTheme = SelectionButtonTheme;
+export type SelectionButtonGroupSize = SelectionButtonSize;
+export type SelectionButtonGroupShape = SelectionButtonShape;
+export interface SelectionButtonChangeEventDetail {
+    /** The value of the button that triggered the change */
+    value: string;
+    /** Whether the button is now selected */
+    checked: boolean;
+    /** All currently selected values */
+    selectedValues: string[];
+}
+export type SelectionButtonChangeEvent = CustomEvent<SelectionButtonChangeEventDetail>;
+export interface SelectionButtonGroupProps {
+    /** Selection mode: 'radio' (single) or 'checkbox' (multiple) */
+    type: SelectionButtonType;
+    /** Name attribute for the input elements */
+    name: string;
+    /** Legend text for the fieldset (accessibility) */
+    legend?: string;
+    /** Visually hide the legend while keeping it accessible */
+    legendHidden?: boolean;
+    /** Theme variant for buttons */
+    theme?: SelectionButtonGroupTheme;
+    /** Size variant for buttons */
+    size?: SelectionButtonGroupSize;
+    /** Shape variant for buttons */
+    shape?: SelectionButtonGroupShape;
+    /** Controlled value for radio mode */
+    value?: string;
+    /** Controlled values for checkbox mode */
+    values?: string[];
+    /** Disable all buttons in the group */
+    disabled?: boolean;
+    /** Require at least one selection before the form can be submitted */
+    required?: boolean;
+    validationMessages?: ValidationMessages;
+    /** Callback for selection changes */
+    onSelectionChange?: (event: SelectionButtonChangeEvent) => void;
+}
+declare const AgSelectionButtonGroup_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
+export declare class AgSelectionButtonGroup extends AgSelectionButtonGroup_base implements SelectionButtonGroupProps {
+    static styles: import('lit').CSSResult;
+    type: SelectionButtonType;
+    legend: string;
+    legendHidden: boolean;
+    theme: SelectionButtonGroupTheme;
+    size: SelectionButtonGroupSize;
+    shape: SelectionButtonGroupShape;
+    value: string;
+    values: string[];
+    disabled: boolean;
+    required: boolean;
+    validationMessages: ValidationMessages | undefined;
+    onSelectionChange: ((event: SelectionButtonChangeEvent) => void) | undefined;
+    _internalSelectedValues: string[];
+    constructor();
+    private _getSelectedValues;
+    /**
+     * Sync the form value to ElementInternals.
+     * Radio: submits the selected value as a string, or null if nothing selected.
+     * Checkbox: submits all selected values via FormData overload.
+     */
+    private _syncFormValue;
+    private _syncValidity;
+    /**
+     * FACE lifecycle: called when the parent form is reset.
+     * Clears all selections and re-syncs child buttons.
+     */
+    formResetCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    firstUpdated(): void;
+    private _getButtons;
+    private _syncChildButtons;
+    private _handleButtonChange;
+    private _handleKeyDown;
+    private _handleSlotChange;
+    render(): import('lit').TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=_SelectionButtonGroup.d.ts.map

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts.map

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

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.js

@@ -0,0 +1,235 @@
+import { LitElement as p, css as g, nothing as y, html as c } from "lit";
+import { n as r } from "../../../property-CemaeiRl.js";
+import { r as f } from "../../../state-CovhUvdr.js";
+import { FaceMixin as _ } from "../../../shared/face-mixin.js";
+var m = Object.defineProperty, o = (d, e, t, s) => {
+  for (var i = void 0, a = d.length - 1, n; a >= 0; a--)
+    (n = d[a]) && (i = n(e, t, i) || i);
+  return i && m(e, t, i), i;
+};
+const h = class h extends _(p) {
+  constructor() {
+    super(), this._handleButtonChange = (e) => {
+      e.stopPropagation();
+      const { value: t, checked: s } = e.detail;
+      let i;
+      if (this.type === "radio")
+        i = s ? [t] : [];
+      else {
+        const n = [...this._getSelectedValues()];
+        if (s)
+          n.includes(t) || n.push(t);
+        else {
+          const u = n.indexOf(t);
+          u > -1 && n.splice(u, 1);
+        }
+        i = n;
+      }
+      this._internalSelectedValues = i, this._syncFormValue(), this._syncValidity();
+      const a = new CustomEvent("selection-change", {
+        detail: {
+          value: t,
+          checked: s,
+          selectedValues: i
+        },
+        bubbles: !0,
+        composed: !0
+      });
+      this.dispatchEvent(a), this.onSelectionChange && this.onSelectionChange(a);
+    }, this._handleKeyDown = (e) => {
+      const t = this._getButtons().filter((n) => !n.disabled);
+      if (t.length === 0) return;
+      const s = t.find((n) => {
+        try {
+          return n.shadowRoot?.activeElement || n === document.activeElement;
+        } catch {
+          return n === document.activeElement;
+        }
+      }), i = s ? t.indexOf(s) : -1;
+      let a = null;
+      switch (e.key) {
+        case "ArrowDown":
+        case "ArrowRight":
+          e.preventDefault(), a = i === -1 ? 0 : (i + 1) % t.length;
+          break;
+        case "ArrowUp":
+        case "ArrowLeft":
+          e.preventDefault(), a = i === -1 ? t.length - 1 : (i - 1 + t.length) % t.length;
+          break;
+        case "Home":
+          e.preventDefault(), a = 0;
+          break;
+        case "End":
+          e.preventDefault(), a = t.length - 1;
+          break;
+      }
+      if (a !== null) {
+        const n = t[a];
+        n.focus(), this.type === "radio" && this._handleButtonChange(new CustomEvent("selection-button-change", {
+          detail: { value: n.value, checked: !0 }
+        }));
+      }
+    }, this.type = "radio", this.legend = "", this.legendHidden = !1, this.theme = "", this.size = "md", this.shape = "", this.value = "", this.values = [], this.disabled = !1, this.required = !1, this._internalSelectedValues = [], this.validationMessages = void 0;
+  }
+  // Get current selected values (controlled or uncontrolled)
+  _getSelectedValues() {
+    return this.type === "radio" ? this.value ? [this.value] : this._internalSelectedValues : this.values && this.values.length > 0 ? this.values : this._internalSelectedValues;
+  }
+  // ─── FACE ─────────────────────────────────────────────────────────────────
+  /**
+   * Sync the form value to ElementInternals.
+   * Radio: submits the selected value as a string, or null if nothing selected.
+   * Checkbox: submits all selected values via FormData overload.
+   */
+  _syncFormValue() {
+    const e = this._getSelectedValues();
+    if (this.type === "radio")
+      this._internals.setFormValue(e.length > 0 ? e[0] : null);
+    else if (e.length === 0)
+      this._internals.setFormValue(null);
+    else {
+      const t = new FormData();
+      e.forEach((s) => t.append(this.name, s)), this._internals.setFormValue(t);
+    }
+  }
+  _syncValidity() {
+    const e = this._getSelectedValues();
+    this.required && e.length === 0 ? this._internals.setValidity(
+      { valueMissing: !0 },
+      this.validationMessages?.valueMissing ?? "Please select an option."
+    ) : this._internals.setValidity({});
+  }
+  /**
+   * FACE lifecycle: called when the parent form is reset.
+   * Clears all selections and re-syncs child buttons.
+   */
+  formResetCallback() {
+    this._internalSelectedValues = [], this._internals.setFormValue(null), this._syncValidity(), this._syncChildButtons();
+  }
+  // ─── End FACE ─────────────────────────────────────────────────────────────
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("selection-button-change", this._handleButtonChange), this.addEventListener("keydown", this._handleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("selection-button-change", this._handleButtonChange), this.removeEventListener("keydown", this._handleKeyDown);
+  }
+  updated(e) {
+    super.updated(e), (e.has("type") || e.has("name") || e.has("theme") || e.has("size") || e.has("shape") || e.has("disabled") || e.has("value") || e.has("values") || e.has("_internalSelectedValues")) && this._syncChildButtons(), e.has("value") || e.has("values") || e.has("_internalSelectedValues") ? (this._syncFormValue(), this._syncValidity()) : e.has("required") && this._syncValidity();
+  }
+  firstUpdated() {
+    this._syncChildButtons(), this._syncFormValue(), this._syncValidity();
+  }
+  _getButtons() {
+    const e = this.shadowRoot?.querySelector("slot");
+    return e ? e.assignedElements({ flatten: !0 }).filter((t) => t.tagName.toLowerCase() === "ag-selection-button") : [];
+  }
+  _syncChildButtons() {
+    const e = this._getButtons(), t = this._getSelectedValues();
+    e.forEach((s) => {
+      s._type = this.type, s._name = this.name, s._theme = this.theme, s._size = this.size, s._shape = this.shape, s.checked = t.includes(s.value), this.disabled && (s.disabled = !0);
+    });
+  }
+  _handleSlotChange() {
+    this._syncChildButtons();
+  }
+  render() {
+    const e = [
+      "selection-button-group__legend",
+      this.legendHidden ? "selection-button-group__legend--hidden" : ""
+    ].filter(Boolean).join(" ");
+    return c`
+      <fieldset
+        class="selection-button-group"
+        part="ag-selection-button-group-fieldset"
+        role="${this.type === "radio" ? "radiogroup" : "group"}"
+        aria-disabled="${this.disabled ? "true" : "false"}"
+      >
+        ${this.legend ? c`<legend class="${e}" part="ag-selection-button-group-legend">${this.legend}</legend>` : y}
+        <div class="selection-button-group__content" part="ag-selection-button-group-content">
+          <slot @slotchange="${this._handleSlotChange}"></slot>
+        </div>
+      </fieldset>
+    `;
+  }
+};
+h.styles = g`
+    :host {
+      display: block;
+    }
+
+    .selection-button-group {
+      border: 0;
+      padding: 0;
+      margin: 0;
+      min-inline-size: auto;
+    }
+
+    .selection-button-group__legend {
+      font-weight: 600;
+      font-size: var(--ag-font-size-base);
+      color: var(--ag-text-primary);
+      padding: 0;
+      margin-block-end: var(--ag-space-4);
+    }
+
+    .selection-button-group__legend--hidden {
+      position: absolute !important;
+      width: 1px !important;
+      height: 1px !important;
+      padding: 0 !important;
+      margin: -1px !important;
+      overflow: hidden !important;
+      clip: rect(0, 0, 0, 0) !important;
+      white-space: nowrap !important;
+      border: 0 !important;
+    }
+
+    .selection-button-group__content {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--ag-selection-button-group-gap, var(--ag-space-2));
+    }
+  `;
+let l = h;
+o([
+  r({ type: String, reflect: !0 })
+], l.prototype, "type");
+o([
+  r({ type: String })
+], l.prototype, "legend");
+o([
+  r({ type: Boolean, attribute: "legend-hidden" })
+], l.prototype, "legendHidden");
+o([
+  r({ type: String, reflect: !0 })
+], l.prototype, "theme");
+o([
+  r({ type: String, reflect: !0 })
+], l.prototype, "size");
+o([
+  r({ type: String, reflect: !0 })
+], l.prototype, "shape");
+o([
+  r({ type: String })
+], l.prototype, "value");
+o([
+  r({ type: Array })
+], l.prototype, "values");
+o([
+  r({ type: Boolean, reflect: !0 })
+], l.prototype, "disabled");
+o([
+  r({ type: Boolean, reflect: !0 })
+], l.prototype, "required");
+o([
+  r({ attribute: !1 })
+], l.prototype, "validationMessages");
+o([
+  r({ attribute: !1 })
+], l.prototype, "onSelectionChange");
+o([
+  f()
+], l.prototype, "_internalSelectedValues");
+export {
+  l as AgSelectionButtonGroup
+};

package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.d.ts

@@ -0,0 +1,13 @@
+import { EventName } from '@lit/react';
+import { AgSelectionButtonGroup, SelectionButtonGroupProps, SelectionButtonChangeEvent } from '../core/SelectionButtonGroup';
+import * as React from 'react';
+export interface ReactSelectionButtonGroupProps extends SelectionButtonGroupProps {
+    children?: React.ReactNode;
+    className?: string;
+    onSelectionChange?: (event: SelectionButtonChangeEvent) => void;
+}
+export declare const ReactSelectionButtonGroup: import('@lit/react').ReactWebComponent<AgSelectionButtonGroup, {
+    onSelectionChange: EventName<SelectionButtonChangeEvent>;
+}>;
+export type { SelectionButtonGroupProps, SelectionButtonChangeEvent, SelectionButtonChangeEventDetail, SelectionButtonType, } from '../core/SelectionButtonGroup';
+//# sourceMappingURL=ReactSelectionButtonGroup.d.ts.map

package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactSelectionButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAChC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,8BAA+B,SAAQ,yBAAyB;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,yBAAyB;uBAKO,SAAS,CAAC,0BAA0B,CAAC;EAEhF,CAAC;AAEH,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,gCAAgC,EAChC,mBAAmB,GACpB,MAAM,8BAA8B,CAAC"}

package/dist/components/SelectionButtonGroup/react/ReactSelectionButtonGroup.js

@@ -0,0 +1,15 @@
+import * as t from "react";
+import { o as e } from "../../../create-component-BPMDMe-q.js";
+import "../core/SelectionButtonGroup.js";
+import { AgSelectionButtonGroup as o } from "../core/_SelectionButtonGroup.js";
+const c = e({
+  tagName: "ag-selection-button-group",
+  elementClass: o,
+  react: t,
+  events: {
+    onSelectionChange: "selection-change"
+  }
+});
+export {
+  c as ReactSelectionButtonGroup
+};

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

@@ -0,0 +1,3 @@
+export { ReactSelectionButtonGroup, type ReactSelectionButtonGroupProps } from './ReactSelectionButtonGroup';
+export type { SelectionButtonGroupProps, SelectionButtonChangeEvent, SelectionButtonChangeEventDetail, SelectionButtonType, } from '../core/SelectionButtonGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAG7G,YAAY,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,gCAAgC,EAChC,mBAAmB,GACpB,MAAM,8BAA8B,CAAC"}

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

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

package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.js

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

package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue.d.ts

@@ -0,0 +1,101 @@
+import { SelectionButtonType, SelectionButtonChangeEventDetail, SelectionButtonGroupTheme, SelectionButtonGroupSize, SelectionButtonGroupShape } from '../core/SelectionButtonGroup';
+import { ValidationMessages } from '../../../shared/face-mixin';
+
+export interface VueSelectionButtonGroupProps {
+    /** Selection mode: 'radio' (single) or 'checkbox' (multiple) */
+    type?: SelectionButtonType;
+    /** Name attribute for the input elements */
+    name: string;
+    /** Legend text for the fieldset (accessibility) */
+    legend?: string;
+    /** Visually hide the legend while keeping it accessible */
+    legendHidden?: boolean;
+    /** Theme variant for buttons */
+    theme?: SelectionButtonGroupTheme;
+    /** Size variant for buttons */
+    size?: SelectionButtonGroupSize;
+    /** Shape variant for buttons */
+    shape?: SelectionButtonGroupShape;
+    /** Controlled value for radio mode */
+    value?: string;
+    /** Controlled values for checkbox mode */
+    values?: string[];
+    /** Disable all buttons in the group */
+    disabled?: boolean;
+    /** Require at least one selection before the form can be submitted */
+    required?: boolean;
+    validationMessages?: ValidationMessages;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueSelectionButtonGroupProps>, {
+    type: string;
+    name: string;
+    legend: string;
+    legendHidden: boolean;
+    theme: string;
+    size: string;
+    shape: string;
+    value: string;
+    values: () => never[];
+    disabled: boolean;
+    required: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string) => void;
+    "selection-change": (detail: SelectionButtonChangeEventDetail) => void;
+    "update:values": (values: string[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueSelectionButtonGroupProps>, {
+    type: string;
+    name: string;
+    legend: string;
+    legendHidden: boolean;
+    theme: string;
+    size: string;
+    shape: string;
+    value: string;
+    values: () => never[];
+    disabled: boolean;
+    required: boolean;
+}>>> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onSelection-change"?: ((detail: SelectionButtonChangeEventDetail) => any) | undefined;
+    "onUpdate:values"?: ((values: string[]) => any) | undefined;
+}>, {
+    values: string[];
+    disabled: boolean;
+    name: string;
+    type: SelectionButtonType;
+    legend: string;
+    size: SelectionButtonGroupSize;
+    required: boolean;
+    value: string;
+    shape: SelectionButtonGroupShape;
+    legendHidden: boolean;
+    theme: SelectionButtonGroupTheme;
+}, {}, {}, {}, 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=VueSelectionButtonGroup.vue.d.ts.map

package/dist/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueSelectionButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/vue/VueSelectionButtonGroup.vue"],"names":[],"mappings":"AAoBA;AAEA,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EACV,mBAAmB,EACnB,gCAAgC,EAChC,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,4BAA4B;IAC3C,gEAAgE;IAChE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,gCAAgC;IAChC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAmDD,iBAAS,cAAc;qBA2CM,GAAG;EAK/B;AAUD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAnHV,MAAM,EAAE;cAEN,OAAO;UAhBZ,MAAM;UAFL,mBAAmB;YAIjB,MAAM;UAMR,wBAAwB;cAUpB,OAAO;WANV,MAAM;WAFN,yBAAyB;kBANlB,OAAO;WAEd,yBAAyB;4EAkIjC,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/SelectionButtonGroup/vue/index.d.ts

@@ -0,0 +1,6 @@
+import { default as VueSelectionButtonGroup } from './VueSelectionButtonGroup.vue';
+import { SelectionButtonGroupProps as VueSelectionButtonGroupProps } from '../core/_SelectionButtonGroup';
+
+export { VueSelectionButtonGroup };
+export type { VueSelectionButtonGroupProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,yBAAyB,IAAI,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE/G,OAAO,EAAE,uBAAuB,EAAE,CAAC;AACnC,YAAY,EAAE,4BAA4B,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { _ as t } from "../../../VueSelectionButtonGroup.vue_vue_type_script_setup_true_lang-DwYrIMVO.js";
+export {
+  t as VueSelectionButtonGroup
+};

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

@@ -0,0 +1,9 @@
+import { AgSelectionCard } from './_SelectionCard.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-selection-card': AgSelectionCard;
+    }
+}
+export * from './_SelectionCard.js';
+//# sourceMappingURL=SelectionCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionCard/core/SelectionCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,cAAc,qBAAqB,CAAC"}

package/dist/components/SelectionCard/core/SelectionCard.js

@@ -0,0 +1,5 @@
+import { AgSelectionCard as e } from "./_SelectionCard.js";
+customElements.get("ag-selection-card") || customElements.define("ag-selection-card", e);
+export {
+  e as AgSelectionCard
+};

package/dist/components/SelectionCard/core/_SelectionCard.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+
+export type SelectionCardTheme = 'success' | 'info' | 'error' | 'warning' | 'monochrome' | '';
+export interface SelectionCardProps {
+    /** Unique value for this card (required) */
+    value: string;
+    /** Accessible label for this card (required) */
+    label: string;
+    /** Whether this card is selected */
+    checked?: boolean;
+    /** Whether this card is disabled */
+    disabled?: boolean;
+}
+interface SelectionCardInternalProps {
+    /** Input type (set by parent group) */
+    _type?: 'radio' | 'checkbox';
+    /** Input name (set by parent group) */
+    _name?: string;
+    /** Theme (set by parent group) */
+    _theme?: SelectionCardTheme;
+}
+export declare class AgSelectionCard extends LitElement implements SelectionCardProps, SelectionCardInternalProps {
+    static styles: import('lit').CSSResult;
+    value: string;
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    _type: 'radio' | 'checkbox';
+    _name: string;
+    _theme: SelectionCardTheme;
+    constructor();
+    focus(): void;
+    private _handleClick;
+    private _handleKeyDown;
+    private _renderIndicator;
+    render(): import('lit').TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=_SelectionCard.d.ts.map

package/dist/components/SelectionCard/core/_SelectionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SelectionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionCard/core/_SelectionCard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IACjC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,UAAU,0BAA0B;IAClC,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,qBAAa,eAAgB,SAAQ,UAAW,YAAW,kBAAkB,EAAE,0BAA0B;IACvG,OAAgB,MAAM,0BA0NpB;IAGM,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAIlB,KAAK,EAAE,OAAO,GAAG,UAAU,CAAC;IAG5B,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,kBAAkB,CAAC;;IAa1B,KAAK;IAKd,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,gBAAgB;IAaf,MAAM;CAuChB"}