agnosticui-core 2.0.0-alpha.2

package/dist/components/Rating/core/_Rating.d.ts

@@ -0,0 +1,86 @@
+import { LitElement } from 'lit';
+import { LabelPosition } from '../../../shared/form-control-utils';
+
+export interface RatingChangeEventDetail {
+    oldValue: number;
+    newValue: number;
+}
+export interface RatingHoverEventDetail {
+    phase: 'start' | 'move' | 'end';
+    value: number;
+}
+export type RatingChangeEvent = CustomEvent<RatingChangeEventDetail>;
+export type RatingHoverEvent = CustomEvent<RatingHoverEventDetail>;
+export type RatingPrecision = 'whole' | 'half';
+export type RatingSize = 'sm' | 'md' | 'lg';
+export type RatingVariant = '' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'monochrome';
+export interface RatingProps {
+    value?: number;
+    max?: number;
+    precision?: RatingPrecision;
+    readonly?: boolean;
+    allowClear?: boolean;
+    variant?: RatingVariant;
+    size?: RatingSize;
+    name?: string;
+    label?: string;
+    labelPosition?: LabelPosition;
+    labelHidden?: boolean;
+    noLabel?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    helpText?: string;
+    onRatingChange?: (event: RatingChangeEvent) => void;
+    onRatingHover?: (event: RatingHoverEvent) => void;
+}
+export declare class AgRating extends LitElement {
+    private uniqueId;
+    private _ratingId;
+    private _labelId;
+    private _helperId;
+    private _errorId;
+    value: number;
+    max: number;
+    precision: 'whole' | 'half';
+    readonly: boolean;
+    allowClear: boolean;
+    variant: '' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size: RatingSize;
+    name: string;
+    label: string;
+    labelPosition: LabelPosition;
+    labelHidden: boolean;
+    noLabel: boolean;
+    required: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+    onRatingChange?: (event: RatingChangeEvent) => void;
+    onRatingHover?: (event: RatingHoverEvent) => void;
+    private hoverValue;
+    private isHovering;
+    private isPointerDown;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    static styles: import('lit').CSSResult[];
+    private renderLabel;
+    render(): import('lit').TemplateResult<1>;
+    private renderStar;
+    private renderStarSvg;
+    private roundToPrecision;
+    private getValueFromClientX;
+    private handleClickStar;
+    private handlePointerEnter;
+    private handlePointerLeave;
+    private handlePointerDown;
+    private handlePointerMoveHost;
+    private handlePointerMove;
+    private handlePointerUp;
+    private removeGlobalPointerListeners;
+    private handleKeyDown;
+    private commitValue;
+    private emitHoverEvent;
+}
+//# sourceMappingURL=_Rating.d.ts.map

package/dist/components/Rating/core/_Rating.d.ts.map

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

package/dist/components/Rating/core/_Rating.js

