import { o as v } from "./rolldown-runtime.js";
import { i as p, t as x } from "./vendor/react.js";
import { t as g } from "./createLucideIcon.js";
import { t } from "./utils.js";
var b = [["path", {
  d: "M21 12a9 9 0 1 1-6.219-8.56",
  key: "13zald"
}]], _ = g("loader-circle", b), j = /* @__PURE__ */ v(p(), 1), a = x(), N = j.forwardRef(({ animated: r = !1, focused: i = !1, active: l = !1, disabled: e = !1, borderRadius: n = "rounded-full", className: c, innerClassName: f, children: m }, d) => {
  const o = (i || l || r) && !e, u = o ? 2 : 1.25, s = o;
  return /* @__PURE__ */ (0, a.jsxs)("div", {
    ref: d,
    className: t("relative w-full overflow-hidden transition-all", n, !e && s && "bg-brand-400", e && "bg-surface-2", !s && "bg-surface-2", c),
    style: { padding: `${u}px` },
    children: [
      s && !r && /* @__PURE__ */ (0, a.jsx)("div", { className: t("absolute inset-0", n, "bg-linear-to-b from-oasis-flat-300 via-brand-400 to-aqua-flat-400") }),
      r && !e && s && /* @__PURE__ */ (0, a.jsx)("div", {
        className: "absolute inset-0 flex items-center justify-center",
        children: /* @__PURE__ */ (0, a.jsx)("div", {
          className: "aspect-square animate-spin",
          style: {
            animationDuration: "2s",
            width: "max(500%, 500px)",
            background: "conic-gradient(from 0deg, var(--oasis-flat-300), var(--brand-400), var(--aqua-flat-400), var(--oasis-flat-300))"
          }
        })
      }),
      /* @__PURE__ */ (0, a.jsx)("div", {
        className: t("relative bg-background w-full h-full", n, e && "bg-muted", f),
        children: m
      })
    ]
  });
});
N.displayName = "GradientBorder";
function h({ className: r, ...i }) {
  return /* @__PURE__ */ (0, a.jsx)(_, {
    role: "status",
    "aria-label": "Loading",
    className: t("size-4 animate-spin", r),
    ...i
  });
}
h.displayName = "Spinner";
export {
  N as n,
  h as t
};

//# sourceMappingURL=spinner.js.map