agnosticui-core 2.0.0-alpha.2

package/dist/components/Popover/vue/VuePopover.vue.d.ts

@@ -0,0 +1,105 @@
+import { PropType } from 'vue';
+import { PopoverProps } from '../core/Popover';
+import { Placement } from '@floating-ui/dom';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    placement: {
+        type: PropType<Placement>;
+        default: Placement;
+    };
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skidding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerType: {
+        type: PropType<"click" | "hover" | "focus">;
+        default: string;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    trapFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & PopoverProps) | null, (HTMLElement & PopoverProps) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show" | "hide")[], "show" | "hide", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    placement: {
+        type: PropType<Placement>;
+        default: Placement;
+    };
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skidding: {
+        type: NumberConstructor;
+        default: number;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerType: {
+        type: PropType<"click" | "hover" | "focus">;
+        default: string;
+    };
+    matchTriggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    trapFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placement: Placement;
+    distance: number;
+    skidding: number;
+    showCloseButton: boolean;
+    arrow: boolean;
+    triggerType: "click" | "focus" | "hover";
+    matchTriggerWidth: boolean;
+    closeLabel: string;
+    trapFocus: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VuePopover.vue.d.ts.map

package/dist/components/Popover/vue/VuePopover.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuePopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/vue/VuePopover.vue"],"names":[],"mappings":"AAkBA;AAEA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EACV,YAAY,EAGb,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,iBAAiB,CAAC;;;cAMH,QAAQ,CAAC,SAAS,CAAC;iBACd,SAAS;;;;;;;;;;;;;;;;;;;cAmBd,QAAQ,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;cApBrC,QAAQ,CAAC,SAAS,CAAC;iBACd,SAAS;;;;;;;;;;;;;;;;;;;cAmBd,QAAQ,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxB3D,wBA6FG"}

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

@@ -0,0 +1,7 @@
+import { default as VuePopover } from './VuePopover.vue';
+import { PopoverProps, PopoverShowEvent, PopoverHideEvent } from '../core/_Popover';
+import { Placement } from '@floating-ui/dom';
+
+export { VuePopover };
+export type { PopoverProps, PopoverShowEvent, PopoverHideEvent, Placement };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+import "../core/Popover.js";
+import { default as p } from "./VuePopover.js";
+export {
+  p as VuePopover
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/core/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAM1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,QAAQ,CAAC;KACzB;CACF;AAGD,cAAc,gBAAgB,CAAC"}

package/dist/components/Progress/core/Progress.js

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

package/dist/components/Progress/core/_Progress.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, CSSResultGroup } from 'lit';
+
+export interface ProgressProps {
+    /**
+     * The current value of the progress bar. If not provided, the progress bar is indeterminate.
+     */
+    value?: number;
+    /**
+     * The maximum value of the progress bar.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * An accessible label for the progress bar. This label is visually hidden but announced by screen readers.
+     */
+    label?: string;
+    /**
+     * Size of the progress bar
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * @element ag-progress
+ * @csspart progress-wrapper - The main container element for the component.
+ * @csspart progress-label - The visually hidden label element.
+ * @csspart progress-bar - The native `<progress>` element.
+ */
+export declare class Progress extends LitElement implements ProgressProps {
+    value?: number;
+    max: number;
+    label: string;
+    size: 'small' | 'medium' | 'large';
+    static get styles(): CSSResultGroup;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Progress.d.ts.map

package/dist/components/Progress/core/_Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/core/_Progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAIjE,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED;;;;;GAKG;AACH,qBAAa,QAAS,SAAQ,UAAW,YAAW,aAAa;IAE/D,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,GAAG,SAAO;IAGV,KAAK,SAAM;IAGX,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9C,MAAM,KAAK,MAAM,IAAI,cAAc,CAmGlC;IAED,MAAM;CAgBP"}

package/dist/components/Progress/core/_Progress.js

@@ -0,0 +1,142 @@
+import { LitElement as l, css as b, html as n } from "lit";
+import { n as e } from "../../../property-CemaeiRl.js";
+import { o as d } from "../../../if-defined-C8i28hSj.js";
+var c = Object.defineProperty, a = (o, t, g, u) => {
+  for (var r = void 0, i = o.length - 1, p; i >= 0; i--)
+    (p = o[i]) && (r = p(t, g, r) || r);
+  return r && c(t, g, r), r;
+};
+class s extends l {
+  constructor() {
+    super(...arguments), this.max = 100, this.label = "", this.size = "medium";
+  }
+  static get styles() {
+    return b`
+      :host {
+        display: block;
+        width: var(--ag-progress-width, 100%);
+      }
+
+      .progress-wrapper {
+        display: block;
+        width: 100%;
+      }
+
+      .progress-label {
+        /* Visually hidden but accessible */
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+      }
+
+      progress {
+        width: 100%;
+        height: var(--ag-progress-height, var(--ag-space-3));
+        appearance: none;
+        border: none;
+        border-radius: var(--ag-radius-lg);
+        background-color: var(--ag-background-secondary);
+      }
+
+      :host([size="small"]) progress {
+        --ag-progress-height: var(--ag-space-2);
+      }
+
+      :host([size="medium"]) progress {
+        --ag-progress-height: var(--ag-space-3);
+      }
+
+      :host([size="large"]) progress {
+        --ag-progress-height: var(--ag-space-4);
+      }
+
+      /* WebKit/Blink browsers (Chrome, Safari, Edge) */
+      progress::-webkit-progress-bar {
+        background-color: var(--ag-background-secondary);
+        border-radius: var(--ag-radius-lg);
+      }
+
+      progress::-webkit-progress-value {
+        background-color: var(--ag-primary);
+        border-radius: var(--ag-radius-lg);
+      }
+
+      /* Firefox */
+      progress::-moz-progress-bar {
+        background-color: var(--ag-primary);
+        border-radius: var(--ag-radius-lg);
+      }
+
+      /* Indeterminate state animations */
+      progress:indeterminate {
+        background: linear-gradient(
+          to right,
+          var(--ag-background-secondary) 0%,
+          var(--ag-primary) 50%,
+          var(--ag-background-secondary) 100%
+        );
+        background-size: 200% 100%;
+        animation: progress-indeterminate 2s linear infinite;
+      }
+
+      progress:indeterminate::-webkit-progress-bar {
+        background: transparent;
+      }
+
+      progress:indeterminate::-moz-progress-bar {
+        background: linear-gradient(
+          to right,
+          var(--ag-background-secondary) 0%,
+          var(--ag-primary) 50%,
+          var(--ag-background-secondary) 100%
+        );
+        background-size: 200% 100%;
+        animation: progress-indeterminate 2s linear infinite;
+      }
+
+      @keyframes progress-indeterminate {
+        0% {
+          background-position: 200% 0;
+        }
+        100% {
+          background-position: -200% 0;
+        }
+      }
+    `;
+  }
+  render() {
+    return n`
+      <div class="progress-wrapper" part="ag-progress-wrapper">
+        ${this.label ? n`<label for="progress" class="progress-label" part="progress-label">${this.label}</label>` : ""}
+        <progress
+          id="progress"
+          part="ag-progress-bar"
+          .value=${d(this.value)}
+          .max=${this.max}
+          aria-label=${d(this.label || void 0)}
+        ></progress>
+      </div>
+    `;
+  }
+}
+a([
+  e({ type: Number })
+], s.prototype, "value");
+a([
+  e({ type: Number })
+], s.prototype, "max");
+a([
+  e({ type: String })
+], s.prototype, "label");
+a([
+  e({ type: String, reflect: !0 })
+], s.prototype, "size");
+export {
+  s as Progress
+};

package/dist/components/Progress/react/ReactProgress.d.ts

@@ -0,0 +1,5 @@
+import { Progress, ProgressProps } from '../core/Progress';
+
+export type { ProgressProps };
+export declare const ReactProgress: import('@lit/react').ReactWebComponent<Progress, {}>;
+//# sourceMappingURL=ReactProgress.d.ts.map

package/dist/components/Progress/react/ReactProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/react/ReactProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEhE,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,eAAO,MAAM,aAAa,sDAOxB,CAAC"}

package/dist/components/Progress/react/ReactProgress.js

@@ -0,0 +1,15 @@
+import { o as r } from "../../../create-component-BPMDMe-q.js";
+import e from "react";
+import "../core/Progress.js";
+import { Progress as o } from "../core/_Progress.js";
+const p = r({
+  tagName: "ag-progress",
+  elementClass: o,
+  react: e,
+  events: {
+    // No events for this component
+  }
+});
+export {
+  p as ReactProgress
+};

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

@@ -0,0 +1,3 @@
+export { ReactProgress } from './ReactProgress';
+export type { ProgressProps } from './ReactProgress';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

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

package/dist/components/Progress/vue/VueProgress.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, ref as a, onMounted as s, nextTick as l, watchEffect as u, createElementBlock as m, openBlock as p, mergeProps as c, renderSlot as f } from "vue";
+import "../core/Progress.js";
+import { _ as i } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = r({
+  name: "VueProgress",
+  props: {
+    value: { type: Number, default: void 0 },
+    max: { type: Number, default: 100 },
+    label: { type: String, default: "" }
+  },
+  setup(e) {
+    const o = a(null), n = () => {
+      const t = o.value;
+      t && (t.value = e.value, t.max = e.max, t.label = e.label);
+    };
+    return s(async () => {
+      await customElements.whenDefined("ag-progress"), await l(), n();
+    }), u(() => {
+      o.value && n();
+    }), { agComponent: o };
+  }
+});
+function g(e, o, n, t, _, b) {
+  return p(), m("ag-progress", c({ ref: "agComponent" }, e.$attrs), [
+    f(e.$slots, "default")
+  ], 16);
+}
+const x = /* @__PURE__ */ i(d, [["render", g]]);
+export {
+  x as default
+};

package/dist/components/Progress/vue/VueProgress.vue.d.ts

@@ -0,0 +1,37 @@
+import { ProgressProps } from '../core/Progress';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    agComponent: import('vue').Ref<(HTMLElement & ProgressProps) | null, (HTMLElement & ProgressProps) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    max: number;
+    label: string;
+    value: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=VueProgress.vue.d.ts.map

package/dist/components/Progress/vue/VueProgress.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueProgress.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/vue/VueProgress.vue"],"names":[],"mappings":"AAQA;AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,wBAiCG"}

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

@@ -0,0 +1,4 @@
+import { default as VueProgress } from './VueProgress.vue';
+
+export { VueProgress };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { default as o } from "./VueProgress.js";
+export {
+  o as VueProgress
+};

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

@@ -0,0 +1,10 @@
+import { AgProgressRing } from './_ProgressRing.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-progress-ring': AgProgressRing;
+    }
+}
+export * from './_ProgressRing.js';
+export type { AgProgressRingProps } from './_ProgressRing.js';
+//# sourceMappingURL=ProgressRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/core/ProgressRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAGD,cAAc,oBAAoB,CAAC;AAEnC,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ProgressRing/core/ProgressRing.js

