@actioneer/ads 0.5.7 → 0.5.8

package/components/number-field.js

@@ -1,67 +1,76 @@
 "use client";
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
 import * as M from "react";
 import { Minus as _, Plus as j } from "../lib/icons.js";
-import { cn as c } from "../lib/cn.js";
+import { cn as a } from "../lib/cn.js";
 import { inputBaseClass as h } from "./field.js";
 const D = {
-  sm: { field: "h-8 text-xs", btn: "size-8 [&_svg]:size-3.5" },
-  md: { field: "h-10 text-xs", btn: "size-10 [&_svg]:size-4" },
-  lg: { field: "h-11 text-base", btn: "size-11 [&_svg]:size-4" }
+  sm: {
+    field: "h-8 rounded-sm text-xs",
+    btn: "size-8 rounded-sm [&_svg]:size-3.5"
+  },
+  md: {
+    field: "h-10 rounded-md text-xs",
+    btn: "size-10 rounded-md [&_svg]:size-4"
+  },
+  lg: {
+    field: "h-11 rounded-md text-base",
+    btn: "size-11 rounded-md [&_svg]:size-4"
+  }
 }, F = M.forwardRef(
   ({
     className: v,
-    value: l,
+    value: c,
     onChange: t,
     min: i,
-    max: s,
-    step: d = 1,
+    max: n,
+    step: l = 1,
     size: x = "md",
     isInvalid: N,
     disabled: o,
     ...z
   }, w) => {
-    const u = D[x], b = (n) => {
-      let e = n;
-      return i !== void 0 && (e = Math.max(i, e)), s !== void 0 && (e = Math.min(s, e)), e;
-    }, a = l ?? 0, y = !o && (i === void 0 || a > i), g = !o && (s === void 0 || a < s), p = (n) => t == null ? void 0 : t(b(a + n * d)), m = c(
+    const u = D[x], b = (r) => {
+      let e = r;
+      return i !== void 0 && (e = Math.max(i, e)), n !== void 0 && (e = Math.min(n, e)), e;
+    }, d = c ?? 0, y = !o && (i === void 0 || d > i), g = !o && (n === void 0 || d < n), m = (r) => t == null ? void 0 : t(b(d + r * l)), p = a(
       "inline-flex items-center justify-center rounded-md border border-input bg-elevated text-foreground",
-      "transition-[background,box-shadow] duration-(--duration-fast) hover:bg-muted",
+      "transition-[background,box-shadow] duration-150 hover:bg-muted",
       "outline-none focus-visible:ring-3 focus-visible:ring-ring",
       "disabled:pointer-events-none disabled:opacity-50",
       u.btn
     );
-    return /* @__PURE__ */ k("div", { className: c("inline-flex items-center gap-1.5", v), children: [
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ k("div", { className: a("inline-flex items-center gap-1.5", v), children: [
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           "aria-label": "Decrease",
           disabled: !y,
-          onClick: () => p(-1),
-          className: m,
-          children: /* @__PURE__ */ r(_, {})
+          onClick: () => m(-1),
+          className: p,
+          children: /* @__PURE__ */ s(_, {})
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "input",
         {
           ref: w,
           type: "number",
           inputMode: "numeric",
-          value: l ?? "",
+          value: c ?? "",
           min: i,
-          max: s,
-          step: d,
+          max: n,
+          step: l,
           disabled: o,
           "aria-invalid": N || void 0,
-          onChange: (n) => {
-            const e = n.target.value;
+          onChange: (r) => {
+            const e = r.target.value;
             if (e === "") return;
             const f = Number(e);
             Number.isNaN(f) || t == null || t(b(f));
           },
-          className: c(
+          className: a(
             h,
             "w-20 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
             u.field
@@ -69,15 +78,15 @@ const D = {
           ...z
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           "aria-label": "Increase",
           disabled: !g,
-          onClick: () => p(1),
-          className: m,
-          children: /* @__PURE__ */ r(j, {})
+          onClick: () => m(1),
+          className: p,
+          children: /* @__PURE__ */ s(j, {})
         }
       )
     ] });

package/components/page-header.js

@@ -1,27 +1,27 @@
 "use client";
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import * as o from "react";
 import { ArrowLeft as d } from "../lib/icons.js";
 import { cn as f } from "../lib/cn.js";
 import { Button as h } from "./button.js";
-const x = c.forwardRef(
+const x = o.forwardRef(
   ({
-    className: s,
-    title: m,
+    className: m,
+    title: s,
     description: r,
     onBack: a,
-    backLabel: l = "Back",
+    backLabel: n = "Back",
     actions: i,
-    ...n
-  }, o) => /* @__PURE__ */ t(
+    ...l
+  }, c) => /* @__PURE__ */ t(
     "header",
     {
-      ref: o,
+      ref: c,
       className: f(
         "flex min-w-0 items-start justify-between gap-4",
-        s
+        m
       ),
-      ...n,
+      ...l,
       children: [
         /* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-2", children: [
           a && /* @__PURE__ */ e(
@@ -30,14 +30,14 @@ const x = c.forwardRef(
               type: "button",
               size: "icon-sm",
               variant: "ghost",
-              "aria-label": l,
+              "aria-label": n,
               className: "shrink-0",
               onClick: a,
               children: /* @__PURE__ */ e(d, { "aria-hidden": !0 })
             }
           ),
           /* @__PURE__ */ t("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-semibold tracking-tight text-foreground", children: m }),
+            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-medium tracking-tight text-foreground", children: s }),
             r && /* @__PURE__ */ e("p", { className: "mt-1 max-w-2xl text-xs text-muted-foreground", children: r })
           ] })
         ] }),

package/components/pagination.js

@@ -12,7 +12,7 @@ function p(e, r) {
 function E(e, r, t) {
   if (t * 2 + 5 >= e)
     return p(1, e);
-  const m = Math.max(r - t, 1), n = Math.min(r + t, e), d = m > 2, a = n < e - 1;
+  const m = Math.max(r - t, 1), s = Math.min(r + t, e), d = m > 2, a = s < e - 1;
   if (!d && a) {
     const c = t * 2 + 3;
     return [...p(1, c), "end-ellipsis", e];
@@ -24,7 +24,7 @@ function E(e, r, t) {
   return [
     1,
     "start-ellipsis",
-    ...p(m, n),
+    ...p(m, s),
     "end-ellipsis",
     e
   ];
@@ -32,7 +32,7 @@ function E(e, r, t) {
 const A = (e) => o(
   "inline-flex items-center justify-center rounded-md font-normal",
   "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-  "transition active:scale-(--scale-press)",
+  "transition active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100",
   "disabled:pointer-events-none disabled:opacity-40",
   e === "sm" ? "size-7 text-xs" : "size-9 text-xs"
 ), N = (e) => e === "sm" ? "w-auto gap-1.5 px-2" : "w-auto gap-1.5 px-2.5", F = j.forwardRef(
@@ -42,7 +42,7 @@ const A = (e) => o(
     page: t,
     onChange: i,
     siblings: m = 1,
-    size: n = "md",
+    size: s = "md",
     summary: d,
     labels: a = !1,
     pageSize: c,
@@ -51,7 +51,7 @@ const A = (e) => o(
     ...C
   }, y) => {
     if (r <= 0) return null;
-    const P = E(r, t, m), R = t <= 1, S = t >= r, f = A(n), x = n === "sm" ? "size-3.5" : "size-4", h = c != null && !!g, b = d != null || h;
+    const P = E(r, t, m), R = t <= 1, S = t >= r, f = A(s), x = s === "sm" ? "size-3.5" : "size-4", h = c != null && !!g, b = d != null || h;
     return /* @__PURE__ */ u(
       "nav",
       {
@@ -90,12 +90,12 @@ const A = (e) => o(
                       size: "sm",
                       className: "w-18",
                       placement: "top",
-                      items: (w ?? [8, 16, 32]).map((s) => ({
-                        label: String(s),
-                        value: String(s)
+                      items: (w ?? [8, 16, 32]).map((n) => ({
+                        label: String(n),
+                        value: String(n)
                       })),
                       value: String(c),
-                      onChange: (s) => g(Number(s))
+                      onChange: (n) => g(Number(n))
                     }
                   )
                 ]
@@ -112,7 +112,7 @@ const A = (e) => o(
                   className: o(
                     f,
                     "text-foreground hover:bg-muted",
-                    a && N(n)
+                    a && N(s)
                   ),
                   children: [
                     /* @__PURE__ */ l(k, { className: x, "aria-hidden": !0 }),
@@ -120,8 +120,8 @@ const A = (e) => o(
                   ]
                 }
               ),
-              P.map((s) => {
-                if (s === "start-ellipsis" || s === "end-ellipsis")
+              P.map((n) => {
+                if (n === "start-ellipsis" || n === "end-ellipsis")
                   return /* @__PURE__ */ l(
                     "span",
                     {
@@ -129,23 +129,23 @@ const A = (e) => o(
                       className: o(f, "text-muted-foreground"),
                       children: /* @__PURE__ */ l(L, { className: x })
                     },
-                    s
+                    n
                   );
-                const v = s === t;
+                const v = n === t;
                 return /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    "aria-label": `Go to page ${s}`,
+                    "aria-label": `Go to page ${n}`,
                     "aria-current": v ? "page" : void 0,
-                    onClick: () => i(s),
+                    onClick: () => i(n),
                     className: o(
                       f,
                       v ? "bg-foreground text-background" : "text-foreground hover:bg-muted"
                     ),
-                    children: s
+                    children: n
                   },
-                  s
+                  n
                 );
               }),
               /* @__PURE__ */ u(
@@ -158,7 +158,7 @@ const A = (e) => o(
                   className: o(
                     f,
                     "text-foreground hover:bg-muted",
-                    a && N(n)
+                    a && N(s)
                   ),
                   children: [
                     a && "Next",

package/components/panel.js

@@ -37,7 +37,7 @@ const d = l.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
   "h2",
   {
     ref: r,
-    className: n("flex min-w-0 items-center gap-2 truncate text-xs font-semibold text-foreground", e),
+    className: n("flex min-w-0 items-center gap-2 truncate text-xs font-medium text-foreground", e),
     ...a
   }
 ));
@@ -47,7 +47,7 @@ const i = l.forwardRef(
 );
 i.displayName = "PanelToolbar";
 const f = l.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, className: n("min-h-0 flex-1 overflow-auto p-4", e), ...a })
+  ({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, tabIndex: 0, className: n("min-h-0 flex-1 overflow-auto p-4", e), ...a })
 );
 f.displayName = "PanelBody";
 const m = l.forwardRef(

package/components/pixel-blast-svg.js

@@ -13,7 +13,7 @@ const z = {
   preserveDrawingBuffer: !1
 }, O = 1e6, B = `uniform float u_type;
 uniform float u_patternDensity;
-uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering);", b = `  vec2 triangleUV = fract(pxSizeUV);
+uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering);", G = `  vec2 triangleUV = fract(pxSizeUV);
   vec2 triangleCell = floor(pxSizeUV);
   float triangleFlip = mod(triangleCell.x + triangleCell.y, 2.0);
   triangleUV.x = mix(triangleUV.x, 1.0 - triangleUV.x, triangleFlip);
@@ -31,7 +31,7 @@ uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering
   float res = step(densityThreshold, shape + dithering) * triangleMask;`;
 if (!g.includes("uniform float u_type;") || !g.includes(k))
   throw new Error("The Paper dithering shader no longer exposes the expected cell output.");
-const G = g.replace("uniform float u_type;", B).replace(k, b), d = (e) => Math.max(0, Math.min(1, e)), J = "#0a0a0b", W = "#ffffff";
+const b = g.replace("uniform float u_type;", B).replace(k, G), d = (e) => Math.max(0, Math.min(1, e)), J = "#202020", W = "#ffffff";
 function X(e, t) {
   if (typeof document > "u") return t;
   const r = (o, i = 0) => {
@@ -132,7 +132,7 @@ const $ = c.forwardRef(
                     className: "size-full",
                     width: "100%",
                     height: "100%",
-                    fragmentShader: G,
+                    fragmentShader: b,
                     uniforms: A,
                     speed: x || S ? 0 : o,
                     minPixelRatio: 1,

package/components/pixel-icon.js

@@ -801,7 +801,6 @@ const ee = P.forwardRef(
           c && "pixel-icon--hero",
           l
         ),
-        tabIndex: 0,
         ...a
       }
     );

package/components/popover.d.ts

@@ -17,4 +17,4 @@ export interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement
     align?: "start" | "center" | "end";
     sideOffset?: number;
 }
-export declare function PopoverContent({ className, align, sideOffset, children, ...props }: PopoverContentProps): React.ReactPortal;
+export declare function PopoverContent({ className, align, sideOffset, children, "aria-label": ariaLabel, ...props }: PopoverContentProps): React.ReactPortal;

package/components/popover.js

@@ -1,97 +1,99 @@
 "use client";
-import { jsx as g, jsxs as b } from "react/jsx-runtime";
+import { jsx as g, jsxs as C } from "react/jsx-runtime";
 import * as n from "react";
-import { createPortal as C } from "react-dom";
-import { MotionConfig as y, AnimatePresence as L, motion as R } from "motion/react";
-import { cn as k } from "../lib/cn.js";
-import { floatVariants as z } from "../lib/motion.js";
-import { Ripple as O } from "./ripple.js";
-const h = {
+import { createPortal as y } from "react-dom";
+import { MotionConfig as L, AnimatePresence as R, motion as k } from "motion/react";
+import { cn as z } from "../lib/cn.js";
+import { floatVariants as O } from "../lib/motion.js";
+import { Ripple as j } from "./ripple.js";
+const x = {
   start: "top left",
   center: "top",
   end: "top right"
-}, x = n.createContext(null);
-function E(o) {
-  const e = n.useContext(x);
+}, P = n.createContext(null);
+function E(i) {
+  const e = n.useContext(P);
   if (!e)
-    throw new Error(`${o} must be used within a <Popover>.`);
+    throw new Error(`${i} must be used within a <Popover>.`);
   return e;
 }
-function T({ children: o, defaultOpen: e = !1 }) {
-  const [d, a] = n.useState(e), u = n.useRef(null);
-  return /* @__PURE__ */ g(x.Provider, { value: { open: d, setOpen: a, triggerRef: u }, children: o });
+function W({ children: i, defaultOpen: e = !1 }) {
+  const [c, l] = n.useState(e), d = n.useRef(null);
+  return /* @__PURE__ */ g(P.Provider, { value: { open: c, setOpen: l, triggerRef: d }, children: i });
 }
-function W({ children: o }) {
-  const { open: e, setOpen: d, triggerRef: a } = E("PopoverTrigger"), u = o;
-  return n.cloneElement(u, {
-    ref: a,
+function K({ children: i }) {
+  const { open: e, setOpen: c, triggerRef: l } = E("PopoverTrigger"), d = i;
+  return n.cloneElement(d, {
+    ref: l,
     "aria-expanded": e,
     "aria-haspopup": !0,
-    onClick: (i) => {
-      var f, s;
-      (s = (f = u.props).onClick) == null || s.call(f, i), d(!e);
+    onClick: (w) => {
+      var r, u;
+      (u = (r = d.props).onClick) == null || u.call(r, w), c(!e);
     }
   });
 }
-function K({
-  className: o,
+function N({
+  className: i,
   align: e = "start",
-  sideOffset: d = 8,
-  children: a,
-  ...u
+  sideOffset: c = 8,
+  children: l,
+  "aria-label": d = "Popover",
+  ...w
 }) {
-  const { open: i, setOpen: f, triggerRef: s } = E("PopoverContent"), w = n.useRef(null), [c, P] = n.useState(null);
+  const { open: r, setOpen: u, triggerRef: v } = E("PopoverContent"), h = n.useRef(null), [s, b] = n.useState(null);
   return n.useLayoutEffect(() => {
-    if (!i) return;
-    const p = s.current;
-    if (!p) return;
-    const r = () => {
-      var v;
-      const t = p.getBoundingClientRect(), m = ((v = w.current) == null ? void 0 : v.offsetWidth) ?? 0;
-      let l = t.left;
-      e === "center" ? l = t.left + t.width / 2 - m / 2 : e === "end" && (l = t.right - m), P({ top: t.bottom + d, left: l });
+    if (!r) return;
+    const f = v.current;
+    if (!f) return;
+    const o = () => {
+      var m;
+      const t = f.getBoundingClientRect(), p = ((m = h.current) == null ? void 0 : m.offsetWidth) ?? 0;
+      let a = t.left;
+      e === "center" ? a = t.left + t.width / 2 - p / 2 : e === "end" && (a = t.right - p), b({ top: t.bottom + c, left: a });
     };
-    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
-      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
     };
-  }, [i, e, d, s]), n.useEffect(() => {
-    if (!i) return;
-    const p = (t) => {
-      t.key === "Escape" && f(!1);
-    }, r = (t) => {
-      var l, v;
-      const m = t.target;
-      (l = w.current) != null && l.contains(m) || (v = s.current) != null && v.contains(m) || f(!1);
+  }, [r, e, c, v]), n.useEffect(() => {
+    if (!r) return;
+    const f = (t) => {
+      t.key === "Escape" && u(!1);
+    }, o = (t) => {
+      var a, m;
+      const p = t.target;
+      (a = h.current) != null && a.contains(p) || (m = v.current) != null && m.contains(p) || u(!1);
     };
-    return document.addEventListener("keydown", p), document.addEventListener("pointerdown", r), () => {
-      document.removeEventListener("keydown", p), document.removeEventListener("pointerdown", r);
+    return document.addEventListener("keydown", f), document.addEventListener("pointerdown", o), () => {
+      document.removeEventListener("keydown", f), document.removeEventListener("pointerdown", o);
     };
-  }, [i, f, s]), C(
-    /* @__PURE__ */ g(y, { reducedMotion: "user", children: /* @__PURE__ */ g(L, { children: i && /* @__PURE__ */ b(
-      R.div,
+  }, [r, u, v]), y(
+    /* @__PURE__ */ g(L, { reducedMotion: "user", children: /* @__PURE__ */ g(R, { children: r && /* @__PURE__ */ C(
+      k.div,
       {
-        ref: w,
+        ref: h,
         role: "dialog",
-        variants: z,
+        "aria-label": d,
+        variants: O,
         initial: "hidden",
         animate: "visible",
         exit: "hidden",
         style: {
           position: "fixed",
-          top: (c == null ? void 0 : c.top) ?? 0,
-          left: (c == null ? void 0 : c.left) ?? 0,
-          visibility: c ? "visible" : "hidden",
-          transformOrigin: h[e]
+          top: (s == null ? void 0 : s.top) ?? 0,
+          left: (s == null ? void 0 : s.left) ?? 0,
+          visibility: s ? "visible" : "hidden",
+          transformOrigin: x[e]
         },
-        className: k(
+        className: z(
           "relative z-50 min-w-44 rounded-lg border border-border bg-elevated p-3",
           "text-xs text-foreground shadow-elevation",
-          o
+          i
         ),
-        ...u,
+        ...w,
         children: [
-          /* @__PURE__ */ g(O, { origin: h[e] }),
-          a
+          /* @__PURE__ */ g(j, { origin: x[e] }),
+          l
         ]
       }
     ) }) }),
@@ -99,7 +101,7 @@ function K({
   );
 }
 export {
-  T as Popover,
-  K as PopoverContent,
-  W as PopoverTrigger
+  W as Popover,
+  N as PopoverContent,
+  K as PopoverTrigger
 };

package/components/progress-circle.js

@@ -1,32 +1,34 @@
 "use client";
-import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as v } from "react/jsx-runtime";
 import * as x from "react";
+import { MotionConfig as w, motion as y } from "motion/react";
 import { cn as l } from "../lib/cn.js";
-const w = x.forwardRef(
+import { springProgress as M } from "../lib/motion.js";
+const N = x.forwardRef(
   ({
-    className: f,
-    value: m = 0,
-    max: a = 100,
+    className: m,
+    value: f = 0,
+    max: e = 100,
     size: r = 40,
-    strokeWidth: o = 4,
+    strokeWidth: i = 4,
     isIndeterminate: n = !1,
     label: d,
-    ...u
+    ...p
   }, h) => {
-    const i = Math.min(Math.max(m, 0), a), p = a > 0 ? i / a : 0, t = (r - o) / 2, s = 2 * Math.PI * t, v = n ? s * 0.75 : s * (1 - p), e = r / 2;
-    return /* @__PURE__ */ c(
+    const c = Math.min(Math.max(f, 0), e), u = e > 0 ? c / e : 0, s = (r - i) / 2, t = 2 * Math.PI * s, g = n ? t * 0.75 : t * (1 - u), a = r / 2;
+    return /* @__PURE__ */ o(
       "div",
       {
         ref: h,
         role: "progressbar",
         "aria-label": d,
         "aria-valuemin": 0,
-        "aria-valuemax": a,
-        "aria-valuenow": n ? void 0 : i,
-        className: l("inline-flex", f),
+        "aria-valuemax": e,
+        "aria-valuenow": n ? void 0 : c,
+        className: l("inline-flex", m),
         style: { width: r, height: r },
-        ...u,
-        children: /* @__PURE__ */ g(
+        ...p,
+        children: /* @__PURE__ */ v(
           "svg",
           {
             width: r,
@@ -34,34 +36,36 @@ const w = x.forwardRef(
             viewBox: `0 0 ${r} ${r}`,
             className: l(
               "-rotate-90",
-              n && "animate-[ads-spin_var(--duration-spin)_linear_infinite]"
+              n && "animate-[ads-spin_800ms_linear_infinite]"
             ),
             children: [
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ o(
                 "circle",
                 {
                   className: "stroke-muted",
                   fill: "none",
-                  cx: e,
-                  cy: e,
-                  r: t,
-                  strokeWidth: o
+                  cx: a,
+                  cy: a,
+                  r: s,
+                  strokeWidth: i
                 }
               ),
-              /* @__PURE__ */ c(
-                "circle",
+              /* @__PURE__ */ o(w, { reducedMotion: "user", children: /* @__PURE__ */ o(
+                y.circle,
                 {
-                  className: "stroke-brand transition-[stroke-dashoffset] duration-(--duration-normal) ease-out motion-reduce:transition-none",
+                  className: "stroke-brand",
                   fill: "none",
-                  cx: e,
-                  cy: e,
-                  r: t,
-                  strokeWidth: o,
+                  cx: a,
+                  cy: a,
+                  r: s,
+                  strokeWidth: i,
                   strokeLinecap: "round",
-                  strokeDasharray: s,
-                  strokeDashoffset: v
+                  strokeDasharray: t,
+                  initial: !1,
+                  animate: { strokeDashoffset: g },
+                  transition: M
                 }
-              )
+              ) })
             ]
           }
         )
@@ -69,7 +73,7 @@ const w = x.forwardRef(
     );
   }
 );
-w.displayName = "ProgressCircle";
+N.displayName = "ProgressCircle";
 export {
-  w as ProgressCircle
+  N as ProgressCircle
 };