@@ -0,0 +1,374 @@
+import { LitElement as y, css as w, html as h, svg as g } from "lit";
+import { n as o } from "../../../property-CemaeiRl.js";
+import { r as p } from "../../../state-CovhUvdr.js";
+import { o as f } from "../../../if-defined-C8i28hSj.js";
+import { createFormControlIds as $, isHorizontalLabel as m, buildAriaDescribedBy as P } from "../../../shared/form-control-utils.js";
+import { formControlStyles as _ } from "../../../shared/form-control-styles.js";
+var C = Object.defineProperty, s = (u, e, i, t) => {
+  for (var r = void 0, n = u.length - 1, l; n >= 0; n--)
+    (l = u[n]) && (r = l(e, i, r) || r);
+  return r && C(e, i, r), r;
+};
+let H = 0;
+const v = class v extends y {
+  // Flag for pointer down state
+  constructor() {
+    super(), this.uniqueId = ++H, this._ratingId = "", this._labelId = "", this._helperId = "", this._errorId = "", this.labelPosition = "top", this.hoverValue = 0, this.isHovering = !1, this.isPointerDown = !1;
+    const e = $("rating");
+    this._ratingId = e.inputId, this._labelId = e.labelId, this._helperId = e.helperId, this._errorId = e.errorId, this.value = 0, this.max = 5, this.precision = "whole", this.readonly = !1, this.allowClear = !1, this.variant = "", this.size = "md", this.name = "", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("keydown", this.handleKeyDown), this.removeGlobalPointerListeners();
+  }
+  renderLabel() {
+    if (!this.label || this.noLabel) return "";
+    const e = [];
+    return m(this.labelPosition) ? (e.push("ag-form-control__label--horizontal"), e.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && e.push(`ag-form-control__label--${this.labelPosition}`), h`
+      <label
+        id=${this._labelId}
+        for=${this._ratingId}
+        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${e.join(" ")}"
+        part="ag-rating-label"
+      >
+        ${this.label}
+      </label>
+    `;
+  }
+  render() {
+    const e = this.isHovering ? this.hoverValue : this.value, i = Array.from({ length: this.max }, (d, b) => b + 1), t = P({
+      helperId: this._helperId,
+      errorId: this._errorId,
+      hasHelper: !!this.helpText && !this.invalid,
+      hasError: !!this.invalid && !!this.errorMessage
+    }), r = this.helpText && !this.invalid ? h`<div class="ag-form-control__helper" id="${this._helperId}">
+          ${this.helpText}
+        </div>` : "", n = this.invalid && this.errorMessage ? h`<div class="ag-form-control__error" id="${this._errorId}">
+          ${this.errorMessage}
+        </div>` : "", l = h`
+      <div
+        id="${this._ratingId}"
+        class="rating"
+        part="base"
+        role="slider"
+        aria-label="${this.label || "Rating"}"
+        aria-labelledby="${f(this.label && !this.noLabel ? this._labelId : void 0)}"
+        aria-describedby="${f(t)}"
+        aria-valuemin="0"
+        aria-valuemax="${this.max}"
+        aria-valuenow="${Number(this.value).toFixed(this.precision === "half" ? 1 : 0)}"
+        aria-invalid="${this.invalid ? "true" : "false"}"
+        aria-required="${this.required ? "true" : "false"}"
+        tabindex="${this.readonly ? -1 : 0}"
+        @pointerdown="${this.handlePointerDown}"
+        @pointermove="${this.handlePointerMoveHost}"
+        @pointerleave="${this.handlePointerLeave}"
+        @pointerenter="${this.handlePointerEnter}"
+      >
+        ${i.map((d) => this.renderStar(d, e))}
+      </div>
+      <span class="visually-hidden" aria-live="polite">
+        ${e} of ${this.max}
+      </span>
+    `;
+    return m(this.labelPosition) ? h`
+        <div class="ag-form-control--horizontal">
+          ${this.renderLabel()}
+          ${l}
+        </div>
+        ${r}
+        ${n}
+      ` : this.labelPosition === "bottom" ? h`
+        ${l}
+        ${r}
+        ${n}
+        ${this.renderLabel()}
+      ` : h`
+      ${this.renderLabel()}
+      ${l}
+      ${r}
+      ${n}
+    `;
+  }
+  renderStar(e, i) {
+    const t = i >= e, r = !t && i >= e - 0.5 && this.precision === "half", n = t || r ? "filled" : "", l = this.isHovering && this.hoverValue >= e ? "hover" : "", c = `ag-rating-half-${this.uniqueId}-${e}`;
+    return h`
+      <span
+        class="star-button"
+        part="star-button"
+        @click="${(d) => this.handleClickStar(d, e)}"
+        aria-label="${e} star"
+        title="${e} star"
+      >
+        <span class="star ${n} ${l}" part="star" data-star="${e}">
+          ${this.renderStarSvg(t, r, c)}
+        </span>
+      </span>
+    `;
+  }
+  renderStarSvg(e, i, t) {
+    return i ? g`
+        <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+          <defs>
+            <clipPath id="${t}">
+              <rect x="0" y="0" width="12" height="24"></rect>
+            </clipPath>
+          </defs>
+          <path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
+          <path clip-path="url(#${t})" d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
+        </svg>
+      ` : g`
+      <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+        <path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
+      </svg>
+    `;
+  }
+  roundToPrecision(e) {
+    return this.precision === "half" ? Math.round(e * 2) / 2 : Math.round(e);
+  }
+  getValueFromClientX(e) {
+    const i = this.shadowRoot?.querySelector(".rating");
+    if (!i) return 0;
+    const t = i.getBoundingClientRect(), r = Math.max(0, Math.min(e - t.left, t.width)), l = (t.width > 0 ? r / t.width : 0) * this.max;
+    return this.roundToPrecision(l);
+  }
+  handleClickStar(e, i) {
+    if (e.stopPropagation(), this.readonly) return;
+    const t = this.value;
+    let r = (this.precision === "half", i);
+    this.allowClear && r === t && (r = 0), this.commitValue(r, t);
+  }
+  handlePointerEnter(e) {
+  }
+  handlePointerLeave(e) {
+    this.isPointerDown || (this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", this.hoverValue));
+  }
+  handlePointerDown(e) {
+    if (this.readonly) return;
+    this.isPointerDown = !0, this.setPointerCapture(e.pointerId);
+    const i = e.clientX, t = this.getValueFromClientX(i);
+    this.hoverValue = t, this.isHovering = !0, this.emitHoverEvent("start", t), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp);
+  }
+  handlePointerMoveHost(e) {
+    if (!this.isPointerDown && !this.isHovering) return;
+    const i = e.clientX, t = this.getValueFromClientX(i);
+    this.hoverValue = t, this.isHovering ? this.emitHoverEvent("move", t) : (this.isHovering = !0, this.emitHoverEvent("start", t));
+  }
+  handlePointerMove(e) {
+    if (this.readonly) return;
+    const i = e.clientX, t = this.getValueFromClientX(i);
+    t !== this.hoverValue && (this.hoverValue = t, this.emitHoverEvent("move", t));
+  }
+  handlePointerUp(e) {
+    if (this.readonly) return;
+    const i = e.clientX, t = this.getValueFromClientX(i), r = this.value;
+    let n = t;
+    this.allowClear && n === r && (n = 0), this.commitValue(n, r), this.isPointerDown = !1, this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", t), this.removeGlobalPointerListeners();
+  }
+  removeGlobalPointerListeners() {
+    window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp);
+  }
+  handleKeyDown(e) {
+    if (this.readonly) return;
+    const i = this.value, t = this.precision === "half" ? 0.5 : 1;
+    e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), this.value = Math.min(this.max, this.value + t), this.commitValue(this.value, i)) : e.key === "ArrowLeft" || e.key === "ArrowDown" ? (e.preventDefault(), this.value = Math.max(0, this.value - t), this.commitValue(this.value, i)) : e.key === "Home" ? (e.preventDefault(), this.value = 0, this.commitValue(this.value, i)) : e.key === "End" && (e.preventDefault(), this.value = this.max, this.commitValue(this.value, i));
+  }
+  commitValue(e, i) {
+    const t = this.roundToPrecision(e);
+    this.value = t;
+    const r = new CustomEvent("rating-change", {
+      detail: { oldValue: i, newValue: t },
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(r), this.onRatingChange && this.onRatingChange(r);
+  }
+  emitHoverEvent(e, i) {
+    const t = new CustomEvent("rating-hover", {
+      detail: { phase: e, value: i },
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(t), this.onRatingHover && this.onRatingHover(t);
+  }
+};
+v.styles = [
+  _,
+  w`
+    :host {
+      display: block;
+      line-height: 1;
+    }
+
+    .rating {
+      display: inline-flex;
+      gap: var(--ag-space-1);
+      align-items: center;
+      cursor: pointer;
+    }
+
+    :host([readonly]) .rating {
+      cursor: default;
+      pointer-events: none;
+    }
+
+    /* Default (≈ Chakra UI “xs”) */
+    .star {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      transition:
+        transform var(--ag-motion-medium) ease,
+        opacity   var(--ag-motion-medium);
+      color: var(--ag-neutral-300);
+      width:  var(--ag-space-3);   /* 0.75rem  → xs */
+      height: var(--ag-space-3);
+    }
+
+    /* size="sm"  → Chakra UI “sm” ≈ 1rem */
+    :host([size="sm"]) .star {
+      width:  var(--ag-space-4);   /* 1rem */
+      height: var(--ag-space-4);
+    }
+
+    /* size="md"  → Chakra UI “md” ≈ 1.25rem */
+    :host([size="md"]) .star {
+      width:  var(--ag-space-5);   /* 1.25rem */
+      height: var(--ag-space-5);
+    }
+
+    /* size="lg"  → Chakra UI “lg” ≈ 1.5rem */
+    :host([size="lg"]) .star {
+      width:  var(--ag-space-6);   /* 1.5rem */
+      height: var(--ag-space-6);
+    }
+
+    .star svg path {
+      fill: var(--ag-neutral-300); /* Empty color */
+    }
+    .star.filled > svg > path:last-of-type,
+    .star.hover svg path {
+      fill: var(--ag-rating-filled, var(--ag-yellow-400));
+    }
+
+    :host([variant="primary"]) .star.filled > svg > path:last-of-type,
+    :host([variant="primary"]) .star.hover svg path {
+      fill: var(--ag-rating-filled-primary, var(--ag-primary));
+    }
+    :host([variant="success"]) .star.filled > svg > path:last-of-type,
+    :host([variant="success"]) .star.hover svg path {
+      fill: var(--ag-rating-filled-success, var(--ag-success));
+    }
+    :host([variant="warning"]) .star.filled > svg > path:last-of-type,
+    :host([variant="warning"]) .star.hover svg path {
+      fill: var(--ag-rating-filled-warning, var(--ag-warning));
+    }
+    :host([variant="danger"]) .star.filled > svg > path:last-of-type,
+    :host([variant="danger"]) .star.hover svg path {
+      fill: var(--ag-rating-filled-danger, var(--ag-danger));
+    }
+    :host([variant="secondary"]) .star.filled > svg > path:last-of-type,
+    :host([variant="secondary"]) .star.hover svg path {
+      fill: var(--ag-rating-filled-secondary, var(--ag-secondary));
+    }
+    :host([variant="monochrome"]) .star.filled > svg > path:last-of-type,
+    :host([variant="monochrome"]) .star.hover svg path {
+      fill: var(--ag-text-primary);
+    }
+
+    .star-button {
+      display: inline-block;
+      border: 0;
+      background: transparent;
+      padding: 0;
+      margin: 0;
+      line-height: 0;
+      cursor: inherit;
+    }
+
+    :host(:focus-visible) .rating {
+      box-shadow: 0 0 0 var(--ag-focus-offset) rgba(var(--ag-focus), 0.12);
+    }
+
+    .visually-hidden {
+      position: absolute !important;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0 0 0 0);
+      white-space: nowrap;
+      border: 0;
+    }
+  `
+];
+let a = v;
+s([
+  o({ type: Number })
+], a.prototype, "value");
+s([
+  o({ type: Number })
+], a.prototype, "max");
+s([
+  o({ type: String })
+], a.prototype, "precision");
+s([
+  o({ type: Boolean, reflect: !0 })
+], a.prototype, "readonly");
+s([
+  o({ type: Boolean })
+], a.prototype, "allowClear");
+s([
+  o({ type: String, reflect: !0 })
+], a.prototype, "variant");
+s([
+  o({ type: String, reflect: !0 })
+], a.prototype, "size");
+s([
+  o({ type: String })
+], a.prototype, "name");
+s([
+  o({ type: String })
+], a.prototype, "label");
+s([
+  o({ type: String, attribute: "label-position" })
+], a.prototype, "labelPosition");
+s([
+  o({ type: Boolean, attribute: "label-hidden" })
+], a.prototype, "labelHidden");
+s([
+  o({ type: Boolean, attribute: "no-label" })
+], a.prototype, "noLabel");
+s([
+  o({ type: Boolean, reflect: !0 })
+], a.prototype, "required");
+s([
+  o({ type: Boolean, reflect: !0 })
+], a.prototype, "invalid");
+s([
+  o({ type: String, attribute: "error-message" })
+], a.prototype, "errorMessage");
+s([
+  o({ type: String, attribute: "help-text" })
+], a.prototype, "helpText");
+s([
+  o({ attribute: !1 })
+], a.prototype, "onRatingChange");
+s([
+  o({ attribute: !1 })
+], a.prototype, "onRatingHover");
+s([
+  p()
+], a.prototype, "hoverValue");
+s([
+  p()
+], a.prototype, "isHovering");
+s([
+  p()
+], a.prototype, "isPointerDown");
+export {
+  a as AgRating
+};

package/dist/components/Rating/react/ReactRating.d.ts

@@ -0,0 +1,11 @@
+import { EventName } from '@lit/react';
+import { AgRating, RatingProps, RatingChangeEvent, RatingHoverEvent } from '../core/Rating';
+import * as React from 'react';
+export interface ReactRatingProps extends RatingProps {
+    children?: React.ReactNode;
+}
+export declare const ReactRating: import('@lit/react').ReactWebComponent<AgRating, {
+    onRatingChange: EventName<RatingChangeEvent>;
+    onRatingHover: EventName<RatingHoverEvent>;
+}>;
+//# sourceMappingURL=ReactRating.d.ts.map

package/dist/components/Rating/react/ReactRating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactRating.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/react/ReactRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;oBAKe,SAAS,CAAC,iBAAiB,CAAC;mBAC9B,SAAS,CAAC,gBAAgB,CAAC;EAE9D,CAAC"}

package/dist/components/Rating/react/ReactRating.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+import { o as a } from "../../../create-component-BPMDMe-q.js";
+import "../core/Rating.js";
+import { AgRating as e } from "../core/_Rating.js";
+const g = a({
+  tagName: "ag-rating",
+  elementClass: e,
+  react: t,
+  events: {
+    onRatingChange: "rating-change",
+    onRatingHover: "rating-hover"
+  }
+});
+export {
+  g as ReactRating
+};

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

@@ -0,0 +1,3 @@
+export { ReactRating, type ReactRatingProps } from './ReactRating.js';
+export type { RatingProps, RatingChangeEventDetail, RatingChangeEvent, RatingHoverEventDetail, RatingHoverEvent, RatingPrecision, RatingSize, RatingVariant, } from '../core/Rating.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEtE,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,aAAa,GACd,MAAM,mBAAmB,CAAC"}

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

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

package/dist/components/Rating/vue/VueRating.js

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

package/dist/components/Rating/vue/VueRating.vue.d.ts

@@ -0,0 +1,125 @@
+
+/**
+ * Vue Rating Props
+ * Based on AgnosticUI v2 Rating core component
+ * - Omit callback props (Vue uses emits)
+ * - Support v-model:value via update:value emit
+ */
+export interface VueRatingProps {
+    value?: number;
+    max?: number;
+    precision?: "whole" | "half";
+    readonly?: boolean;
+    allowClear?: boolean;
+    variant?: "" | "primary" | "secondary" | "success" | "warning" | "danger" | "monochrome";
+    size?: "sm" | "md" | "lg";
+    name?: string;
+    label?: string;
+    labelPosition?: "top" | "start" | "end" | "bottom";
+    labelHidden?: boolean;
+    noLabel?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    helpText?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueRatingProps>, {
+    value: number;
+    max: number;
+    precision: string;
+    readonly: boolean;
+    allowClear: boolean;
+    variant: string;
+    size: string;
+    name: string;
+    label: string;
+    labelPosition: string;
+    labelHidden: boolean;
+    noLabel: boolean;
+    required: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (detail: {
+        oldValue: number;
+        newValue: number;
+    }) => void;
+    hover: (detail: {
+        phase: "start" | "move" | "end";
+        value: number;
+    }) => void;
+    "update:value": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueRatingProps>, {
+    value: number;
+    max: number;
+    precision: string;
+    readonly: boolean;
+    allowClear: boolean;
+    variant: string;
+    size: string;
+    name: string;
+    label: string;
+    labelPosition: string;
+    labelHidden: boolean;
+    noLabel: boolean;
+    required: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+}>>> & Readonly<{
+    onChange?: ((detail: {
+        oldValue: number;
+        newValue: number;
+    }) => any) | undefined;
+    onHover?: ((detail: {
+        phase: "start" | "move" | "end";
+        value: number;
+    }) => any) | undefined;
+    "onUpdate:value"?: ((value: number) => any) | undefined;
+}>, {
+    invalid: boolean;
+    max: number;
+    name: string;
+    label: string;
+    labelPosition: "top" | "start" | "end" | "bottom";
+    labelHidden: boolean;
+    noLabel: boolean;
+    size: "sm" | "md" | "lg";
+    variant: "" | "primary" | "secondary" | "success" | "warning" | "danger" | "monochrome";
+    readonly: boolean;
+    required: boolean;
+    errorMessage: string;
+    helpText: string;
+    value: number;
+    precision: "whole" | "half";
+    allowClear: 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=VueRating.vue.d.ts.map

package/dist/components/Rating/vue/VueRating.vue.d.ts.map

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

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

@@ -0,0 +1,20 @@
+export { default } from './VueRating.vue';
+export { default as VueRating } from './VueRating.vue';
+export interface VueRatingProps {
+    value?: number;
+    max?: number;
+    precision?: 'whole' | 'half';
+    readonly?: boolean;
+    allowClear?: boolean;
+    variant?: '' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+}
+export type RatingChangeEvent = {
+    oldValue: number;
+    newValue: number;
+};
+export type RatingHoverEvent = {
+    phase: 'start' | 'move' | 'end';
+    value: number;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}