@@ -0,0 +1,5 @@
+import { AgProgressRing as e } from "./_ProgressRing.js";
+customElements.get("ag-progress-ring") || customElements.define("ag-progress-ring", e);
+export {
+  e as AgProgressRing
+};

package/dist/components/ProgressRing/core/_ProgressRing.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+
+export interface AgProgressRingProps {
+    /** Progress value (0–100) */
+    value?: number;
+    /** Size preset */
+    size?: 'small' | 'medium' | 'large';
+    /** Color variant */
+    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    /** Accessible label */
+    label?: string;
+    /** Disable animation (also respects prefers-reduced-motion) */
+    'no-animation'?: boolean;
+}
+export declare class AgProgressRing extends LitElement implements AgProgressRingProps {
+    static styles: import('lit').CSSResult;
+    get value(): number;
+    set value(v: number);
+    private _value;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    label?: string;
+    noAnimation: boolean;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_ProgressRing.d.ts.map

package/dist/components/ProgressRing/core/_ProgressRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/core/_ProgressRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChE,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAQD,qBAAa,cAAe,SAAQ,UAAW,YAAW,mBAAmB;IAC3E,MAAM,CAAC,MAAM,0BA+EX;IAEF,IACI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAMlB;IACD,OAAO,CAAC,MAAM,CAAK;IAEU,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IAC4C,WAAW,UAAS;IAE3F,MAAM;CA+BP"}

package/dist/components/ProgressRing/core/_ProgressRing.js

@@ -0,0 +1,147 @@
+import { LitElement as d, css as h, html as m } from "lit";
+import { n as i } from "../../../property-CemaeiRl.js";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (u, r, e, o) => {
+  for (var a = o > 1 ? void 0 : o ? y(r, e) : r, n = u.length - 1, l; n >= 0; n--)
+    (l = u[n]) && (a = (o ? l(r, e, a) : l(a)) || a);
+  return o && a && f(r, e, a), a;
+};
+const c = 100, b = 10, p = (c - b) / 2, g = 2 * Math.PI * p, v = class v extends d {
+  constructor() {
+    super(...arguments), this._value = 0, this.noAnimation = !1;
+  }
+  get value() {
+    return this._value;
+  }
+  set value(r) {
+    const e = Math.max(0, Math.min(100, Number(r) || 0));
+    this._value !== e && (this._value = e, this.requestUpdate());
+  }
+  render() {
+    const r = g - this._value / 100 * g, e = g.toFixed(4);
+    return m`
+      <div
+        part="ag-progress-ring"
+        class="progress-ring"
+        role="progressbar"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this._value}
+        aria-valuetext=${`${this._value}%`}
+        aria-label=${this.label || "Progress"}
+      >
+        <svg viewBox="0 0 ${c} ${c}">
+          <circle part="ag-track" class="track" r="${p}"></circle>
+          <circle
+            part="ag-indicator"
+            class="indicator"
+            r="${p}"
+            style="stroke-dasharray: ${e}; stroke-dashoffset: ${r}px"
+          ></circle>
+        </svg>
+
+        <div part="ag-label" class="label">
+          <slot>${this._value}%</slot>
+        </div>
+      </div>
+    `;
+  }
+};
+v.styles = h`
+    :host {
+      --ag-progress-ring-size: var(--ag-progress-ring-size-base, 6rem);
+      --ag-progress-ring-track-color: var(--ag-border-subtle);
+      --ag-progress-ring-indicator-color: var(--ag-primary);
+      --ag-progress-ring-transition-duration: var(--ag-motion-medium);
+
+      display: inline-flex;
+      vertical-align: middle;
+      width: var(--ag-progress-ring-size);
+      height: var(--ag-progress-ring-size);
+    }
+
+    /* Size variants */
+    :host([size="small"]) { --ag-progress-ring-size: var(--ag-progress-ring-size-small, 5rem); }
+    :host([size="large"])  { --ag-progress-ring-size: var(--ag-progress-ring-size-large, 7rem); }
+
+    /* Color variants — fully token-driven */
+    :host([variant="primary"]) { --ag-progress-ring-indicator-color: var(--ag-primary); }
+    :host([variant="success"]) { --ag-progress-ring-indicator-color: var(--ag-success); }
+    :host([variant="warning"]) { --ag-progress-ring-indicator-color: var(--ag-warning); }
+    :host([variant="danger"])  { --ag-progress-ring-indicator-color: var(--ag-danger); }
+    :host([variant="info"])    { --ag-progress-ring-indicator-color: var(--ag-info); }
+
+    .progress-ring {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    svg {
+      width: 100%;
+      height: 100%;
+      transform: rotate(-90deg);
+      overflow: visible; /* Critical for Safari & stroke-linecap */
+    }
+
+    circle {
+      fill: none;
+      cx: 50;
+      cy: 50;
+      stroke-width: 10;
+    }
+
+    .track {
+      stroke: var(--ag-progress-ring-track-color);
+    }
+
+    .indicator {
+      stroke: var(--ag-progress-ring-indicator-color);
+      stroke-linecap: round;
+      transition: stroke-dashoffset var(--ag-progress-ring-transition-duration) ease;
+    }
+
+    .label {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: var(--ag-font-size-sm);
+      font-weight: 600;
+      color: var(--ag-text-primary);
+      user-select: none;
+      pointer-events: none;
+    }
+
+    /* Reduced motion support */
+    @media (prefers-reduced-motion: reduce) {
+      :host(:not([no-animation="false"])) .indicator {
+        transition: none;
+      }
+    }
+    :host([no-animation]) .indicator {
+      transition: none;
+    }
+  `;
+let t = v;
+s([
+  i({ type: Number, reflect: !0 })
+], t.prototype, "value", 1);
+s([
+  i({ reflect: !0 })
+], t.prototype, "size", 2);
+s([
+  i({ reflect: !0 })
+], t.prototype, "variant", 2);
+s([
+  i()
+], t.prototype, "label", 2);
+s([
+  i({ type: Boolean, reflect: !0, attribute: "no-animation" })
+], t.prototype, "noAnimation", 2);
+export {
+  t as AgProgressRing
+};

package/dist/components/ProgressRing/react/ReactProgressRing.d.ts

@@ -0,0 +1,5 @@
+import { AgProgressRing, AgProgressRingProps } from '../core/ProgressRing.js';
+
+export type { AgProgressRingProps };
+export declare const ReactProgressRing: import('@lit/react').ReactWebComponent<AgProgressRing, {}>;
+//# sourceMappingURL=ReactProgressRing.d.ts.map